reformat home page with uniform blocks (#2464)

incorporated review comments

Signed-off-by: Victoria Bialas <victoria.bialas@docker.com>
This commit is contained in:
Victoria Bialas 2017-03-24 17:56:29 -07:00 committed by GitHub
parent 9c46463e7c
commit ea9626b29e
1 changed files with 88 additions and 87 deletions

155
index.md
View File

@ -12,33 +12,76 @@ your system configuration, and making your app more portable.
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-6">
{% capture basics %}
### Learn the basics of Docker
### Learn Docker basics
The basic tutorial introduces Docker concepts, tools, and commands. The examples
show you how to build, push, and pull Docker images, and run them as containers.
This tutorial stops short of teaching you how to deploy applications.
Get started learning Docker concepts, tools, and commands. The examples show you
how to build, push, and pull Docker images, and run them as containers. This
tutorial stops short of teaching you how to deploy applications.
{% endcapture %}{{ basics | markdownify }}
{% capture basics %}[Start the basic tutorial](/engine/getstarted/){: class="button outline-btn"}{% endcapture %}{{ basics | markdownify }}
</div>
<div class="col-sm-12 col-md-12 col-lg-6 block">
{% capture apps %}
### Define and deploy applications
### Define and deploy apps in Swarm Mode
The define-and-deploy tutorial shows how to relate containers to each other and
define them as services in an application that is ready to deploy at scale in a
production environment. Highlights Compose Version 3 new features and swarm
mode.
Learn how to relate containers to each other, define them as services, and
configure an application stack ready to deploy at scale in a production
environment. Highlights Compose Version 3 new features and swarm mode.
{% endcapture %}{{ apps | markdownify }}
{% capture apps %}[Start the application tutorial](/engine/getstarted-voting-app/){: class="button outline-btn"}{% endcapture %}{{ apps | markdownify }}
</div>
</div>
## Components
## Products
<div class="component-container">
<!--start real row-->
<div class="row">
<!--organic row 1-->
<!--cloud-->
<div class="col-sm-4 col-md-12 col-lg-3 block">
<div class="component">
<div class="component-icon">
<a href="docker-cloud/"> <img src="../images/cloud_48.svg" alt="Docker Cloud"> </a>
</div>
<h3 id="docker-cloud"><a href="docker-cloud/">Docker Cloud</a></h3>
<p>A hosted service for building, testing, and deploying Docker images to your hosts.</p>
</div>
</div>
<!--UCP-->
<div class="col-sm-4 col-md-12 col-lg-3 block">
<div class="component">
<div class="component-icon">
<a href="datacenter/ucp/2.1/guides/"> <img src="../images/UCP_48.svg" alt="Docker Universal Control Plane"> </a>
</div>
<h3 id="ucp"><a href="datacenter/ucp/2.1/guides/">Docker Universal Control Plane</a></h3>
<p>(UCP) Manage a cluster of on-premise Docker hosts like a single machine with this enterprise product.</p>
</div>
</div>
<!--DTR-->
<div class="col-sm-4 col-md-12 col-lg-3 block">
<div class="component">
<div class="component-icon">
<a href="datacenter/dtr/2.2/guides/"> <img src="../images/dtr_48.svg" alt="Docker Trusted Registry"> </a>
</div>
<h3 id="dtr"><a href="datacenter/dtr/2.2/guides/">Docker Trusted Registry</a></h3>
<p>(DTR) An enterprise image storage solution you can install behind a firewall to manage images and access.</p>
</div>
</div>
<!-- end real row-->
</div>
<!-- end component-container 1-->
</div>
## Tools
<!--component-container 2-->
<div class="component-container">
<!--start real row-->
<div class="row">
<!--organic row 1-->
<!--Docker for Mac-->
<div class="col-sm-4 col-md-12 col-lg-3 block">
<div class="component">
<div class="component-icon">
@ -48,6 +91,7 @@ mode.
<p>A native application using the macOS sandbox security model which delivers all Docker tools to your Mac.</p>
</div>
</div>
<!--Docker for Windows-->
<div class="col-sm-4 col-md-12 col-lg-3 block">
<div class="component">
<div class="component-icon">
@ -57,91 +101,48 @@ mode.
<p>A native Windows application which delivers all Docker tools to your Windows computer.</p>
</div>
</div>
<!--Docker for Linux-->
<div class="col-sm-4 col-md-12 col-lg-3 block">
<div class="component">
<div class="component-icon">
<a href="/engine/installation/linux/ubuntu/"> <img src="../images/linux_48.svg" alt="Docker for Linux"> </a>
<a href="engine/installation/linux/ubuntu/"> <img src="../images/linux_48.svg" alt="Docker for Linux"> </a>
</div>
<h3 id="docker-for-linux"><a href="/engine/installation/linux/ubuntu/">Docker for Linux</a></h3>
<h3 id="docker-for-linux"><a href="engine/installation/linux/ubuntu/">Docker for Linux</a></h3>
<p>Install Docker on a computer which already has a Linux distribution installed.</p>
</div>
</div>
<!--components-full-width-->
<div class="col-md-12">
<!--organic row 2-->
<!--editions-->
<div class="component-full">
<div class="component-full-icon">
<img src="../images/engine_48.svg" alt="Docker Editions">
<div class="col-sm-4 col-md-12 col-lg-3 block">
<div class="component">
<div class="component-icon">
<a href="engine/installation/"> <img src="../images/apple_48.svg" alt="Docker Editions"> </a>
</div>
<div class="component-full-copy">
<h3 id="docker-engine"><a href="engine/installation/">Docker Editions</a></h3>
<p>Get started with containers quickly with Docker Community edition (Docker CE)
or Docker Enterprise Edition (Docker EE).</p>
<p>Editions are available for desktops, servers, or cloud providers.</p>
</div>
</div>
<!--cloud-->
<div class="component-full">
<div class="component-full-icon">
<img src="../images/cloud_48.svg" alt="Docker Cloud">
</div>
<div class="component-full-copy">
<h3 id="docker-cloud"><a href="docker-cloud/">Docker Cloud</a></h3>
<p>A hosted service for building, testing, and deploying Docker images to your hosts.</p>
</div>
</div>
<!--UCP-->
<div class="component-full">
<div class="component-full-icon">
<img src="../images/UCP_48.svg" alt="Docker Universal Control Plane">
</div>
<div class="component-full-copy">
<h3 id="docker-cloud"><a href="datacenter/ucp/1.1/overview/">Docker Universal Control Plane</a></h3>
<p>(UCP) Manage a cluster of on-premises Docker hosts as if they were a single machine.</p>
<h3 id="editions"><a href="engine/installation/">Docker Editions</a></h3>
<p>Platform matrix and superset of installers for Docker for desktops, servers, or cloud providers.</p>
</div>
</div>
<!--compose-->
<div class="component-full">
<div class="component-full-icon">
<img src="../images/compose_48.svg" alt="Docker Compose">
<div class="col-sm-4 col-md-12 col-lg-3 block">
<div class="component">
<div class="component-icon">
<a href="compose/overview/"> <img src="../images/compose_48.svg" alt="Docker Compose"> </a>
</div>
<div class="component-full-copy">
<h3 id="docker-cloud"><a href="compose/overview/">Docker Compose</a></h3>
<p>Define applications built using multiple containers.</p>
</div>
</div>
<!--hub-->
<!-- <div class="component-full">
<div class="component-full-icon">
<img src="../images/hub_48.svg" alt="Docker Hub">
</div>
<div class="component-full-copy">
<h3 id="docker-cloud"><a href="docker-hub/overview/">Docker Hub</a></h3>
<p>A hosted registry service for managing and building images.</p>
</div>
</div> -->
<!--dtr-->
<div class="component-full">
<div class="component-full-icon">
<img src="../images/dtr_48.svg" alt="Docker Trusted Registry">
</div>
<div class="component-full-copy">
<h3 id="docker-cloud"><a href="docker-trusted-registry/">Docker Trusted Registry</a></h3>
<p>(DTR) stores and signs your images.</p>
<h3 id="compose"><a href="compose/overview/">Docker Compose</a></h3>
<p>Define application stacks built using multiple containers, services, and swarm configurations.</p>
</div>
</div>
<!--machine-->
<div class="component-full">
<div class="component-full-icon">
<img src="../images/machine_48.svg" alt="Docker Machine">
<div class="col-sm-4 col-md-12 col-lg-3 block">
<div class="component">
<div class="component-icon">
<a href="machine/overview/"> <img src="../images/machine_48.svg" alt="Docker Trusted Registry"> </a>
</div>
<div class="component-full-copy">
<h3 id="docker-cloud"><a href="machine/install-machine/">Docker Machine</a></h3>
<h3 id="machine"><a href="machine/overview/">Docker Machine</a></h3>
<p>Automate container provisioning on your network or in the cloud. Available for Windows, macOS, or Linux.</p>
</div>
</div>
<!-- end col-12-->
</div>
<!-- end component-container-->
<!-- end real row-->
</div>
<!-- end component-container 2-->
</div>