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-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" 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-2.jpg" alt="Eclipse Web IDE"/>
		  	</div>
		  	<div class="col-sm-16 col-md-12 highlight-content">
		  	  <h1>Web IDEs</h1>
			 	  <p>Develop your software where ever you go. It'll be there, in the cloud, right where you left it.
			 	  Just login from a web browser on desktop, laptop, 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>
			 	  <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" style="padding-left:20px;" /></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-13">
			  <div class="media">
	 			  <div class="pull-left circle background-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, modeling, charting and reporting, testing, and more.</p>
	        </div>
	      </div>
	      <div class="media">
	 			  <div class="pull-left circle background-orange">
	          <i class="fa fa-flask"></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 eco-system of providers.</p>
	        </div>
	      </div>
	      <div class="media">
	 			  <div class="pull-left circle background-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">

			  <h2>Discover</h2>
				<p class="orange reset"><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>