open-nomad/website/source/index.html.erb
2015-09-19 14:42:28 -07:00

134 lines
4.3 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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>Applications on a global fleet.</h1>
<h3>As simple as a Single Machine.</h3>
<div id="hero-btns">
<a class="h-btn light lrg has-caret intro" href="/intro">Learn More<span class="h-caret"></span></a>
<a class="h-btn green lrg has-caret has-border try" href="">Try Nomad<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>Read about how Hashicorps scheduler, Nomad, works on our blog</p>
<a class="blog-btn h-btn gray sml fill has-caret" href="/intro">Blog<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>Deploy to any cloud</h3>
<p>
Nomad supports multi-datacenter and multi-region clusters. Deploy applications that
span multiple geographic locations or cloud providers.
</p>
</div>
<div class="feature-footer">
<p>Docker is a built in, making 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="">Use your cloud provider with Docker</h3>
</div>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit nulla ut orci ultricies viverra.</p>
</div>
</div>
<div class="partner-logos">
<div class="row">
<div class="col-md-2 docker-wrap">
<span class="partner-logo docker-logo"></span>
</div>
<div class="col-md-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>Manage constraints and workload requirements</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit nulla ut orci ultricies viverra.</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>Automatic machine failure healing and blue/green deployments</h3>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit nulla ut orci ultricies viverra.</p>
</div>
</div>
</div>
<div class="feature-graphic"></div>
</div> <!-- .feature -->
<div id="density" class="feature">
<div class="feature-header">
<h3>Maximize Density, Reduce Cost</h3>
<p>Nomad packs applications onto servers, increasing resource utilization, maximizing density, and reducing 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">Try Nomad<span class="h-caret"></span></a>
</div>
</div>
</div>
</div>