index.html - gerrit/www.eclipse.org/ice - Git at Google

 <!-------------------------------------------------------------------------------
  - Copyright (c) 2013, 2014 The Eclipse Scout Team and UT-Battelle, LLC.
  - All rights reserved. This program and the accompanying materials
  - are made available under the terms of the Eclipse Public License v1.0
  - which accompanies this distribution, and is available at
  - http://www.eclipse.org/legal/epl-v10.html
  -
  - Contributors:
  -   Initial API and implementation and/or initial documentation: The Eclipse
  -   Scout Team
  -   Modifications for the Eclipse ICE website: Jay Jay Billings
  -
  - Author Note:
  -   This page was largely developed by copying code from www.jayjaybillings.org
  -   and from www.eclipse.org/scout. In both cases, style files and html were
  -   modified. Some parts of the code may be taken from the original Eclipse ICE
  -   website, which was developed by Christopher Guindon and Taylor Patterson.
  -
  -   Jay Jay Billings, 20161016
  ------------------------------------------------------------------------------->

 <!-- HTML5 Doc Type Declaration -->
 <!DOCTYPE html>
 <html>

 <!-- Create the header -->
 <head>

 <!-- Set the metadata type and the browser title -->
 <meta charset="utf-8">
 <title>Eclipse ICE</title>

 <!-- This next bit adds all the little browser favicons that show up in tabs
 and bookmarks and other such things. -->
 <link rel="apple-touch-icon" sizes="57x57"
 	href="images/apple-icon-57x57.png">
 <link rel="apple-touch-icon" sizes="60x60"
 	href="images/apple-icon-60x60.png">
 <link rel="apple-touch-icon" sizes="72x72"
 	href="images/apple-icon-72x72.png">
 <link rel="apple-touch-icon" sizes="76x76"
 	href="images/apple-icon-76x76.png">
 <link rel="apple-touch-icon" sizes="114x114"
 	href="images/apple-icon-114x114.png">
 <link rel="apple-touch-icon" sizes="120x120"
 	href="images/apple-icon-120x120.png">
 <link rel="apple-touch-icon" sizes="144x144"
 	href="images/apple-icon-144x144.png">
 <link rel="apple-touch-icon" sizes="152x152"
 	href="images/apple-icon-152x152.png">
 <link rel="apple-touch-icon" sizes="180x180"
 	href="images/apple-icon-180x180.png">
 <link rel="icon" type="image/png" sizes="192x192"
 	href="images/android-icon-192x192.png">
 <link rel="icon" type="image/png" sizes="32x32"
 	href="images/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="96x96"
 	href="images/favicon-96x96.png">
 <link rel="icon" type="image/png" sizes="16x16"
 	href="images/favicon-16x16.png">
 <link rel="manifest" href="images/manifest.json">
 <meta name="msapplication-TileColor" content="#ffffff">
 <meta name="msapplication-TileImage"
 	content="images/ms-icon-144x144.png">
 <meta name="theme-color" content="#ffffff">

 <!-- Bootstrap CSS file link. This is Bootstrap 3.0.2, not 2.3.2! -->
 <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
 <!-- Stylesheet from Bootstrap examples to pad the navbar -->
 <link href="css/navbar.css" rel="stylesheet" type="text/css">
 <!-- Extra style file with custom settings from Eclipse Scouts -->
 <link rel="stylesheet" href="css/style.css" type="text/css">

 </head>

 <!-- Create the body -->
 <body>

 	<!-- This file includes the two main parts of the body section of each page -
 the navbar and the carousel. -->

 	<!-- Create the Navbar -->
 	<nav class="navbar navbar-default" role="navigation">
 		<!-- Create the outermost container that will center everything -->
 		<div class="container">
 			<!-- Add the header -->
 			<div class="navbar-header">
 				<div class="navbar-header">
 					<!-- This adds a button to toggle nav bar -->
 					<button type="button" class="navbar-toggle">
 						<span class="sr-only">Toggle navigation</span> <span
 							class="icon-bar"></span> <span class="icon-bar"></span> <span
 							class="icon-bar"></span>
 					</button>
 					<!-- Insert a logo with a link to the intro section -->
 					<a class="navbar-brand slide-to-section" href="#intro">Eclipse
 						ICE</a>
 				</div>
 			</div>
 			<!-- Add the links -->
 			<div class="collapse navbar-collapse">
 				<ul class="nav navbar-nav">
 					<!-- This contains multiple links including the wiki links and dev links. -->
 					<li class="dropdown"><a href="#">Resources</a>
 						<ul class="dropdown-menu" role="menu">
 							<li><a target="_blank" href="https://wiki.eclipse.org/ICE">Wiki</a></li>
 							<li><a target="_blank"
 								href="https://wiki.eclipse.org/ICE_Developer_Documentation">Developer
 									Documentation</a></li>
 							<li><a target="_blank"
 								href="https://projects.eclipse.org/projects/technology.ice">Eclipse
 									Project Page</a></li>
 						</ul></li>
 					<!--  The downloads menu lists binaries and source. -->
 					<li class="dropdown"><a href="#">Downloads</a>
 						<ul class="dropdown-menu" role="menu">
 							<li><a target="_blank"
 								href="http://www.eclipse.org/downloads/download.php?file=/ice/builds/master/">Binaries</a></li>
 							<li><a target="_blank" href="https://github.com/eclipse/ice">GitHub
 									Repo</a></li>
 						</ul></li>
 					<!-- ICE has two sources of tutorials - the wiki and those from events. -->
 					<li class="dropdown"><a href="#">Tutorials</a>
 						<ul class="dropdown-menu" role="menu">
 							<li><a target="_blank"
 								href="http://eclipseice.ornl.gov/downloads/ice/tutorials/">In-Depth
 									Tutorials</a></li>
 							<li><a target="_blank"
 								href="https://wiki.eclipse.org/ICE_Tutorials">Short Wiki
 									Tutorials</a></li>
 						</ul></li>
 					<!-- All the contact info is at the bottom of this page. -->
 					<li><a href="#contact-us">Contact</a></li>
 				</ul>
 			</div>
 			<!-- End container -->
 		</div>
 		<!-- End Navbar -->
 	</nav>

 	<!-- Start the "intro" banner image section -->
 	<div class="wrapper">
 		<div class="intro" id="intro">
 			<div class="intro-image">
 				<img src="images/ice-banner.png" height="626" width="1920" alt="" />
 				<!-- End intro-image -->
 			</div>
 			<!-- This section creates the text in the middle -->
 			<div class="container">
 				<div class="row">
 					<div class="col-md-12">
 						<div class="intro-inner">
 							<div class="intro-content">
 								<h1>Eclipse ICE</h1>
 								<p>The Integrated Computational Environment</p>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 			<!-- End intro -->
 		</div>


 		<!-- All of the "real" content of the site below the central image starts here. -->
 		<div class="main">
 			<div class="content">

 				<!-- Start the "What is ICE?" section -->
 				<section class="section-whatis">
 					<div class="container">
 						<div class="row">
 							<div class="section-head">
 								<h3>What is ICE?</h3>
 								<p>The Eclipse Integrated Computational Environment (ICE) is
 									a scientific workbench and workflow environment developer to
 									improve the user experience for computational scientists. ICE
 									makes it possible for developers to deploy rich, graphical,
 									interactive capabilities for their science codes, and integrate
 									many different scientific computing technologies in one common,
 									cross-platform user environment.</p>
 								<!--  End section-head -->
 							</div>
 						</div>
 					</div>
 				</section>

 				<!-- Start the "Define Problems" section -->
 				<div class="white-spacer"></div>
 				<section class="section-with-image" id="section-with-image">
 					<div class="container">
 						<div class="row">
 							<!-- This is the left side of the row where the text goes -->
 							<div class="col-md-9">
 								<div class="section-imagine-on-right-content">
 									<h2>
 										<b>DEFINE</b> PROBLEMS
 									</h2>
 									<p>Use rich forms to interactively define problems and edit
 										input files for scientific problems. You can even extend ICE
 										to support your own code through the friendly developer API.</p>
 									<!-- End section-define-problems-content -->
 								</div>
 								<!-- End content column -->
 							</div>
 							<!-- End right col -->

 							<!--  The is the right side of the row where the image goes -->
 							<div class="col-md-3">
 								<div class="section-imagine-on-right-image">
 									<img class="img-responsive"
 										src="images/define-problems_150x150.png" alt="" />
 									<!-- End section-define-problems-image -->
 								</div>
 								<!-- End image column.. -->
 							</div>
 							<!-- End row -->
 						</div>
 						<!-- End container-->
 					</div>
 					<!-- End section define problems -->
 				</section>

 				<!-- Start the "Run Simulations" section -->
 				<div class="white-spacer"></div>
 				<section class="section-with-image" id="section-with-image">
 					<div class="container">
 						<div class="row">
 							<!--  The is the right side of the row where the image goes -->
 							<div class="col-md-3">
 								<div class="section-imagine-on-right-image">
 									<img class="img-responsive"
 										src="images/run-simulations_150x150.png" alt="" />
 									<!-- End section-define-problems-image -->
 								</div>
 								<!-- End image column.. -->
 							</div>

 							<!-- This is the left side of the row where the text goes -->
 							<div class="col-md-9">
 								<div class="section-imagine-on-right-content">
 									<h2>
 										<b>RUN</b> SIMULATIONS
 									</h2>
 									<p>ICE can run simulations locally or remotely. It can even
 										push your jobs to supercomputers! You can monitor resources or
 										the queue while your at it. If you add a plugin for you code,
 										you can even stream back results while it runs.</p>
 									<!-- End section-define-problems-content -->
 								</div>
 								<!-- End content column -->
 							</div>

 							<!-- End row -->
 						</div>
 						<!-- End container-->
 					</div>
 					<!-- End section define problems -->
 				</section>

 				<!-- Start the "Analyze Outputs" section -->
 				<div class="white-spacer"></div>
 				<section class="section-with-image" id="section-with-image">
 					<div class="container">
 						<div class="row">
 							<!-- This is the left side of the row where the text goes -->
 							<div class="col-md-9">
 								<div class="section-imagine-on-right-content">
 									<h2>
 										<b>ANALYZE</b> OUTPUTS
 									</h2>
 									<p>Whether your data is simply plottable or requires big 3D
 										visualization tools like Paraview and Visit, ICE can help you
 										analyze it!</p>
 									<!-- End section-define-problems-content -->
 								</div>
 								<!-- End content column -->
 							</div>

 							<!--  The is the right side of the row where the image goes -->
 							<div class="col-md-3">
 								<div class="section-imagine-on-right-image">
 									<img class="img-responsive"
 										src="images/analyze-outputs_150x150.png" alt="" />
 									<!-- End section-define-problems-image -->
 								</div>
 								<!-- End image column.. -->
 							</div>
 							<!-- End row -->
 						</div>
 						<!-- End container-->
 					</div>
 					<!-- End section define problems -->
 				</section>

 				<!-- Start the "Analyze Outputs" section -->
 				<div class="white-spacer"></div>
 				<section class="section-with-image" id="section-with-image">
 					<div class="container">
 						<div class="row">
 							<!--  The is the right side of the row where the image goes -->
 							<div class="col-md-3">
 								<div class="section-imagine-on-right-image">
 									<img class="img-responsive"
 										src="images/archive-data_150x150.png" alt="" />
 									<!-- End section-define-problems-image -->
 								</div>
 								<!-- End image column.. -->
 							</div>

 							<!-- This is the left side of the row where the text goes -->
 							<div class="col-md-9">
 								<div class="section-imagine-on-right-content">
 									<h2>
 										<b>ARCHIVE</b> DATA
 									</h2>
 									<p>Use ICE to remotely connect to your servers to store
 										data you just generated or to pull down new data for your next
 										problem. If you made changes to your code, you can even
 										interact with your repository using Eclipse's built-in tools.</p>
 									<!-- End section-define-problems-content -->
 								</div>
 								<!-- End content column -->
 							</div>

 							<!-- End row -->
 						</div>
 						<!-- End container-->
 					</div>
 					<!-- End section define problems -->
 				</section>

 				<!-- Start the "Contact" section -->
 				<div class="white-spacer"></div>
 				<section class="section-contact" id="contact-us">
 					<div class="container">
 						<h2>Contact Us</h2>
 						<!-- GMail address -->
 						<div class="row">
 							<div class="col-md-3 contact">
 								<a href="mailto:eclipse.ice.project@gmail.com" target="_top"><img
 									src="images/email.png" alt="Direct
 									Email"></a>
 							</div>
 							<!-- User's list -->
 							<div class="col-md-3 contact">
 								<a href="https://dev.eclipse.org/mailman/listinfo/ice-users">
 									<img src="images/users.png" alt="User's List">
 								</a>
 							</div>
 							<!-- Developer's list-->
 							<div class="col-md-3 contact">
 								<a href="https://dev.eclipse.org/mailman/listinfo/ice-dev">
 									<img src="images/devs.png" alt="Dev List">
 								</a>
 							</div>
 							<!-- Bugs-->
 							<div class="col-md-3 contact">
 								<a href="https://github.com/eclipse/ice/issues"><img
 									src="images/bugs.png" alt="Reports Bugs"></a>
 							</div>
 						</div>
 					</div>
 					<!-- /.container -->
 				</section>
 				<!-- /.section-contact -->


 				<!-- End content -->
 			</div>
 			<!-- End main -->
 		</div>

 		<!-- This is the footer at the very bottom of the page with the legal information -->
 		<footer class="footer">
 			<a href="#" class="footer-toggler">show/hide footer</a> <a
 				target="_blank" href="http://www.eclipse.org" class="lnk-footer">Eclipse
 				Home</a> <a target="_blank"
 				href="http://www.eclipse.org/legal/privacy.php" class="lnk-footer">Privacy
 				Policy</a> <a target="_blank"
 				href="http://www.eclipse.org/legal/termsofuse.php"
 				class="lnk-footer">Terms of Use</a> <a target="_blank"
 				href="http://www.eclipse.org/legal/copyright.php" class="lnk-footer">Copyright
 				Agent</a> <a target="_blank" href="http://www.eclipse.org/legal"
 				class="lnk-footer">Legal</a>

 			<!-- We'll add these back later.
 			    <a target="_blank" href="https://twitter.com/EclipseScout" class="btn-social"><i class="fa fa-twitter-square"></i></a>
 				<a target="_blank" href="http://www.bsi-software.com/scout" class="btn-social"><i class="fa fa-rss-square"></i></a>
 				<a target="_blank" href="https://plus.google.com/103593107241008270960" class="btn-social"><i class="fa fa-google-plus-square"></i></a>
 				<a target="_blank" href="https://www.facebook.com/EclipseScout" class="btn-social"><i class="fa fa-facebook-square"></i></a>
 				<a target="_blank" href="https://www.youtube.com/user/eclipsescout" class="btn-social"><i class="fa fa-youtube-square"></i></a>
 			-->
 			<!-- End the footer -->
 		</footer>

 		<!-- End wrapper -->
 	</div>

 	<!-- Include JQuery and Bootstrap scripts. Putting them at the end preserves
 		website performance (the heavy stuff loads last). JQuery must be loaded
 		before bootstrap. -->
 	<script src="js/jquery.js"></script>
 	<script src="js/bootstrap.js"></script>

 	<!-- End the body -->
 </body>

 <!-- End the document -->
 </html>
	<!-------------------------------------------------------------------------------
	- Copyright (c) 2013, 2014 The Eclipse Scout Team and UT-Battelle, LLC.
	- All rights reserved. This program and the accompanying materials
	- are made available under the terms of the Eclipse Public License v1.0
	- which accompanies this distribution, and is available at
	- http://www.eclipse.org/legal/epl-v10.html
	-
	- Contributors:
	- Initial API and implementation and/or initial documentation: The Eclipse
	- Scout Team
	- Modifications for the Eclipse ICE website: Jay Jay Billings
	-
	- Author Note:
	- This page was largely developed by copying code from www.jayjaybillings.org
	- and from www.eclipse.org/scout. In both cases, style files and html were
	- modified. Some parts of the code may be taken from the original Eclipse ICE
	- website, which was developed by Christopher Guindon and Taylor Patterson.
	-
	- Jay Jay Billings, 20161016
	------------------------------------------------------------------------------->

	<!-- HTML5 Doc Type Declaration -->
	<!DOCTYPE html>
	<html>

	<!-- Create the header -->
	<head>

	<!-- Set the metadata type and the browser title -->
	<meta charset="utf-8">
	<title>Eclipse ICE</title>

	<!-- This next bit adds all the little browser favicons that show up in tabs
	and bookmarks and other such things. -->
	<link rel="apple-touch-icon" sizes="57x57"
	href="images/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60"
	href="images/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72"
	href="images/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76"
	href="images/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114"
	href="images/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120"
	href="images/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144"
	href="images/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152"
	href="images/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180"
	href="images/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"
	href="images/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32"
	href="images/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96"
	href="images/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16"
	href="images/favicon-16x16.png">
	<link rel="manifest" href="images/manifest.json">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage"
	content="images/ms-icon-144x144.png">
	<meta name="theme-color" content="#ffffff">

	<!-- Bootstrap CSS file link. This is Bootstrap 3.0.2, not 2.3.2! -->
	<link rel="stylesheet" href="css/bootstrap.css" type="text/css">
	<!-- Stylesheet from Bootstrap examples to pad the navbar -->
	<link href="css/navbar.css" rel="stylesheet" type="text/css">
	<!-- Extra style file with custom settings from Eclipse Scouts -->
	<link rel="stylesheet" href="css/style.css" type="text/css">

	</head>

	<!-- Create the body -->
	<body>

	<!-- This file includes the two main parts of the body section of each page -
	the navbar and the carousel. -->

	<!-- Create the Navbar -->
	<nav class="navbar navbar-default" role="navigation">
	<!-- Create the outermost container that will center everything -->
	<div class="container">
	<!-- Add the header -->
	<div class="navbar-header">
	<div class="navbar-header">
	<!-- This adds a button to toggle nav bar -->
	<button type="button" class="navbar-toggle">
	<span class="sr-only">Toggle navigation</span> <span
	class="icon-bar"></span> <span class="icon-bar"></span> <span
	class="icon-bar"></span>
	</button>
	<!-- Insert a logo with a link to the intro section -->
	<a class="navbar-brand slide-to-section" href="#intro">Eclipse
	ICE</a>
	</div>
	</div>
	<!-- Add the links -->
	<div class="collapse navbar-collapse">
	<ul class="nav navbar-nav">
	<!-- This contains multiple links including the wiki links and dev links. -->
	<li class="dropdown"><a href="#">Resources</a>
	<ul class="dropdown-menu" role="menu">
	<li><a target="_blank" href="https://wiki.eclipse.org/ICE">Wiki</a></li>
	<li><a target="_blank"
	href="https://wiki.eclipse.org/ICE_Developer_Documentation">Developer
	Documentation</a></li>
	<li><a target="_blank"
	href="https://projects.eclipse.org/projects/technology.ice">Eclipse
	Project Page</a></li>
	</ul></li>
	<!-- The downloads menu lists binaries and source. -->
	<li class="dropdown"><a href="#">Downloads</a>
	<ul class="dropdown-menu" role="menu">
	<li><a target="_blank"
	href="http://www.eclipse.org/downloads/download.php?file=/ice/builds/master/">Binaries</a></li>
	<li><a target="_blank" href="https://github.com/eclipse/ice">GitHub
	Repo</a></li>
	</ul></li>
	<!-- ICE has two sources of tutorials - the wiki and those from events. -->
	<li class="dropdown"><a href="#">Tutorials</a>
	<ul class="dropdown-menu" role="menu">
	<li><a target="_blank"
	href="http://eclipseice.ornl.gov/downloads/ice/tutorials/">In-Depth
	Tutorials</a></li>
	<li><a target="_blank"
	href="https://wiki.eclipse.org/ICE_Tutorials">Short Wiki
	Tutorials</a></li>
	</ul></li>
	<!-- All the contact info is at the bottom of this page. -->
	<li><a href="#contact-us">Contact</a></li>
	</ul>
	</div>
	<!-- End container -->
	</div>
	<!-- End Navbar -->
	</nav>

	<!-- Start the "intro" banner image section -->
	<div class="wrapper">
	<div class="intro" id="intro">
	<div class="intro-image">
	<img src="images/ice-banner.png" height="626" width="1920" alt="" />
	<!-- End intro-image -->
	</div>
	<!-- This section creates the text in the middle -->
	<div class="container">
	<div class="row">
	<div class="col-md-12">
	<div class="intro-inner">
	<div class="intro-content">
	<h1>Eclipse ICE</h1>
	<p>The Integrated Computational Environment</p>
	</div>
	</div>
	</div>
	</div>
	</div>
	<!-- End intro -->
	</div>


	<!-- All of the "real" content of the site below the central image starts here. -->
	<div class="main">
	<div class="content">

	<!-- Start the "What is ICE?" section -->
	<section class="section-whatis">
	<div class="container">
	<div class="row">
	<div class="section-head">
	<h3>What is ICE?</h3>
	<p>The Eclipse Integrated Computational Environment (ICE) is
	a scientific workbench and workflow environment developer to
	improve the user experience for computational scientists. ICE
	makes it possible for developers to deploy rich, graphical,
	interactive capabilities for their science codes, and integrate
	many different scientific computing technologies in one common,
	cross-platform user environment.</p>
	<!-- End section-head -->
	</div>
	</div>
	</div>
	</section>

	<!-- Start the "Define Problems" section -->
	<div class="white-spacer"></div>
	<section class="section-with-image" id="section-with-image">
	<div class="container">
	<div class="row">
	<!-- This is the left side of the row where the text goes -->
	<div class="col-md-9">
	<div class="section-imagine-on-right-content">
	<h2>
	<b>DEFINE</b> PROBLEMS
	</h2>
	<p>Use rich forms to interactively define problems and edit
	input files for scientific problems. You can even extend ICE
	to support your own code through the friendly developer API.</p>
	<!-- End section-define-problems-content -->
	</div>
	<!-- End content column -->
	</div>
	<!-- End right col -->

	<!-- The is the right side of the row where the image goes -->
	<div class="col-md-3">
	<div class="section-imagine-on-right-image">
	<img class="img-responsive"
	src="images/define-problems_150x150.png" alt="" />
	<!-- End section-define-problems-image -->
	</div>
	<!-- End image column.. -->
	</div>
	<!-- End row -->
	</div>
	<!-- End container-->
	</div>
	<!-- End section define problems -->
	</section>

	<!-- Start the "Run Simulations" section -->
	<div class="white-spacer"></div>
	<section class="section-with-image" id="section-with-image">
	<div class="container">
	<div class="row">
	<!-- The is the right side of the row where the image goes -->
	<div class="col-md-3">
	<div class="section-imagine-on-right-image">
	<img class="img-responsive"
	src="images/run-simulations_150x150.png" alt="" />
	<!-- End section-define-problems-image -->
	</div>
	<!-- End image column.. -->
	</div>

	<!-- This is the left side of the row where the text goes -->
	<div class="col-md-9">
	<div class="section-imagine-on-right-content">
	<h2>
	<b>RUN</b> SIMULATIONS
	</h2>
	<p>ICE can run simulations locally or remotely. It can even
	push your jobs to supercomputers! You can monitor resources or
	the queue while your at it. If you add a plugin for you code,
	you can even stream back results while it runs.</p>
	<!-- End section-define-problems-content -->
	</div>
	<!-- End content column -->
	</div>

	<!-- End row -->
	</div>
	<!-- End container-->
	</div>
	<!-- End section define problems -->
	</section>

	<!-- Start the "Analyze Outputs" section -->
	<div class="white-spacer"></div>
	<section class="section-with-image" id="section-with-image">
	<div class="container">
	<div class="row">
	<!-- This is the left side of the row where the text goes -->
	<div class="col-md-9">
	<div class="section-imagine-on-right-content">
	<h2>
	<b>ANALYZE</b> OUTPUTS
	</h2>
	<p>Whether your data is simply plottable or requires big 3D
	visualization tools like Paraview and Visit, ICE can help you
	analyze it!</p>
	<!-- End section-define-problems-content -->
	</div>
	<!-- End content column -->
	</div>

	<!-- The is the right side of the row where the image goes -->
	<div class="col-md-3">
	<div class="section-imagine-on-right-image">
	<img class="img-responsive"
	src="images/analyze-outputs_150x150.png" alt="" />
	<!-- End section-define-problems-image -->
	</div>
	<!-- End image column.. -->
	</div>
	<!-- End row -->
	</div>
	<!-- End container-->
	</div>
	<!-- End section define problems -->
	</section>

	<!-- Start the "Analyze Outputs" section -->
	<div class="white-spacer"></div>
	<section class="section-with-image" id="section-with-image">
	<div class="container">
	<div class="row">
	<!-- The is the right side of the row where the image goes -->
	<div class="col-md-3">
	<div class="section-imagine-on-right-image">
	<img class="img-responsive"
	src="images/archive-data_150x150.png" alt="" />
	<!-- End section-define-problems-image -->
	</div>
	<!-- End image column.. -->
	</div>

	<!-- This is the left side of the row where the text goes -->
	<div class="col-md-9">
	<div class="section-imagine-on-right-content">
	<h2>
	<b>ARCHIVE</b> DATA
	</h2>
	<p>Use ICE to remotely connect to your servers to store
	data you just generated or to pull down new data for your next
	problem. If you made changes to your code, you can even
	interact with your repository using Eclipse's built-in tools.</p>
	<!-- End section-define-problems-content -->
	</div>
	<!-- End content column -->
	</div>

	<!-- End row -->
	</div>
	<!-- End container-->
	</div>
	<!-- End section define problems -->
	</section>

	<!-- Start the "Contact" section -->
	<div class="white-spacer"></div>
	<section class="section-contact" id="contact-us">
	<div class="container">
	<h2>Contact Us</h2>
	<!-- GMail address -->
	<div class="row">
	<div class="col-md-3 contact">
	<a href="mailto:eclipse.ice.project@gmail.com" target="_top"><img
	src="images/email.png" alt="Direct
	Email"></a>
	</div>
	<!-- User's list -->
	<div class="col-md-3 contact">
	<a href="https://dev.eclipse.org/mailman/listinfo/ice-users">
	<img src="images/users.png" alt="User's List">
	</a>
	</div>
	<!-- Developer's list-->
	<div class="col-md-3 contact">
	<a href="https://dev.eclipse.org/mailman/listinfo/ice-dev">
	<img src="images/devs.png" alt="Dev List">
	</a>
	</div>
	<!-- Bugs-->
	<div class="col-md-3 contact">
	<a href="https://github.com/eclipse/ice/issues"><img
	src="images/bugs.png" alt="Reports Bugs"></a>
	</div>
	</div>
	</div>
	<!-- /.container -->
	</section>
	<!-- /.section-contact -->



	<!-- End content -->
	</div>
	<!-- End main -->
	</div>

	<!-- This is the footer at the very bottom of the page with the legal information -->
	<footer class="footer">
	<a href="#" class="footer-toggler">show/hide footer</a> <a
	target="_blank" href="http://www.eclipse.org" class="lnk-footer">Eclipse
	Home</a> <a target="_blank"
	href="http://www.eclipse.org/legal/privacy.php" class="lnk-footer">Privacy
	Policy</a> <a target="_blank"
	href="http://www.eclipse.org/legal/termsofuse.php"
	class="lnk-footer">Terms of Use</a> <a target="_blank"
	href="http://www.eclipse.org/legal/copyright.php" class="lnk-footer">Copyright
	Agent</a> <a target="_blank" href="http://www.eclipse.org/legal"
	class="lnk-footer">Legal</a>

	<!-- We'll add these back later.
	<a target="_blank" href="https://twitter.com/EclipseScout" class="btn-social"><i class="fa fa-twitter-square"></i></a>
	<a target="_blank" href="http://www.bsi-software.com/scout" class="btn-social"><i class="fa fa-rss-square"></i></a>
	<a target="_blank" href="https://plus.google.com/103593107241008270960" class="btn-social"><i class="fa fa-google-plus-square"></i></a>
	<a target="_blank" href="https://www.facebook.com/EclipseScout" class="btn-social"><i class="fa fa-facebook-square"></i></a>
	<a target="_blank" href="https://www.youtube.com/user/eclipsescout" class="btn-social"><i class="fa fa-youtube-square"></i></a>
	-->
	<!-- End the footer -->
	</footer>

	<!-- End wrapper -->
	</div>

	<!-- Include JQuery and Bootstrap scripts. Putting them at the end preserves
	website performance (the heavy stuff loads last). JQuery must be loaded
	before bootstrap. -->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>

	<!-- End the body -->
	</body>

	<!-- End the document -->
	</html>