content/en_index.php

<section class="row highlight highlight-grey breadcrumbs-offset" id="sec_wg">
  <div class="container" style="padding-top:4em;">
    <div class="row">
		  <div class="col-md-15 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-8 right highlight-img hidden-xs hidden-sm col-sm-offset-1">
		    <img src="images/desktop-ide-screenshot.jpg" alt="Eclipse Desktop IDE"/>
      </div>
	  </div>
  </div>
</section>

<section class="row highlight highlight-left highlight-white" id="sec_ide">
    <div class="container">
      <div class="row">
        <div class="triangle"></div>
        <div class="col-sm-8 col-md-12 center highlight-img hidden-xs">
		  		<img src="images/web-ide-screenshot.jpg" alt="Eclipse Web IDE"/>
		  	</div>
		  	<div class="col-sm-16 col-md-12 highlight-content">
		  	  <h1>Tools and IDEs</h1>
			 	  <p>Eclipse is famous for our Java IDE but our C/C++ IDE, PHP IDE are pretty cool too.
			 	  We also have a ton tools for software developers. Check them out.</p>
			 	  <a href="/orion/" class="btn btn-info btn-lg">Learn more</a>
			 	  <a href="/orion/"><img src="images/orion-logo78x48.jpg" alt="Open Source Platform For Cloud Based Development" /></a>
		    </div>
		  </div>
	  </div>
</section>

<section class="row highlight highlight-grey footer-offset" id="sec_wg">
  <div class="container">
    <div class="row">
      <div class="triangle triangle-white"></div>
		  <div class="col-md-15">
			  <div class="media">
	 			  <a class="pull-left circle background-orange" href="#">
	            <i class="fa fa-wrench"></i>
	        </a>
	        <div class="media-body">
	          <h4 class="media-heading">Tools</h4>
	          <p class="emphasis">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus diam vel eleifend ornare.</p>
	        </div>
	      </div>
	      <div class="media">
	 			  <a class="pull-left circle background-orange" href="#">
	          <i class="fa fa-flask"></i>
	        </a>
	        <div class="media-body">
	          <h4 class="media-heading">Testing</h4>
	          <p class="emphasis">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus diam vel eleifend ornare.</p>
	        </div>
	      </div>
	      <div class="media">
	 			  <a class="pull-left circle background-orange" href="#">
	         <i class="fa fa-gears"></i>
	        </a>
	        <div class="media-body">
	          <h4 class="media-heading">Build</h4>
	          <p class="emphasis">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus diam vel eleifend ornare.</p>
	        </div>
	      </div>
		  </div>
		  <div class="col-md-8 right highlight-img hidden-xs hidden-sm col-sm-offset-1">

			  <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" role="form" action="https://projects.eclipse.org/projects/all">
					<fieldset class="form-group">
						<input id="discover-search-box" class="form-control" size="25" name="keys" placeholder="Search" type="text">
						<input id="discover-search-button" class="btn btn-default" value="Search" name="discover-search-button" type="submit">
					</fieldset>
				</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>
</section>