open-nomad/website/source/index.html.erb

<div id="hero">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div id="hero-graphic">
					<div id="cubes">
						<div class="cube">
						  <span class="face top"></span>
						  <span class="face left"></span>
						  <span class="face right"></span>
						</div>
					</div>
					<div id="hero-logotype"></div>
				</div>
				<div id="hero-text">
					<div id="hero-text-content">
						<h1>Easily deploy applications at any scale</h1>
						<h4>A Distributed, Highly Available, Datacenter-Aware Scheduler</h4>
						<div id="hero-btns">
							<a class="h-btn green lrg has-caret has-border try" href="/intro">Get Started<span class="h-caret"></span></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="subhero-banner" class="banner gray-banner">
	<div class="container">
		<div class="row">
			<div class="col col-md-12">
				<p>Nomad scheduled 1 million containers on 5,000 hosts in under 5 minutes</p>
				<a class="blog-btn h-btn gray sml fill has-caret" href="https://www.hashicorp.com/c1m.html">Read more<span class="h-caret"></span></a>
			</div>
		</div>
	</div>
</div>

<div id="content">
	<div class="container">
		<div class="row">
			<div class=" col-md-12">
				<h2 class="feature-section-title">Overview</h2>

				<div id="deploy" class="feature">
					<div class="feature-header">
						<h3>Easily Deploy</h3>
                        <p>
                        Users submit simple high-level jobs and Nomad handles
                        scheduling, deploying and upgrading applications.
                        </p>
					</div>
					<div class="feature-graphic"></div>
					<div class="feature-footer">
						<p>Docker built in; Nomad makes it easy to deploy one container or thousands.</p>
						<span class="docker-outline-logo"></span>
					</div>
				</div> <!-- .feature -->

				<div id="partners" class="feature">
					<div class="feature-header right clearfix">
						<div class="row">
							<h3 class="">Any Cloud or Every Cloud</h3>
						</div>
						<div class="row">
                            <p>
                            Multi-Datacenter and Multi-Region support enables running applications
                            on any cloud, public or private.
                            </p>
						</div>
					</div>
					<div class="partner-logos">
						<div class="row">
							<div class="col-sm-2 docker-wrap">
								<span class="partner-logo docker-logo"></span>
							</div>
							<div class="col-sm-10 cloud-wrap clearfix">
								<span class="partner-logo aws-logo"></span>
								<span class="partner-logo google-logo"></span>
								<span class="partner-logo microsoft-logo"></span>
								<span class="partner-logo digitalocean-logo"></span>
							</div>
						</div>
					</div>
				</div> <!-- .feature -->

				<div id="maintain" class="feature">
					<div class="feature-header">
						<h3>Flexible Workloads</h3>
                        <p>
                        Nomad has extensible support for task drivers, allowing it to run
                        containerized, virtualized, and standalone applications. Users can easily
                        start Docker containers, VMs, or application runtimes like Java. Nomad
                        supports Linux, Windows, BSD and OSX, providing the flexibility to run
                        any workload.
                        </p>
					</div>
                    <div class="feature-graphic"></div>
				</div> <!-- .feature -->

				<div id="healing" class="feature">
					<div class="feature-header right clearfix">
						<div class="row">
							<div class="col-xs-12">
								<h3>Simplify Operations</h3>
							</div>
						</div>
						<div class="row">
                            <div class="col-xs-12">
                                <p>
                                Nomad simplifies operations by supporting blue/green deployments,
                                automatically handling machine failures, and providing a single workflow
                                to deploy applications.
                                </p>
							</div>
						</div>
					</div>
					<div class="feature-graphic"></div>
				</div> <!-- .feature -->

				<div id="density" class="feature">
					<div class="feature-header">
						<h3>Increase Density, Reduce Cost</h3>
						<p>Nomad packs applications onto servers to maximize resource utilization, increase density, and reduce costs.</p>
					</div>
					<div class="feature-graphic"></div>
				</div> <!-- .feature -->

			</div> <!-- .col -->
		</div> <!-- .row -->
	</div> <!-- /container -->
</div> <!-- #content -->

<div id="cta-banner" class="banner green-banner">
	<div class="container">
		<div class="row">
			<div class="col col-md-12">
				<p>Completely free and open source.</p>
				<a class="blog-btn h-btn green lrg fill has-caret" href="/intro">Get Started<span class="h-caret"></span></a>
			</div>
		</div>
	</div>
</div>