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="button primary" href="/intro/index.html">Get Started</a>
              <a class="button" href="/downloads.html">Download Now</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="button inline" href="https://www.hashicorp.com/c1m.html">Read more</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>Nomad makes it easy to deploy one container or thousands.</p>
            <span class="docker-outline-logo"></span>
          </div>
        </div>

        <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>

        <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>

        <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>

        <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>
      </div>
    </div>
  </div>
</div>

<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="button" href="/intro">Get Started</a>
      </div>
    </div>
  </div>
</div>