packer-cn/website/source/index.html.erb

---
description: |-
  Packer is a free and open source tool for creating golden images for multiple
  platforms from a single source configuration.
---

<header>
  <div class="container hero">
    <div class="row">
      <div class="class="col-md-offset-3 col-md-6 col-sm-offset-2 col-sm-8"">
        <%= inline_svg "logo-text.svg", height: 120, class: "logo" %>

        <h1>
          Build Automated Machine Images
        </h1>

        <a class="button primary" href="/intro/index.html">Get Started</a>
        <a class="button" href="/downloads.html">Download <%= latest_version %></a>
      </div>
    </div>
  </div>
</header>

<section id="automated" class="marketing">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <%= image_tag 'screenshots/vmware_and_virtualbox.png', class: 'img-responsive' %>
      </div>
      <div class="col-md-6">
        <span class="callout">Infrastructure as code</span>
        <h2>Modern, Automated</h2>
        <p>
          Packer is easy to use and automates the creation of any type of
          machine image. It embraces modern configuration management by
          encouraging you to use automated scripts to install and configure
          the software within your Packer-made images. Packer brings machine
          images into the modern age, unlocking untapped potential and opening
          new opportunities.
        </p>
      </div>
    </div>
  </div>
</section>

<section id="integrations" class="marketing invert">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <span class="callout">Integrations</span>
        <h2>Works Out of The Box</h2>
        <p>
          Out of the box Packer comes with support to build images for
          Amazon EC2, CloudStack, DigitalOcean, Docker, Google Compute
          Engine, Microsoft Azure, QEMU, VirtualBox, VMware, and more.
          Support for more platforms is on the way, and anyone can add
          new platforms via plugins.
        </p>
      </div>
      <div class="col-md-6">
        <div class="integrations-list">
          <div class="integration">
            <%= image_tag("integrations/azure.svg", alt: "Microsoft Azure") %>
          </div>
          <div class="integration">
            <%= image_tag("integrations/aws.svg", alt: "Amazon AWS") %>
          </div>
          <div class="integration">
            <%= image_tag("integrations/vmware.svg", alt: "VMware") %>
          </div>
          <div class="integration">
            <%= image_tag("integrations/google-cloud.svg", alt: "Google Cloud") %>
          </div>
          <div class="integration">
            <%= image_tag("integrations/docker.svg", alt: "Docker") %>
          </div>
          <div class="integration">
            <%= image_tag("integrations/digitalocean.svg", alt: "Digital Ocean") %>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>