content/en_index.php

<div class="container-fluid">
	<section class="row highlight background-grey 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>
	</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>
			  </div>
		  </div>
	</section>

	<section class="row highlight background-grey 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>
	</section>
</div>