fix markup
Signed-off-by: Christopher Guindon <chris.guindon@eclipse.org>
diff --git a/content/en_index.php b/content/en_index.php
index 9077c00..f59eb5a 100644
--- a/content/en_index.php
+++ b/content/en_index.php
@@ -1,98 +1,98 @@
<div class="container-fluid">
-<section class="row highlight background-gray breadcrumbs-offset" id="sec_wg">
- <div class="container" style="padding-top:4em;">
- <div>
- <div class="col-md-14 highlight-content">
- <h1>Desktop IDEs</h1>
- <p>Eclipse is famous for our Java Integrated Development Environment (IDE), but
- our C/C++ IDE and PHP IDE are pretty cool too. You can easily combine language
- support and other features into any of our default packages, and the Eclipse
- Marketplace allows for virtually unlimited customization and extension.</p>
- <ul class="list-inline">
- <li><a href="<?php print $java['url']?>"><img width="42" height="42" alt="<?php print $java['name']?>" src="<?php print $java['icon']?>"> Java IDE</a></li>
- <li><a href="<?php print $jee['url']?>"><img width="42" height="42" alt="<?php print $jee['name']?>" src="<?php print $jee['icon']?>"> Jave EE</a></li>
- <li><a href="<?php print $cpp['url']?>"><img width="42" height="42" alt="<?php print $cpp['name']?>" src="<?php print $cpp['icon']?>"> C/C++</a></li>
- </ul>
+ <section class="row highlight background-gray breadcrumbs-offset" id="sec_wg">
+ <div class="container" style="padding-top:4em;">
+ <div>
+ <div class="col-md-14 highlight-content">
+ <h1>Desktop IDEs</h1>
+ <p>Eclipse is famous for our Java Integrated Development Environment (IDE), but
+ our C/C++ IDE and PHP IDE are pretty cool too. You can easily combine language
+ support and other features into any of our default packages, and the Eclipse
+ Marketplace allows for virtually unlimited customization and extension.</p>
+ <ul class="list-inline">
+ <li><a href="<?php print $java['url']?>"><img width="42" height="42" alt="<?php print $java['name']?>" src="<?php print $java['icon']?>"> Java IDE</a></li>
+ <li><a href="<?php print $jee['url']?>"><img width="42" height="42" alt="<?php print $jee['name']?>" src="<?php print $jee['icon']?>"> Jave EE</a></li>
+ <li><a href="<?php print $cpp['url']?>"><img width="42" height="42" alt="<?php print $cpp['name']?>" src="<?php print $cpp['icon']?>"> C/C++</a></li>
+ </ul>
+ </div>
+ <div class="col-md-9 right highlight-img hidden-xs hidden-sm col-sm-offset-1">
+ <img src="images/desktop-ide-screenshot.jpg" class="img-responsive" alt="Eclipse Desktop IDE"/>
+ </div>
</div>
- <div class="col-md-9 right highlight-img hidden-xs hidden-sm col-sm-offset-1">
- <img src="images/desktop-ide-screenshot.jpg" class="img-responsive" alt="Eclipse Desktop IDE"/>
- </div>
</div>
- </div>
-</section>
+ </section>
-<section class="row highlight highlight-left background-white" id="sec_ide">
- <div class="container">
- <div>
- <div class="triangle hidden-sm hidden-xs"></div>
- <div class="col-sm-8 col-md-12 center highlight-img hidden-xs">
- <img src="images/web-ide-screenshot-2.jpg" alt="Eclipse Web IDE" class="img-responsive"/>
- </div>
- <div class="col-sm-16 col-md-12 highlight-content">
- <h1>Web IDEs</h1>
- <p>Develop your software wherever you go. It'll be there, in the cloud, right where you left it.
- Just log in from a web browser on a desktop, laptop, or tablet — at an airport, on a bus, or even in your office. All you need is a modern web browser and you're ready to get started.</p>
- <ul class="list-inline">
- <li><a href="/orion/"><img src="images/orion-logo78x48.jpg" alt="Open Source Platform For Cloud Based Development"/></a></li>
- </ul>
- </div>
+ <section class="row highlight highlight-left background-white" id="sec_ide">
+ <div class="container">
+ <div>
+ <div class="triangle hidden-sm hidden-xs"></div>
+ <div class="col-sm-8 col-md-12 center highlight-img hidden-xs">
+ <img src="images/web-ide-screenshot-2.jpg" alt="Eclipse Web IDE" class="img-responsive"/>
+ </div>
+ <div class="col-sm-16 col-md-12 highlight-content">
+ <h1>Web IDEs</h1>
+ <p>Develop your software wherever you go. It'll be there, in the cloud, right where you left it.
+ Just log in from a web browser on a desktop, laptop, or tablet — at an airport, on a bus, or even in your office. All you need is a modern web browser and you're ready to get started.</p>
+ <ul class="list-inline">
+ <li><a href="/orion/"><img src="images/orion-logo78x48.jpg" alt="Open Source Platform For Cloud Based Development"/></a></li>
+ </ul>
+ </div>
+ </div>
</div>
- </div>
-</section>
+ </section>
-<section class="row highlight background-gray footer-offset">
- <div class="container">
- <div>
- <div class="triangle triangle-white hidden-sm hidden-xs"></div>
- <div class="col-md-13">
- <div class="media">
- <div class="pull-left orange">
- <i class="fa fa-wrench"></i>
- </div>
- <div class="media-body">
- <h4 class="media-heading">Tools</h4>
- <p class="emphasis">Extend the extensible platform.</p>
- <p>An impressive collection of tools can be easily installed into your Eclipse desktop IDE, including GUI builders and tools for modeling, charting and reporting, testing, and more.</p>
- </div>
- </div>
- <div class="media">
- <div class="pull-left orange">
- <i class="fa fa-shopping-cart"></i>
- </div>
- <div class="media-body">
- <h4 class="media-heading">Marketplace</h4>
- <p class="emphasis">Customize and extend Eclipse and make it your own.</p>
- <p>Use the <a href="/mpc">Eclipse Marketplace Client</a> to find, install, and vote for new plug-ins from our vast ecosystem of providers.</p>
- </div>
- </div>
- <div class="media">
- <div class="pull-left orange">
- <i class="fa fa-gears"></i>
- </div>
- <div class="media-body">
- <h4 class="media-heading">Extend</h4>
- <p class="emphasis">Join the Community.</p>
- <p>Extend the desktop and web-based IDEs by writing your own plug-ins using the Plug-in Development Environment (PDE), or mash up features to build the web IDE of your dreams.</p>
- </div>
- </div>
- </div>
- <div class="col-md-8 right highlight-img text-left hidden-xs hidden-sm col-sm-offset-3">
- <div>
- <h2>Discover</h2>
- <p class="orange"><strong>Find an Eclipse open source project.</strong></p>
- <form id="form-discover-search" class="form-inline form-search-projects input-group custom-search-form" role="form" action="https://projects.eclipse.org/projects/all">
- <input id="discover-search-box" class="form-control" type="text" size="25" name="keys" placeholder="Search">
- <span class="input-group-btn">
- <button class="btn btn-default" type="submit">
- <i class="fa fa-search"></i>
- </button>
- </span>
- </form>
- <br/>
- <p><a class="btn btn-info uppercase fw-700" href="//projects.eclipse.org/list-of-projects">List of projects</a></p>
- </div>
+ <section class="row highlight background-gray footer-offset">
+ <div class="container">
+ <div>
+ <div class="triangle triangle-white hidden-sm hidden-xs"></div>
+ <div class="col-md-13">
+ <div class="media">
+ <div class="pull-left orange">
+ <i class="fa fa-wrench"></i>
+ </div>
+ <div class="media-body">
+ <h4 class="media-heading">Tools</h4>
+ <p class="emphasis">Extend the extensible platform.</p>
+ <p>An impressive collection of tools can be easily installed into your Eclipse desktop IDE, including GUI builders and tools for modeling, charting and reporting, testing, and more.</p>
+ </div>
+ </div>
+ <div class="media">
+ <div class="pull-left orange">
+ <i class="fa fa-shopping-cart"></i>
+ </div>
+ <div class="media-body">
+ <h4 class="media-heading">Marketplace</h4>
+ <p class="emphasis">Customize and extend Eclipse and make it your own.</p>
+ <p>Use the <a href="/mpc">Eclipse Marketplace Client</a> to find, install, and vote for new plug-ins from our vast ecosystem of providers.</p>
+ </div>
+ </div>
+ <div class="media">
+ <div class="pull-left orange">
+ <i class="fa fa-gears"></i>
+ </div>
+ <div class="media-body">
+ <h4 class="media-heading">Extend</h4>
+ <p class="emphasis">Join the Community.</p>
+ <p>Extend the desktop and web-based IDEs by writing your own plug-ins using the Plug-in Development Environment (PDE), or mash up features to build the web IDE of your dreams.</p>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-8 right highlight-img text-left hidden-xs hidden-sm col-sm-offset-3">
+ <div>
+ <h2>Discover</h2>
+ <p class="orange"><strong>Find an Eclipse open source project.</strong></p>
+ <form id="form-discover-search" class="form-inline form-search-projects input-group custom-search-form" role="form" action="https://projects.eclipse.org/projects/all">
+ <input id="discover-search-box" class="form-control" type="text" size="25" name="keys" placeholder="Search">
+ <span class="input-group-btn">
+ <button class="btn btn-default" type="submit">
+ <i class="fa fa-search"></i>
+ </button>
+ </span>
+ </form>
+ <br/>
+ <p><a class="btn btn-info uppercase fw-700" href="//projects.eclipse.org/list-of-projects">List of projects</a></p>
+ </div>
+ </div>
</div>
</div>
- </div>
-</section>
+ </section>
</div>
\ No newline at end of file
