vagrant/website/source/index.html.erb

---
description: |-
  Vagrant enables users to create and configure lightweight, reproducible, and
  portable development environments.
---

<div class="page home">

  <section class="hero">
    <div class="container">
      <div class="hero-content">

        <div class="row">
          <div class="col-md-8 col-md-offset-2">
            <hgroup>
            <h1>Development<br>environments<br>made easy.</h1>
            <h2>Create and configure lightweight, reproducible, and portable development environments.</h2>
            </hgroup>
          </div>
        </div>

        <div class="row">
          <a href="/downloads.html" class="no-hover-underline">
            <div id="button-download" class="button col-md-3 col-md-offset-3">
              <span>Download</span>
            </div>
          </a>

          <a href="/docs/getting-started/" class="no-hover-underline">
            <div id="button-get-started" class="button button col-md-3">
              <span>Get Started</span>
            </div>
          </a>
        </div>
      </div>
    </div>
    </section>

    <section class="why-vagrant">
    <div class="container">
      <div class="row">
        <h1 class="col-md-12">
          Vagrant will change how you work
        </h1>
      </div>
      <div class="row">
        <div class="col-sm-8 col-sm-offset-2">
          <hgroup>
          <h3>Set Up</h3>
          <h4>
            Download and install Vagrant within minutes on Mac OS X, Windows, or a popular distribution of Linux. No complicated setup process, just a simple to use OS-standard installer.
          </h4>
          </hgroup>

          <hgroup>
          <h3>Configure</h3>
          <h4>
            Create a single file for your project to describe the type of machine you want, the software that needs to be installed, and the way you want to access the machine. Store this file with your project code.
          </h4>
          </hgroup>

          <hgroup>
          <h3>Work</h3>
          <h4>
            Run a single command &mdash; "vagrant up" &mdash; and sit back as Vagrant puts together your complete development environment. Say goodbye to the "works on my machine" excuse as Vagrant creates identical development environments for everyone on your team.
          </h4>
          </hgroup>
        </div>
      </div>
    </div>
    </section>

    <section class="get-started">
    <div class="container">
      <div class="row">
        <div class="col-md-12">

          <h1 class="all-caps">
            See how easy it is
          </h1>
          <pre>
$ vagrant init hashicorp/precise64
$ vagrant up
          </pre>
          </div>
        </div>
        <div class="row">
          <a href="/docs/getting-started/" class="no-hover-underline">
            <div class="button white-button with-carat col-md-6 col-md-offset-3">
              <span>get started&raquo;</span>
            </div>
          </a>
        </div>
      </div>
      </section>

      <section class="customers black">
      <div class="container">
        <div class="row">
          <div class="customers-content col-md-12">
            <h1 class="all-caps">
              Trusted by
            </h1>
            <div class="customer-logos">
              <%= image_tag "customers.png", alt: "customers", width: 941, height: 111 %>
            </div>
          </div>
        </div>
      </div>
      </section>

    </div>