diff --git a/_landing-page-static/css/main.css b/_landing-page-static/css/main.css
new file mode 100644
index 000000000000..aa915d8c1b6a
--- /dev/null
+++ b/_landing-page-static/css/main.css
@@ -0,0 +1,1461 @@
+/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
+
+/*
+ * What follows is the result of much research on cross-browser styling.
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
+ * Kroc Camen, and the H5BP dev community and team.
+ */
+
+/* ==========================================================================
+   Base styles: opinionated defaults
+   ========================================================================== */
+
+html,
+button,
+input,
+select,
+textarea {
+    color: #222;
+}
+
+html {
+    font-size: 1em;
+    line-height: 1.4;
+}
+
+/*
+ * Remove text-shadow in selection highlight: h5bp.com/i
+ * These selection rule sets have to be separate.
+ * Customize the background color to match your design.
+ */
+
+::-moz-selection {
+    background: #b3d4fc;
+    text-shadow: none;
+}
+
+::selection {
+    background: #b3d4fc;
+    text-shadow: none;
+}
+
+/*
+ * A better looking default horizontal rule
+ */
+
+hr {
+    display: block;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid #ccc;
+    margin: 1em 0;
+    padding: 0;
+}
+
+/*
+ * Remove the gap between images, videos, audio and canvas and the bottom of
+ * their containers: h5bp.com/i/440
+ */
+
+audio,
+canvas,
+img,
+video {
+    vertical-align: middle;
+}
+
+/*
+ * Remove default fieldset styles.
+ */
+
+fieldset {
+    border: 0;
+    margin: 0;
+    padding: 0;
+}
+
+/*
+ * Allow only vertical resizing of textareas.
+ */
+
+textarea {
+    resize: vertical;
+}
+
+/* ==========================================================================
+   Browse Happy prompt
+   ========================================================================== */
+
+.browsehappy {
+    margin: 0.2em 0;
+    background: #ccc;
+    color: #000;
+    padding: 0.2em 0;
+}
+
+/* ==========================================================================
+   Author's custom styles
+   ========================================================================== */
+
+html {
+    height: 100%;
+    background: #fff;
+}
+
+body {
+    min-height: 100%;
+    font-family: 'Roboto', sans-serif;
+    color: #5d6061;
+}
+
+
+/* Global Elements
+   ========================================================================== */
+
+pre {
+    border: 1px solid rgba(0,0,0,0.2);
+    /* Border Radius */
+        -webkit-border-radius: 5px;
+        -moz-border-radius: 5px;
+        border-radius: 5px;
+    background: #fff;
+    font-size: 0.9em;
+    line-height: 1.6em;
+}
+
+pre,
+code {
+  font-family: Monaco, 'Droid Sans Mono', monospace !important;
+}
+
+img {
+    max-width: 100%;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-weight: normal;
+    font-weight: 300;
+}
+
+h2 code {
+  font-size: .9em;
+}
+
+h2, h3 {
+    color: #4285f4;
+}
+
+a {
+    cursor: pointer;
+}
+
+
+/* Grid
+   ========================================================================== */
+
+.row:after {
+    content: '';
+    display: table;
+    clear: both;
+}
+
+.row--right,
+[class*='col'] {
+    float: none;
+}
+
+@media only screen and (min-width: 45em) {
+    .row--right {
+        float: right;
+    }
+
+    [class*='col'] {
+        float: left;
+    }
+
+    .col-10 { width: 10%; }
+    .col-20 { width: 20%; }
+    .col-25 { width: 25%; }
+    .col-30 { width: 30%; }
+    .col-33 { width: 33%; }
+    .col-40 { width: 40%; }
+    .col-50 { width: 50%; }
+    .col-60 { width: 60%; }
+    .col-66 { width: 66%; }
+    .col-70 { width: 70%; }
+    .col-75 { width: 75%; }
+    .col-80 { width: 80%; }
+    .col-90 { width: 90%; }
+}
+
+
+/* Utilities
+   ========================================================================== */
+
+.padding {
+    padding: 10px;
+}
+
+.margin {
+    margin: 10px;
+}
+
+.margin-vertical {
+    margin: 10px 0;
+}
+
+
+
+/* Header
+   ========================================================================== */
+
+.page-header,
+.hero-banner {
+    background: #4285f4;
+    color: #fff;
+}
+
+.page-header {
+    position: relative;
+    padding: 1em;
+}
+
+.page-header.fixed {
+    position: fixed;
+    z-index: 2;
+    top: 0;
+    width: 100%;
+    padding: 0;
+}
+
+/*
+ Logo
+*/
+
+.logo {
+    margin: 0;
+    width: 13em;
+    font-size: 1em;
+    line-height: normal;
+}
+
+.page-header.fixed .logo {
+    width: auto;
+}
+
+.page-header.fixed a {
+    color: #fff;
+    text-decoration: none;
+}
+
+.page-header.fixed a:hover {
+    opacity: 0.4;
+}
+
+.page-header.fixed .logo img {
+    position: relative;
+    top: -0.2em;
+    width: 2em;
+    margin: 0 0.5em;
+}
+
+.page-header.fixed .gcloud {
+    display: inline-block;
+    padding: 0.4em 0 0.6em 0.6em;
+    border-left: 1px solid rgba(255,255,255,0.2);
+    font-family: 'Open Sans', sans-serif;
+    font-weight: 300;
+    font-size: 1.4em;
+}
+
+/*
+ Menu
+*/
+
+.nav-current {
+    display: block;
+    position: absolute;
+    top: 1.2em;
+    right: 1em;
+    width: 24px;
+    height: 20px;
+    background: url(../images/icon-menu.svg) no-repeat;
+    text-indent: -90000px;
+    cursor: pointer;
+}
+
+.page-header.fixed .nav-current {
+    top: 1em;
+}
+
+.menu {
+    display: none;
+    position: absolute;
+    top: 3.6em;
+    right: 0;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    background: #2570ec;
+    /* Box Shadow */
+        -webkit-box-shadow:  5px 5px 8px rgba(0,16,41,0.3);
+        -moz-box-shadow:  5px 5px 8px rgba(0,16,41,0.3);
+        box-shadow:  5px 5px 8px rgba(0,16,41,0.3);
+    /* Transitions */
+        -webkit-transition: all 0.3s ease;
+        -moz-transition: all 0.3s ease;
+        -ms-transition: all 0.3s ease;
+        -o-transition: all 0.3s ease;
+        transition: all 0.3s ease;
+}
+
+.page-header.fixed .menu {
+    top: 3.3em;
+}
+
+.menu a {
+    display: block;
+    padding: 1em;
+    border-top: 1px solid rgba(255,255,255,0.2);
+    color: #fff;
+    text-decoration: none;
+    /* Transitions */
+        -webkit-transition: all 0.3s ease;
+        -moz-transition: all 0.3s ease;
+        -ms-transition: all 0.3s ease;
+        -o-transition: all 0.3s ease;
+        transition: all 0.3s ease;
+}
+
+.menu a:hover {
+    background: #1a65e0;
+}
+
+.menu-icon {
+    margin-right: 0.5em;
+}
+
+/*
+ Open Menu
+ */
+
+.main-nav.open .nav-current {
+    opacity: 0.4;
+}
+
+.main-nav.open .menu {
+    display: block;
+}
+
+
+
+/* Home Content
+   ========================================================================== */
+
+/*
+ Main Content
+*/
+
+.main {
+    font-size: 0.9em;
+    line-height: 1.8em;
+}
+
+.container {
+    padding: 2.8em 2em;
+}
+
+.block-title {
+    margin-top: 0;
+    font-size: 1.6em;
+}
+
+/*
+ Hero Banner
+*/
+
+.hero-banner h1 {
+    margin: 0 0 0.6em;
+    font-family: 'Open Sans', sans-serif;
+    font-size: 3.5em;
+    font-weight: 300;
+}
+
+.hero-banner p {
+    margin-bottom: 2.2em;
+    font-size: 0.9em;
+    line-height: 1.6em;
+}
+
+.hero-banner h2 {
+    margin-bottom: 0.2em;
+    font-size: 1.3em;
+}
+
+.hero-banner pre {
+    margin: 0;
+    padding: 1em;
+    border: none;
+    background: #2a74ed;
+}
+
+/*
+ What is it?
+ */
+.about pre {
+  font-size: 110%;
+}
+
+/*
+ Featuring
+*/
+
+.featuring .block-title {
+    text-align: center;
+}
+
+.featuring p {
+    font-size: 0.9em;
+    line-height: 1.6em;
+}
+
+.featuring-links {
+    list-style: none;
+    margin: 0;
+    margin-bottom: -1em;
+    padding: 0;
+}
+
+.btn,
+.ext-link {
+    display: block;
+}
+
+.btn {
+    padding: 1em;
+    border: none;
+    /* Border Radius */
+        -webkit-border-radius: 5px;
+        -moz-border-radius: 5px;
+        border-radius: 5px;
+    background: #db4437;
+    color: #fff;
+    text-decoration: none;
+    /* Transitions */
+        -webkit-transition: all 0.3s ease;
+        -moz-transition: all 0.3s ease;
+        -ms-transition: all 0.3s ease;
+        -o-transition: all 0.3s ease;
+        transition: all 0.3s ease;
+}
+
+.btn:hover {
+    background: #f24f41;
+}
+
+.btn img {
+    margin-right: 0.5em;
+}
+
+.featuring-links .btn {
+    margin-bottom: 1em;
+    padding: 1.5em;
+    font-size: 1.1em;
+    text-align: center;
+}
+
+.featuring-links .btn img {
+    width: 2em;
+}
+
+.btn-docs img {
+    background-color: #fff;
+    border: 1px solid transparent;
+    -webkit-border-radius: 80px;
+    -moz-border-radius: 80px;
+    border-radius: 80px;
+    padding: 4px;
+    width: 40px;
+    /* Transitions */
+        -webkit-transition: all 0.5s ease;
+        -moz-transition: all 0.5s ease;
+        -ms-transition: all 0.5s ease;
+        -o-transition: all 0.5s ease;
+        transition: all 0.5s ease;
+}
+
+.btn-docs:hover img {
+    border: 1px solid #ccc;
+    transform: rotate(135deg);
+    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
+    -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
+    box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
+}
+
+.btn-docs:active img {
+    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
+    -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
+    box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
+}
+
+.ext-link {
+    display: block;
+    padding: 1em;
+    border-bottom: 1px solid rgba(0,0,0,0.1);
+    color: #5d6061;
+    text-decoration: none;
+    /* Transitions */
+        -webkit-transition: all 0.3s ease;
+        -moz-transition: all 0.3s ease;
+        -ms-transition: all 0.3s ease;
+        -o-transition: all 0.3s ease;
+        transition: all 0.3s ease;
+}
+
+.featuring-links li:last-child .ext-link {
+    border-bottom: none;
+}
+
+.ext-link:hover {
+    background: #f6f6f6;
+}
+
+.ext-link img {
+    opacity: 0.5;
+    margin-right: 0.5em;
+    /* Transitions */
+        -webkit-transition: all 0.3s ease;
+        -moz-transition: all 0.3s ease;
+        -ms-transition: all 0.3s ease;
+        -o-transition: all 0.3s ease;
+        transition: all 0.3s ease;
+}
+
+.ext-link:hover img {
+    opacity: 0.7;
+}
+
+.pagination {
+    margin: 2em 0 0;
+    padding: 0;
+    list-style: none;
+    text-decoration: none;
+    text-align: center;
+}
+
+.pagination li {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    margin: 0 0.2em;
+}
+
+.pagination a {
+    display: block;
+    width: 100%;
+    height: 100%;
+    border: 1px solid rgba(0,0,0,0.2);
+    /* Border Radius */
+        -webkit-border-radius: 50%;
+        -moz-border-radius: 50%;
+        border-radius: 50%;
+    background: #fff;
+    text-indent: -90000px;
+}
+
+.pagination a:hover {
+    background: rgba(0,0,0,0.1);
+}
+
+.pagination .current,
+.pagination .current:hover {
+    background: #db4437;
+    border-color: #db4437;
+}
+
+/*
+ About
+*/
+
+.about {
+    background: #eee;
+}
+
+.about h4 {
+    margin-bottom: 0;
+    font-size: 1.2em;
+    font-weight: bold;
+    color: #4285f4;
+}
+
+/*
+ FAQ
+*/
+
+.faq-btn,
+.faq-questions {
+    max-width: 20em;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.faq-btn {
+    position: relative;
+    margin-bottom: 2em;
+}
+
+.faq-btn .current {
+    background: #e6eefc url(../images/icon-dropdown-faq.svg) 95% 50% no-repeat;
+}
+
+.faq-btn .current,
+.faq-questions a {
+    display: block;
+    padding: 1em;
+    border: 1px solid #a7bfe8;
+    color: #2b70e2;
+    cursor: pointer;
+    text-decoration: none;
+    /* Transitions */
+        -webkit-transition: all 0.3s ease;
+        -moz-transition: all 0.3s ease;
+        -ms-transition: all 0.3s ease;
+        -o-transition: all 0.3s ease;
+        transition: all 0.3s ease;
+}
+
+.faq-questions {
+    display: none;
+    position: absolute;
+    width: 100%;
+}
+
+.faq-questions a {
+    border-top: none;
+    background: #e6eefc;
+}
+
+.faq-questions a:hover {
+    background: #fcfdff;
+}
+
+/*
+ Open FAQ button
+ */
+
+.faq-btn.open .current {
+    background-color: #c6d7f6;
+    /* Box Shadow */
+        -webkit-box-shadow: inset 0 0 10px rgba(16,71,163,0.3);
+        -moz-box-shadow: inset 0 0 10px rgba(16,71,163,0.3);
+        box-shadow: inset 0 0 10px rgba(16,71,163,0.3);
+    color: #1555bf;
+}
+
+.faq-btn.open .faq-questions {
+    display: block;
+}
+
+
+/* Docs Content
+   ========================================================================== */
+
+.admonition-title {
+  background-color: #e5ecf9;
+  padding: 8px;
+}
+
+.admonition {
+  background-color: #f8f8f8;
+}
+
+.admonition pre {
+  background-color: #eeeeee !important;
+}
+
+.docs-header {
+    position: relative;
+    padding: 7em 2em 4em;
+    background: #f8f8f8;
+    border-bottom: 1px solid rgba(0,0,0,0.05);
+}
+
+.headerlink {
+    display: none;
+    padding: 0 7px;
+    left: -24px;
+    text-decoration: none;
+}
+
+.headerlink:hover {
+    color: #505050;
+    display: block;
+}
+
+h2 .headerlink {
+    color: #2b70e2;
+}
+
+h2 .headerlink:hover {
+    color: #4285f4;
+    display: block;
+}
+
+.highlight pre {
+    background: #f8f8f8;
+}
+
+.method-heading {
+    position: relative;
+}
+
+.param-optional .param-types {
+  font-style: italic;
+}
+
+.param-optional .param-description:before {
+  content: "optional. ";
+  color: #aaa;
+  font-style: italic;
+}
+
+.sub-heading {
+  color: #5d6061;
+  margin: 0 !important;
+}
+
+.toggler {
+  float: left;
+  min-width: 15px;
+  margin: auto;
+}
+
+.toggle {
+  cursor: pointer;
+}
+
+.viewcode-link {
+  float: right;
+}
+
+/*
+ Page Title
+*/
+
+.page-title {
+    margin: 0;
+    font-family: 'Open Sans', sans-serif;
+    font-weight: 300;
+    color: #4285f4;
+    font-size: 2.4em;
+    line-height: 1em;
+}
+
+/*
+ Versions
+*/
+
+.versions {
+    display: inline-block;
+    margin-top: 2em;
+}
+
+.versions span,
+.versions a {
+    display: block;
+}
+
+.v-current {
+    font-size: 1.2em;
+    color: #2b70e2;
+}
+
+.v-current i {
+    font-size: 0.7em;
+}
+
+.v-btn {
+    padding: 0.5em;
+    border: 1px solid rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.07);
+    font-size: 0.8em;
+    color: rgba(0,0,0,0.6);
+    text-align: center;
+    text-decoration: none;
+    /* Transitions */
+        -webkit-transition: all 0.3s ease;
+        -moz-transition: all 0.3s ease;
+        -ms-transition: all 0.3s ease;
+        -o-transition: all 0.3s ease;
+        transition: all 0.3s ease;
+}
+
+.v-btn:hover {
+    background: rgba(0,0,0,0.02);
+}
+
+.v-btn img {
+    position: relative;
+    top: -0.1em;
+    opacity: 0.3;
+}
+
+.v-list {
+    color: rgba(0,0,0,0.2);
+}
+
+.v-list a {
+    color: #4285f4;
+    text-decoration: none;
+}
+
+.v-list a:hover {
+    text-decoration: underline;
+}
+
+/*
+ Content
+ */
+
+
+.content {
+    padding: 1em 2em;
+}
+
+.content pre,
+.field-list {
+    border: 0;
+    margin-bottom: 2em;
+}
+
+.content h2, .content h3, .content h4, .content h5, .content h6 {
+    margin: 2em 0 0.5em;
+}
+
+.content>h2:first-child {
+    margin-top: 1em;
+}
+
+/*
+ Tables
+ */
+
+.field-list {
+    text-align: left;
+}
+
+.field-list th,
+.field-list td {
+    padding: 0.3em 1em;
+    border: 1px solid #cfcfcf;
+}
+
+.field-list th[scope="col"] {
+    border-color: #2264d0;
+    background: #4285f4;
+    color: #fff;
+}
+
+.field-name {
+    background: #f6f6f6;
+    font-weight: 'bold';
+}
+
+/*
+ Side Nav
+ */
+
+ .side-nav {
+    padding-bottom: 3em;
+    background: #efefef;
+ }
+
+.side-nav a {
+    display: block;
+    padding: 0.3em 2em;
+    color: #5d6061;
+    text-decoration: none;
+    /* Transitions */
+        -webkit-transition: all 0.3s ease;
+        -moz-transition: all 0.3s ease;
+        -ms-transition: all 0.3s ease;
+        -o-transition: all 0.3s ease;
+        transition: all 0.3s ease;
+}
+
+.side-nav a:hover {
+    background: rgba(255,255,255,0.7);
+}
+
+.side-nav .current .current,
+.side-nav .current .current:hover {
+    background: #e2e2e2;
+}
+
+.side-nav ul {
+    margin: 0;
+    padding: 0;
+}
+
+.side-nav ul ul a {
+    padding-left: 4em;
+}
+
+.side-nav .external-links {
+    margin-top: 2em;
+}
+
+.external-links img {
+    margin-right: 0.3em;
+    opacity: 0.3;
+    /* Transitions */
+        -webkit-transition: all 0.3s ease;
+        -moz-transition: all 0.3s ease;
+        -ms-transition: all 0.3s ease;
+        -o-transition: all 0.3s ease;
+        transition: all 0.3s ease;
+}
+
+.external-links a:hover img {
+    opacity: 0.6;
+}
+
+
+
+/* ==========================================================================
+   Helper classes
+   ========================================================================== */
+
+/*
+ * Image replacement
+ */
+
+.ir {
+    background-color: transparent;
+    border: 0;
+    overflow: hidden;
+    /* IE 6/7 fallback */
+    *text-indent: -9999px;
+}
+
+.ir:before {
+    content: "";
+    display: block;
+    width: 0;
+    height: 150%;
+}
+
+/*
+ * Hide from both screenreaders and browsers: h5bp.com/u
+ */
+
+.hidden {
+    display: none !important;
+    visibility: hidden;
+}
+
+/*
+ * Hide only visually, but have it available for screenreaders: h5bp.com/v
+ */
+
+.visuallyhidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+/*
+ * Extends the .visuallyhidden class to allow the element to be focusable
+ * when navigated to via the keyboard: h5bp.com/p
+ */
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+}
+
+/*
+ * Hide visually and from screenreaders, but maintain layout
+ */
+
+.invisible {
+    visibility: hidden;
+}
+
+/*
+ * Clearfix: contain floats
+ *
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ *    `contenteditable` attribute is included anywhere else in the document.
+ *    Otherwise it causes space to appear at the top and bottom of elements
+ *    that receive the `clearfix` class.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ *    `:before` to contain the top-margins of child elements.
+ */
+
+.clearfix:before,
+.clearfix:after {
+    content: " "; /* 1 */
+    display: table; /* 2 */
+}
+
+.clearfix:after {
+    clear: both;
+}
+
+/*
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+
+.clearfix {
+    *zoom: 1;
+}
+
+/* ==========================================================================
+   EXAMPLE Media Queries for Responsive Design.
+   These examples override the primary ('mobile first') styles.
+   Modify as content requires.
+   ========================================================================== */
+
+@media only screen and (min-width: 37em) {
+
+    /*
+     Main
+    */
+
+    .main {
+        font-size: 1em;
+    }
+
+    /*
+     Featuring
+    */
+
+    .featuring-links li:first-child {
+        display: block;
+    }
+
+    .featuring-links {
+        text-align: center;
+    }
+
+    .featuring-links li {
+        display: inline-block;
+    }
+
+    .featuring-links .btn {
+        display: inline-block;
+        padding: 1em 2.4em;
+    }
+
+    .ext-link {
+        display: inline-block;
+        padding: 0.8em 1.2em;
+        border: none;
+        /* Border Radius */
+            -webkit-border-radius: 5px;
+            -moz-border-radius: 5px;
+            border-radius: 5px;
+    }
+
+    .pagination li {
+        width: 0.6em;
+        height: 0.6em;
+    }
+
+}
+
+@media only screen and (min-width: 45em) {
+
+    /*
+     Docs Header
+    */
+
+    .versions {
+        position: absolute;
+        top: 6em;
+        right: 2em;
+        margin: 0;
+    }
+
+    .v-btn {
+        font-size: 0.7em;
+        line-height: normal;
+    }
+
+}
+
+@media only screen and (min-width: 50em) {
+
+    /*
+    Header
+    */
+
+    .page-header {
+        padding: 1.6em;
+    }
+
+    .page-header.fixed .logo img {
+        margin: 0 0.8em;
+    }
+
+    .page-header.fixed .gcloud {
+        padding: 0 0 0 1em;
+        height: 70px;
+        line-height: 70px;
+    }
+
+    /*
+     Logo
+    */
+
+    .logo {
+        width: 280px;
+    }
+
+    /*
+     Menu
+    */
+
+    .main-nav {
+        position: absolute;
+        top: 1.2em;
+        left: 21.5em;
+    }
+
+    .page-header.fixed .main-nav {
+        top: 0;
+        left: 11.5em;
+    }
+
+    .nav-current {
+        position: relative;
+        top: 0;
+        left: 0;
+        padding: 0.8em 1.6em;
+        width: 150px;
+        height: auto;
+        border: 1px solid rgba(255,255,255,0.4);
+        background: url(../images/icon-dropdown.svg) 90% 50% no-repeat;
+        text-indent: 0;
+    }
+
+    .page-header.fixed .nav-current {
+        top: 0;
+        padding: 0 1.6em;
+        height: 70px;
+        border: 1px solid rgba(255,255,255,0.2);
+        border-top: none;
+        border-bottom: none;
+        line-height: 70px;
+    }
+
+    .nav-current:hover {
+        background-color: rgba(255,255,255,0.1);
+    }
+
+    .menu {
+        top: 3em;
+        left: 0;
+    }
+
+    .menu a {
+        padding: 1.2em 1.5em;
+    }
+
+    .page-header.fixed .menu {
+        top: 70px;
+    }
+
+    /*
+     Docs Header
+    */
+
+    .docs-header {
+        padding-top: 7.7em;
+    }
+
+    .versions {
+        top: 7em;
+    }
+
+    /*
+     Content
+    */
+
+    .container,
+    .content {
+        width: 80%;
+        margin: 0 auto;
+        padding: 2em 0;
+    }
+
+    /*
+     Hero Banner
+    */
+
+    .hero-banner {
+        padding: 2em 0;
+    }
+
+    .hero-banner h1 {
+        font-size: 5em;
+        margin-bottom: 0.8em;
+    }
+
+    .hero-banner p {
+        font-size: 1em;
+        line-height: 2em;
+    }
+
+    /*
+     Featuring
+    */
+
+    .featuring .block-title {
+        margin-bottom: 1.4em;
+    }
+
+}
+
+@media only screen and (min-width: 60em) {
+
+    /*
+     Content
+    */
+
+    .container {
+        width: 90%;
+        max-width: 1020px;
+        font-size: 0.9em;
+    }
+
+    .col {
+        width: 46%;
+    }
+
+    .col-left {
+        float: left;
+    }
+
+    .col-right {
+        float: right;
+    }
+
+    .block-title {
+        font-size: 2em;
+    }
+
+    /*
+    Hero Banner
+    */
+
+    .hero-banner {
+        padding-bottom: 0;
+    }
+
+    .hero-banner .col-right {
+        padding-top: 3.6em;
+    }
+
+    .hero-banner h1 {
+        font-size: 5.6em;
+    }
+
+    .hero-banner p {
+        font-size: 1.1em;
+    }
+
+    .hero-banner h2 {
+        font-size: 1.3em;
+        margin-bottom: 0.4em;
+    }
+
+    .hero-banner pre {
+        font-size: 1.1em;
+        padding: 1em 1.5em;
+    }
+
+    /*
+    Featuring
+    */
+
+    .featuring {
+        text-align: center;
+    }
+
+    .featuring-links li {
+        font-size: 1em;
+    }
+
+    .featuring-links li:first-child {
+        display: inline-block;
+    }
+
+    .featuring-links .btn {
+        margin-right: 0.5em;
+    }
+
+    .ext-link {
+        padding: 0.5em 1.2em;
+    }
+
+    .featuring p {
+        max-width: 80%;
+        margin: 0 auto;
+        font-size: 1em;
+    }
+
+    /*
+     About
+    */
+
+     .about .col-right {
+        padding-top: 2.4em;
+    }
+
+    /*
+     FAQ
+    */
+
+    .faq .answer {
+        -moz-column-count: 2;
+        -moz-column-gap: 50px;
+        -webkit-column-count: 2;
+        -webkit-column-gap: 50px;
+        column-count: 2;
+        column-gap: 50px;
+    }
+
+    /*
+     Docs Page
+    */
+
+    .lang-page {
+        background: url(../images/lang-bg.png) repeat-y;
+    }
+
+    .docs-header {
+        margin-left: 240px;
+    }
+
+    .content {
+        width: 100%;
+        max-width: 1070px;
+        padding-left: 290px;
+        padding-right: 2em;
+        /* Box Sizing  */
+            -webkit-box-sizing: border-box;
+            -moz-box-sizing: border-box;
+            box-sizing: border-box;
+        margin: 0;
+        font-size: 0.9em;
+    }
+
+    .side-nav {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 240px;
+        padding-top: 7.7em;
+        background: none;
+        font-size: 0.9em;
+    }
+
+    .side-nav a {
+        padding-left: 2.5em;
+    }
+
+}
+
+@media print,
+       (-o-min-device-pixel-ratio: 5/4),
+       (-webkit-min-device-pixel-ratio: 1.25),
+       (min-resolution: 120dpi) {
+    /* Style adjustments for high resolution devices */
+}
+
+/* ==========================================================================
+   Print styles.
+   Inlined to avoid required HTTP connection: h5bp.com/r
+   ========================================================================== */
+
+@media print {
+    * {
+        background: transparent !important;
+        color: #000 !important; /* Black prints faster: h5bp.com/s */
+        box-shadow: none !important;
+        text-shadow: none !important;
+    }
+
+    a,
+    a:visited {
+        text-decoration: underline;
+    }
+
+    a[href]:after {
+        content: " (" attr(href) ")";
+    }
+
+    abbr[title]:after {
+        content: " (" attr(title) ")";
+    }
+
+    /*
+     * Don't show links for images, or javascript/internal links
+     */
+
+    .ir a:after,
+    a[href^="javascript:"]:after,
+    a[href^="#"]:after {
+        content: "";
+    }
+
+    pre,
+    blockquote {
+        border: 1px solid #999;
+        page-break-inside: avoid;
+    }
+
+    thead {
+        display: table-header-group; /* h5bp.com/t */
+    }
+
+    tr,
+    img {
+        page-break-inside: avoid;
+    }
+
+    img {
+        max-width: 100% !important;
+    }
+
+    @page {
+        margin: 0.5cm;
+    }
+
+    p,
+    h2,
+    h3 {
+        orphans: 3;
+        widows: 3;
+    }
+
+    h2,
+    h3 {
+        page-break-after: avoid;
+    }
+}
diff --git a/_landing-page-static/css/normalize.css b/_landing-page-static/css/normalize.css
new file mode 100644
index 000000000000..42e24d6880b5
--- /dev/null
+++ b/_landing-page-static/css/normalize.css
@@ -0,0 +1,527 @@
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ *    `em` units.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-size: 100%; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Address `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+    font-family: sans-serif;
+}
+
+/**
+ * Address margins handled incorrectly in IE 6/7.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address font sizes and margins set differently in IE 6/7.
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+h2 {
+    font-size: 1.5em;
+    margin: 0.83em 0;
+}
+
+h3 {
+    font-size: 1.17em;
+    margin: 1em 0;
+}
+
+h4 {
+    font-size: 1em;
+    margin: 1.33em 0;
+}
+
+h5 {
+    font-size: 0.83em;
+    margin: 1.67em 0;
+}
+
+h6 {
+    font-size: 0.67em;
+    margin: 2.33em 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+blockquote {
+    margin: 1em 40px;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ * Known issue: no IE 6/7 normalization.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 6/7/8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+    margin: 1em 0;
+}
+
+/**
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    _font-family: 'courier new', monospace;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/**
+ * Address CSS quotes not supported in IE 6/7.
+ */
+
+q {
+    quotes: none;
+}
+
+/**
+ * Address `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+    content: '';
+    content: none;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Lists
+   ========================================================================== */
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+    margin: 1em 0;
+}
+
+dd {
+    margin: 0 0 0 40px;
+}
+
+/**
+ * Address paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+    padding: 0 0 0 40px;
+}
+
+/**
+ * Correct list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+    list-style: none;
+    list-style-image: none;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+img {
+    border: 0; /* 1 */
+    -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+form {
+    margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0;
+    white-space: normal; /* 2 */
+    *margin-left: -7px; /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ *    and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-size: 100%; /* 1 */
+    margin: 0; /* 2 */
+    vertical-align: baseline; /* 3 */
+    *vertical-align: middle; /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ *    Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+    *overflow: visible;  /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ *    Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+    *height: 13px; /* 3 */
+    *width: 13px; /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
diff --git a/_landing-page-static/images/icon-lang-python-white.svg b/_landing-page-static/images/icon-lang-python-white.svg
new file mode 100644
index 000000000000..bc4737703c35
--- /dev/null
+++ b/_landing-page-static/images/icon-lang-python-white.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Layer_7">
+	<g>
+		<path id="path1948_1_" fill="#FFFFFF" d="M11.859,0C10.88,0.005,9.945,0.089,9.123,0.234C6.7,0.662,6.26,1.558,6.26,3.21v2.182
+			h5.726V6.12H6.26H4.111c-1.664,0-3.121,1-3.576,2.903c-0.526,2.181-0.549,3.542,0,5.819c0.407,1.695,1.378,2.902,3.043,2.902
+			h1.968v-2.616c0-1.89,1.635-3.557,3.577-3.557h5.719c1.592,0,2.862-1.31,2.862-2.909V3.21c0-1.551-1.31-2.717-2.862-2.977
+			C13.857,0.07,12.837-0.004,11.859,0z M8.762,1.756c0.591,0,1.075,0.491,1.075,1.094c0,0.601-0.483,1.087-1.075,1.087
+			c-0.594,0-1.074-0.486-1.074-1.087C7.688,2.247,8.168,1.756,8.762,1.756z"/>
+		<path id="path1950_1_" fill="#FFFFFF" d="M18.418,6.12v2.543c0,1.971-1.671,3.629-3.576,3.629H9.123
+			c-1.566,0-2.863,1.341-2.863,2.91v5.452c0,1.551,1.349,2.463,2.863,2.908c1.812,0.533,3.55,0.631,5.719,0
+			c1.441-0.416,2.862-1.256,2.862-2.908v-2.184h-5.718v-0.728h5.718h2.862c1.664,0,2.285-1.16,2.863-2.902
+			c0.598-1.794,0.571-3.519,0-5.819c-0.412-1.657-1.197-2.903-2.863-2.903L18.418,6.12L18.418,6.12z M15.201,19.926
+			c0.595,0,1.074,0.486,1.074,1.088c0,0.604-0.479,1.096-1.074,1.096c-0.59,0-1.073-0.491-1.073-1.096
+			C14.128,20.412,14.611,19.926,15.201,19.926z"/>
+	</g>
+</g>
+</svg>
diff --git a/_landing-page-static/images/icon-lang-python.svg b/_landing-page-static/images/icon-lang-python.svg
new file mode 100644
index 000000000000..7d55090b6a48
--- /dev/null
+++ b/_landing-page-static/images/icon-lang-python.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Layer_7">
+	<g>
+		<path id="path1948_1_" fill="#5D6061" d="M11.859,0C10.88,0.005,9.945,0.089,9.123,0.234C6.7,0.662,6.26,1.558,6.26,3.21v2.182
+			h5.726V6.12H6.26H4.111c-1.664,0-3.121,1-3.576,2.903c-0.526,2.181-0.549,3.542,0,5.819c0.407,1.695,1.378,2.902,3.043,2.902
+			h1.968v-2.616c0-1.89,1.635-3.557,3.577-3.557h5.719c1.592,0,2.862-1.31,2.862-2.909V3.21c0-1.551-1.31-2.717-2.862-2.977
+			C13.857,0.07,12.837-0.004,11.859,0z M8.762,1.756c0.591,0,1.075,0.491,1.075,1.094c0,0.601-0.483,1.087-1.075,1.087
+			c-0.594,0-1.074-0.486-1.074-1.087C7.688,2.247,8.168,1.756,8.762,1.756z"/>
+		<path id="path1950_1_" fill="#5D6061" d="M18.418,6.12v2.543c0,1.971-1.671,3.629-3.576,3.629H9.123
+			c-1.566,0-2.863,1.341-2.863,2.91v5.452c0,1.551,1.349,2.463,2.863,2.908c1.812,0.533,3.55,0.631,5.719,0
+			c1.441-0.416,2.862-1.256,2.862-2.908v-2.184h-5.718v-0.728h5.718h2.862c1.664,0,2.285-1.16,2.863-2.902
+			c0.598-1.794,0.571-3.519,0-5.819c-0.412-1.657-1.197-2.903-2.863-2.903L18.418,6.12L18.418,6.12z M15.201,19.926
+			c0.595,0,1.074,0.486,1.074,1.088c0,0.604-0.479,1.096-1.074,1.096c-0.59,0-1.073-0.491-1.073-1.096
+			C14.128,20.412,14.611,19.926,15.201,19.926z"/>
+	</g>
+</g>
+</svg>
diff --git a/_landing-page-static/images/icon-link-github.svg b/_landing-page-static/images/icon-link-github.svg
new file mode 100644
index 000000000000..2404f8b0be06
--- /dev/null
+++ b/_landing-page-static/images/icon-link-github.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<path fill="#010101" d="M2.231,7.326c-0.025,0,0.279,0.644,0.287,0.644c0.664,1.185,1.942,1.921,4.101,2.124
+	c-0.308,0.23-0.679,0.666-0.729,1.17c-0.387,0.246-1.166,0.326-1.771,0.139C3.271,11.14,2.945,9.489,1.675,9.725
+	C1.4,9.775,1.455,9.953,1.692,10.105c0.388,0.246,0.752,0.554,1.033,1.209c0.215,0.504,0.67,1.404,2.104,1.404
+	c0.569,0,0.969-0.068,0.969-0.068s0.011,1.285,0.011,1.785c0,0.576-0.791,0.739-0.791,1.016c0,0.109,0.262,0.121,0.472,0.121
+	c0.416,0,1.282-0.342,1.282-0.941c0-0.475,0.008-2.074,0.008-2.355c0-0.611,0.334-0.805,0.334-0.805s0.041,3.266-0.08,3.704
+	c-0.143,0.515-0.398,0.441-0.398,0.671c0,0.342,1.041,0.085,1.387-0.666c0.268-0.582,0.15-3.788,0.15-3.788l0.285-0.007
+	c0,0,0.016,1.468,0.006,2.139c-0.01,0.694-0.059,1.572,0.361,1.986c0.275,0.273,1.17,0.75,1.17,0.314c0-0.254-0.49-0.463-0.49-1.148
+	v-3.161c0.391,0,0.332,1.039,0.332,1.039l0.029,1.931c0,0-0.087,0.703,0.773,0.998c0.305,0.104,0.953,0.133,0.984-0.043
+	s-0.782-0.437-0.789-0.98c-0.006-0.332,0.015-0.527,0.015-1.971s-0.198-1.978-0.886-2.402c2.121-0.215,3.436-0.73,4.074-2.111
+	c0.051,0.002,0.262-0.646,0.234-0.646c0.143-0.521,0.221-1.138,0.236-1.868c-0.004-1.982-0.969-2.683-1.154-3.012
+	c0.273-1.5-0.045-2.182-0.193-2.416c-0.547-0.191-1.902,0.492-2.643,0.973c-1.207-0.348-3.758-0.313-4.715,0.09
+	C4.038-0.146,3.104,0.043,3.104,0.043s-0.604,1.063-0.16,2.619C2.364,3.39,1.931,3.904,1.931,5.269
+	C1.932,6.038,2.024,6.727,2.231,7.326z"/>
+</svg>
diff --git a/_landing-page-static/images/icon-link-package-manager.svg b/_landing-page-static/images/icon-link-package-manager.svg
new file mode 100644
index 000000000000..3a12655fe6f9
--- /dev/null
+++ b/_landing-page-static/images/icon-link-package-manager.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+	<g>
+		<path d="M8,1.759l7,2v8.618l-7,1.869l-7-1.869V3.759L8,1.759 M8,0.719L0,3.005v10.14l8,2.137l8-2.137V3.005L8,0.719L8,0.719z"/>
+	</g>
+	<g>
+		<path d="M9,2.022l6,1.737v8.618l-6,1.603V2 M8,0.719v14.562l8-2.137V3.005L8,0.719L8,0.719z"/>
+	</g>
+	<g>
+		<g>
+			<path d="M8,1.759l6.051,1.729L8,5.102L1.949,3.488L8,1.759 M8,0.719L0,3.005v0.998l8,2.134l8-2.134V3.005L8,0.719L8,0.719z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/_landing-page-static/images/icon-link-stackoverflow.svg b/_landing-page-static/images/icon-link-stackoverflow.svg
new file mode 100644
index 000000000000..e1a1f789a897
--- /dev/null
+++ b/_landing-page-static/images/icon-link-stackoverflow.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g>
+	<rect x="3.699" y="12.517" width="6.317" height="1.349"/>
+	<rect x="9.919" y="2.553" transform="matrix(-0.171 -0.9853 0.9853 -0.171 12.134 16.6649)" width="6.318" height="1.35"/>
+	<polygon points="10.045,12.128 3.754,11.549 3.878,10.205 10.168,10.785 	"/>
+	<rect x="4.199" y="8.182" transform="matrix(-0.9657 -0.2596 0.2596 -0.9657 12.1634 19.3181)" width="6.317" height="1.349"/>
+	<polygon points="10.693,8.644 5.252,5.434 5.938,4.272 11.379,7.48 	"/>
+	<polygon points="11.598,7.296 8.039,2.077 9.154,1.317 12.713,6.536 	"/>
+	<polygon points="11.076,9.403 11.076,14.967 2.792,14.967 2.792,9.403 1.717,9.403 1.717,15.979 1.735,15.979 2.05,15.979 
+		12.15,15.979 12.15,16 12.15,15.685 12.15,9.403 	"/>
+</g>
+</svg>
diff --git a/_landing-page-static/images/logo-full.svg b/_landing-page-static/images/logo-full.svg
new file mode 100644
index 000000000000..3b84037fccc6
--- /dev/null
+++ b/_landing-page-static/images/logo-full.svg
@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="300px" height="40px" viewBox="0 0 300 40" enable-background="new 0 0 300 40" xml:space="preserve">
+<g>
+	<path fill="#FFFFFF" d="M26.963,19.866c0-3.138-2.543-5.681-5.681-5.681c-3.138,0-5.681,2.543-5.681,5.681
+		c0,3.136,2.543,5.681,5.681,5.681C24.419,25.547,26.963,23.002,26.963,19.866"/>
+	<path fill="#FFFFFF" d="M42.057,17.958l-4.921-8.522c-0.018-0.031-0.04-0.059-0.06-0.088L33.31,2.822
+		c-0.701-1.214-1.972-1.893-3.28-1.895H12.535c-1.402,0-2.625,0.762-3.28,1.894l-4.919,8.523l0,0l4.372,7.572L14.722,8.5
+		l20.773,0.001c0.654,0,1.289,0.339,1.64,0.946h-8.738l6.007,10.404l-6.57,11.377h-0.001l-3.818,6.614
+		c-0.328,0.564-0.938,0.945-1.639,0.945l4.365-7.562H14.722l-6.05-10.479l0,0L8.16,19.864l0.001-0.001l-3.826-6.626
+		c-0.325-0.564-0.35-1.28-0.004-1.884l-3.824,6.619c-0.701,1.214-0.653,2.654,0,3.789l8.747,15.15
+		c0.701,1.213,1.972,1.894,3.28,1.894h9.841c0.072,0,0.142-0.007,0.211-0.015h7.441c1.402,0,2.626-0.763,3.281-1.894l8.747-15.149
+		C42.757,20.532,42.709,19.091,42.057,17.958 M12.535,6.043c-0.628,0-1.137-0.509-1.137-1.138c0-0.628,0.509-1.137,1.137-1.137
+		s1.138,0.509,1.138,1.137C13.673,5.534,13.164,6.043,12.535,6.043 M30.598,5.891c-0.544,0.314-1.24,0.127-1.553-0.416
+		c-0.314-0.544-0.128-1.24,0.416-1.554s1.239-0.128,1.554,0.416C31.329,4.881,31.143,5.577,30.598,5.891 M4.772,20.625
+		c-0.313,0.543-1.009,0.73-1.553,0.417c-0.544-0.313-0.729-1.01-0.417-1.554c0.314-0.544,1.009-0.73,1.554-0.417
+		C4.9,19.385,5.087,20.081,4.772,20.625 M13.103,36.191c-0.544,0.313-1.24,0.127-1.554-0.416c-0.314-0.545-0.127-1.24,0.417-1.555
+		c0.544-0.316,1.239-0.128,1.554,0.418C13.833,35.182,13.647,35.877,13.103,36.191 M30.028,36.344c-0.628,0-1.137-0.508-1.137-1.137
+		c0-0.627,0.509-1.137,1.137-1.137c0.628,0,1.138,0.51,1.138,1.137C31.166,35.836,30.656,36.344,30.028,36.344 M39.761,20.625
+		c-0.314,0.544-1.01,0.73-1.554,0.416s-0.73-1.009-0.416-1.553c0.313-0.544,1.009-0.73,1.553-0.417
+		C39.889,19.386,40.075,20.082,39.761,20.625"/>
+	<path fill="#FFFFFF" d="M159.484,13.827c-2.064,0-3.689,0.661-4.877,1.982c-1.187,1.322-1.778,3.131-1.778,5.427
+		c0,2.351,0.56,4.175,1.678,5.474c1.119,1.299,2.718,1.949,4.798,1.949c1.381,0,2.65-0.179,3.807-0.529v1.015
+		c-1.088,0.383-2.447,0.573-4.076,0.573c-2.313,0-4.133-0.747-5.463-2.241c-1.327-1.494-1.992-3.58-1.992-6.261
+		c0-1.675,0.316-3.15,0.952-4.426c0.634-1.276,1.546-2.262,2.735-2.956s2.573-1.042,4.149-1.042c1.606,0,3.044,0.301,4.313,0.901
+		l-0.463,1.036C162.066,14.127,160.807,13.827,159.484,13.827"/>
+	<rect x="166.27" y="11.968" fill="#FFFFFF" width="1.115" height="17.524"/>
+	<path fill="#FFFFFF" d="M171.715,23.354c0,1.683,0.37,2.994,1.109,3.937c0.738,0.942,1.785,1.414,3.137,1.414
+		s2.396-0.472,3.137-1.414c0.738-0.94,1.108-2.254,1.108-3.937c0-1.688-0.374-2.999-1.121-3.93
+		c-0.747-0.931-1.796-1.396-3.147-1.396c-1.351,0-2.393,0.463-3.125,1.391C172.081,20.346,171.715,21.656,171.715,23.354
+		 M181.377,23.354c0,1.998-0.484,3.558-1.453,4.681c-0.968,1.123-2.304,1.684-4.009,1.684c-1.074,0-2.021-0.26-2.838-0.776
+		c-0.818-0.518-1.444-1.262-1.88-2.23c-0.437-0.967-0.653-2.086-0.653-3.355c0-1.998,0.483-3.551,1.452-4.667
+		c0.969-1.115,2.298-1.672,3.986-1.672c1.683,0,3.002,0.565,3.959,1.695S181.377,21.387,181.377,23.354"/>
+	<path fill="#FFFFFF" d="M185.505,17.25v7.928c0,1.232,0.259,2.127,0.776,2.688c0.518,0.559,1.32,0.838,2.41,0.838
+		c1.455,0,2.527-0.367,3.215-1.104c0.688-0.735,1.029-1.934,1.029-3.592V17.25h1.104v12.24h-0.944l-0.203-1.688h-0.067
+		c-0.796,1.275-2.212,1.914-4.245,1.914c-2.786,0-4.178-1.489-4.178-4.471V17.25H185.505z"/>
+	<path fill="#FFFFFF" d="M202.393,18.027c-1.338,0-2.342,0.47-3.014,1.408s-1.009,2.301-1.009,4.088
+		c0,3.467,1.348,5.201,4.043,5.201c1.382,0,2.396-0.4,3.041-1.203c0.646-0.806,0.969-2.129,0.969-3.978v-0.19
+		c0-1.894-0.317-3.252-0.952-4.083C204.836,18.442,203.811,18.027,202.393,18.027 M202.393,17.014c0.885,0,1.65,0.162,2.297,0.484
+		c0.646,0.323,1.223,0.875,1.733,1.656h0.067c-0.045-0.946-0.067-1.874-0.067-2.782v-4.403h1.103v17.523h-0.73l-0.281-1.871h-0.09
+		c-0.932,1.396-2.268,2.096-4.01,2.096c-1.688,0-2.98-0.525-3.873-1.576c-0.895-1.053-1.341-2.584-1.341-4.596
+		c0-2.117,0.442-3.735,1.329-4.853C199.414,17.573,200.702,17.014,202.393,17.014"/>
+	<path fill="#FFFFFF" d="M218.598,21.697h2.262c1.854,0,3.195-0.305,4.021-0.918c0.825-0.611,1.238-1.604,1.238-2.979
+		c0-1.269-0.391-2.209-1.171-2.821s-1.989-0.917-3.626-0.917h-2.725V21.697L218.598,21.697z M227.357,17.757
+		c0,1.592-0.541,2.812-1.623,3.659c-1.08,0.85-2.611,1.273-4.594,1.273h-2.545v6.803h-1.147V13.027h4.03
+		C225.396,13.027,227.357,14.604,227.357,17.757"/>
+	<rect x="230.426" y="11.968" fill="#FFFFFF" width="1.115" height="17.524"/>
+	<path fill="#FFFFFF" d="M238.338,28.703c1.307,0,2.337-0.373,3.092-1.121c0.754-0.746,1.131-1.785,1.131-3.113v-1.205l-2.14,0.09
+		c-1.72,0.082-2.944,0.353-3.677,0.806c-0.732,0.455-1.098,1.161-1.098,2.123c0,0.766,0.233,1.36,0.703,1.784
+		C236.818,28.49,237.48,28.703,238.338,28.703 M242.842,29.49l-0.281-1.936h-0.09c-0.615,0.788-1.248,1.346-1.896,1.672
+		c-0.649,0.325-1.417,0.489-2.303,0.489c-1.203,0-2.138-0.309-2.806-0.924s-1.002-1.467-1.002-2.558c0-1.192,0.497-2.12,1.492-2.78
+		c0.994-0.66,2.435-1.011,4.317-1.047l2.332-0.068v-0.812c0-1.163-0.236-2.042-0.709-2.634c-0.475-0.593-1.235-0.889-2.287-0.889
+		c-1.133,0-2.309,0.315-3.524,0.946l-0.416-0.968c1.345-0.63,2.672-0.947,3.985-0.947c1.345,0,2.349,0.35,3.014,1.048
+		c0.664,0.698,0.996,1.787,0.996,3.267v8.141H242.842z"/>
+	<path fill="#FFFFFF" d="M250.63,28.725c0.705,0,1.321-0.059,1.847-0.18v0.9c-0.541,0.182-1.164,0.271-1.869,0.271
+		c-1.082,0-1.879-0.289-2.394-0.866c-0.515-0.578-0.771-1.486-0.771-2.728v-7.904h-1.813v-0.653l1.813-0.507l0.563-2.77h0.574v2.962
+		h3.593v0.968h-3.593v7.748c0,0.938,0.165,1.634,0.495,2.082C249.404,28.5,249.924,28.725,250.63,28.725"/>
+	<path fill="#FFFFFF" d="M259.441,18.219h-2.883V29.49h-1.115V18.219h-2.274v-0.653l2.274-0.417v-0.946
+		c0-1.501,0.275-2.603,0.828-3.305c0.552-0.702,1.453-1.053,2.709-1.053c0.675,0,1.351,0.102,2.025,0.304l-0.259,0.968
+		c-0.601-0.188-1.198-0.281-1.791-0.281c-0.87,0-1.487,0.257-1.853,0.771c-0.364,0.515-0.547,1.35-0.547,2.506v1.138h2.883v0.968
+		H259.441z"/>
+	<path fill="#FFFFFF" d="M262.037,23.354c0,1.683,0.37,2.994,1.109,3.937c0.738,0.942,1.785,1.414,3.137,1.414
+		c1.351,0,2.396-0.472,3.136-1.414c0.739-0.94,1.108-2.254,1.108-3.937c0-1.688-0.373-2.999-1.119-3.93
+		c-0.747-0.931-1.797-1.396-3.147-1.396c-1.352,0-2.394,0.463-3.125,1.391C262.402,20.346,262.037,21.656,262.037,23.354
+		 M271.699,23.354c0,1.998-0.483,3.558-1.452,4.681c-0.97,1.123-2.306,1.684-4.009,1.684c-1.074,0-2.021-0.26-2.838-0.776
+		c-0.818-0.518-1.445-1.262-1.881-2.23c-0.437-0.967-0.653-2.086-0.653-3.355c0-1.998,0.483-3.551,1.452-4.667
+		c0.97-1.115,2.298-1.672,3.986-1.672c1.682,0,3.002,0.565,3.959,1.695C271.22,19.842,271.699,21.387,271.699,23.354"/>
+	<path fill="#FFFFFF" d="M279.68,17.014c0.518,0,1.072,0.053,1.665,0.158l-0.214,1.07c-0.511-0.127-1.039-0.192-1.587-0.192
+		c-1.044,0-1.899,0.443-2.567,1.329c-0.668,0.886-1.002,2.004-1.002,3.355v6.759h-1.115V17.25h0.945l0.113,2.207h0.078
+		c0.503-0.901,1.04-1.534,1.609-1.897C278.177,17.196,278.868,17.014,279.68,17.014"/>
+	<path fill="#FFFFFF" d="M298.896,29.49v-8.029c0-1.192-0.232-2.063-0.697-2.612c-0.467-0.548-1.18-0.822-2.141-0.822
+		c-1.254,0-2.182,0.345-2.781,1.036c-0.602,0.69-0.9,1.775-0.9,3.253v7.174h-1.138v-8.367c0-2.063-0.945-3.096-2.839-3.096
+		c-1.282,0-2.219,0.374-2.803,1.121c-0.586,0.747-0.88,1.942-0.88,3.586v6.756h-1.114V17.25h0.924l0.236,1.678h0.067
+		c0.338-0.608,0.817-1.079,1.44-1.414c0.623-0.333,1.311-0.501,2.062-0.501c1.929,0,3.168,0.725,3.716,2.174h0.047
+		c0.396-0.698,0.932-1.235,1.604-1.61c0.671-0.375,1.436-0.563,2.292-0.563c1.336,0,2.338,0.357,3.006,1.07s1.003,1.847,1.003,3.4
+		v8.007L298.896,29.49L298.896,29.49z"/>
+	<path fill="#FFFFFF" d="M117.465,24.746c0.694-0.701,0.757-1.672,0.757-2.219c0-2.181-1.305-5.579-3.809-5.579
+		c-0.79,0-1.634,0.391-2.119,0.999c-0.514,0.638-0.667,1.453-0.667,2.246c0,2.032,1.181,5.407,3.784,5.407
+		C116.16,25.6,116.979,25.234,117.465,24.746 M116.585,30.512c-0.239-0.027-0.392-0.027-0.69-0.027c-0.275,0-1.91,0.056-3.178,0.48
+		c-0.666,0.246-2.602,0.979-2.602,3.129c0,2.152,2.093,3.707,5.327,3.707c2.895,0,4.44-1.402,4.44-3.281
+		C119.882,32.971,118.886,32.158,116.585,30.512 M118.735,17.034c0.692,0.582,2.146,1.792,2.146,4.099
+		c0,2.248-1.276,3.309-2.544,4.314c-0.388,0.396-0.843,0.816-0.843,1.488c0,0.666,0.455,1.026,0.786,1.301l1.089,0.85
+		c1.329,1.123,2.541,2.15,2.541,4.252c0,2.848-2.754,5.734-7.955,5.734c-4.381,0-6.497-2.094-6.497-4.344
+		c0-1.088,0.54-2.633,2.33-3.701c1.87-1.15,4.412-1.305,5.771-1.396c-0.419-0.545-0.911-1.123-0.911-2.063
+		c0-0.514,0.156-0.82,0.307-1.182c-0.336,0.03-0.666,0.059-0.97,0.059c-3.205,0-5.016-2.4-5.016-4.766
+		c0-1.401,0.639-2.943,1.935-4.064c1.72-1.432,3.777-1.674,5.411-1.674h6.228l-1.937,1.092L118.735,17.034L118.735,17.034z"/>
+	<path fill="#FFFFFF" d="M103.471,27.572c0.726-0.971,0.912-2.176,0.912-3.367c0-2.666-1.27-7.753-5.011-7.753
+		c-1,0-1.996,0.39-2.722,1.029c-1.175,1.058-1.391,2.39-1.391,3.697c0,3.002,1.484,7.939,5.137,7.939
+		C101.568,29.117,102.779,28.545,103.471,27.572 M99.699,30.025c-4.799,0-7.364-3.76-7.364-7.15c0-3.971,3.227-7.365,7.818-7.365
+		c4.435,0,7.212,3.486,7.212,7.15C107.365,26.236,104.621,30.025,99.699,30.025"/>
+	<path fill="#FFFFFF" d="M87.112,27.572c0.729-0.971,0.904-2.176,0.904-3.367c0-2.666-1.264-7.753-5.011-7.753
+		c-0.996,0-1.987,0.39-2.714,1.029c-1.177,1.058-1.389,2.39-1.389,3.697c0,3.002,1.478,7.939,5.128,7.939
+		C85.21,29.117,86.419,28.545,87.112,27.572 M83.338,30.025c-4.802,0-7.364-3.76-7.364-7.15c0-3.971,3.227-7.365,7.817-7.365
+		c4.438,0,7.217,3.486,7.217,7.15C91.009,26.236,88.26,30.025,83.338,30.025"/>
+	<path fill="#FFFFFF" d="M128.327,28.68c-1.004-0.098-1.214-0.281-1.214-1.465v-0.34V9.969c0.009-0.068,0.012-0.131,0.02-0.197
+		c0.122-1.071,0.428-1.248,1.365-1.802h-4.34l-2.279,1.097h2.324v0.016L124.2,9.078v17.797v1.01c0,0.609-0.122,0.697-0.822,1.607
+		h5.372l1.131-0.67C129.361,28.77,128.843,28.732,128.327,28.68"/>
+	<path fill="#FFFFFF" d="M137.846,19.938c0.573-0.213,0.874-0.392,0.874-0.813c0-1.216-1.356-2.61-2.985-2.61
+		c-1.207,0-3.469,0.945-3.469,4.211c0,0.515,0.066,1.058,0.091,1.597L137.846,19.938z M140.677,28.955
+		c-0.332,0.184-0.666,0.398-0.997,0.545c-0.991,0.459-2.016,0.574-2.921,0.574c-0.964,0-2.468-0.057-4.015-1.186
+		c-2.129-1.503-3.074-4.111-3.074-6.382c0-4.689,3.804-6.987,6.907-6.987c1.086,0,2.208,0.276,3.103,0.845
+		c1.507,0.996,1.904,2.297,2.109,2.995l-7.076,2.875l-2.327,0.184c0.752,3.846,3.348,6.084,6.214,6.084
+		c1.533,0,2.646-0.545,3.673-1.055L140.677,28.955z"/>
+	<path fill="#FFFFFF" d="M73.664,29.551l-4.337,1.006c-1.762,0.273-3.337,0.523-5.006,0.523c-8.376,0-11.56-6.191-11.56-11.035
+		c0-5.911,4.521-11.392,12.254-11.392c1.64,0,3.223,0.242,4.647,0.637c2.271,0.641,3.339,1.439,4.002,1.888l-2.513,2.405
+		l-1.063,0.245l0.756-1.218c-1.035-1.004-2.913-2.856-6.492-2.856c-4.796,0-8.406,3.653-8.406,8.984
+		c0,5.728,4.128,11.118,10.741,11.118c1.945,0,2.945-0.397,3.856-0.764v-4.902l-4.583,0.238l2.423-1.305h6.433l-0.785,0.764
+		c-0.213,0.178-0.246,0.238-0.304,0.48c-0.031,0.279-0.062,1.166-0.062,1.471L73.664,29.551L73.664,29.551z"/>
+</g>
+</svg>
diff --git a/index.html b/index.html
old mode 100644
new mode 100755
index b7c0487ced06..43190a99cbad
--- a/index.html
+++ b/index.html
@@ -1,5 +1,140 @@
-<!DOCTYPE html>
+<!doctype html>
+<!--[if lt IE 7]>    <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>     <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>     <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
   <head>
-    <meta http-equiv="refresh" content="0; url=/gcloud-python/latest/">
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>gcloud</title>
+    <meta name="description" content="Node idiomatic client for Google Cloud services.">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="shortcut icon" href="https://cloud.google.com/images/gcp-favicon.ico">
+    <link rel="stylesheet" href="_landing-page-static/css/normalize.css">
+    <link rel="stylesheet" href="_landing-page-static/css/main.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono|Roboto:300,400,700,700italic,400italic|Open+Sans:300">
+    <link rel="stylesheet" href="https://yandex.st/highlightjs/8.0/styles/github.min.css">
   </head>
-</html>
+  <body>
+<header class="page-header" role="banner">
+  <h1 class="logo"><img src="_landing-page-static/images/logo-full.svg" alt="Google Cloud Platform" /></h1>
+</header><!-- end of .page-header -->
+
+<article class="main" role="main">
+  <section class="hero-banner">
+    <div class="container clearfix">
+      <div class="col col-left">
+        <h1>gcloud</h1>
+        <p>Google Cloud Client Library for Python
+        - an idiomatic, intuitive, and natural way for Python developers to
+        integrate with Google Cloud Platform services, like Cloud Datastore
+        and Cloud Storage.</p>
+      </div><!-- end of .col.col-left -->
+
+      <div class="col col-right">
+        <h2>One-line install</h2>
+        <pre>$ pip install --upgrade gcloud</pre>
+      </div>
+    </div><!-- end of .container -->
+  </section><!-- end of .hero-banner -->
+
+  <section class="block featuring">
+    <div class="container">
+      <ul class="featuring-links">
+        <li>
+          <a href="/gcloud-python/latest/" title="gcloud-python docs" class="btn btn-docs">
+            <img src="_landing-page-static/images/icon-lang-python.svg" alt="Python icon" />
+            Read the Docs
+          </a>
+        </li>
+        <li>
+          <a href="https://github.com/GoogleCloudPlatform/gcloud-python" title="gcloud-python on GitHub" class="ext-link">
+            <img src="_landing-page-static/images/icon-link-github.svg" alt="GitHub icon" />
+            GitHub
+          </a>
+        </li>
+        <li>
+          <a href="https://github.com/GoogleCloudPlatform/gcloud-python/issues" title="gcloud-python issues on Github" class="ext-link">
+            <img src="_landing-page-static/images/icon-link-github.svg" alt="GitHub icon" />
+            Issues
+          </a>
+        </li>
+        <li>
+          <a href="http://stackoverflow.com/questions/tagged/gcloud-python" title="gcloud-python on StackOverflow" class="ext-link">
+            <img src="_landing-page-static/images/icon-link-stackoverflow.svg" alt="StackOverflow icon" />
+            StackOverflow
+          </a>
+        </li>
+        <li>
+          <a href="https://pypi.python.org/pypi/gcloud" title="gcloud-python on PyPI" class="ext-link">
+            <img src="_landing-page-static/images/icon-link-package-manager.svg" alt="PyPI icon" />
+            PyPI
+          </a>
+        </li>
+      </ul>
+    </div><!-- end of .container -->
+  </section><!-- end of .featuring -->
+
+  <section class="block about">
+    <div class="container clearfix">
+      <div class="col col-left">
+        <h3 class="block-title">What is it?</h3>
+
+        <p><code>gcloud</code> is a client library for accessing Google
+        Cloud Platform services that significantly reduces the boilerplate
+        code you have to write. The library provides high-level API
+        abstractions so they're easier to understand. It embraces
+        idioms of Python, works well with the standard library, and
+        integrates better with your codebase.
+        All this means you spend more time creating code that matters
+        to you.</p>
+
+        <p><code>gcloud</code> is configured to access Google Cloud Platform
+        services and authorize (OAuth 2.0) automatically on your behalf.
+        With a one-line install and a private key, you are up and ready
+        to go. Better yet, if you are running on a Google Compute Engine
+        instance, the one-line install is enough!</p>
+
+      </div><!-- end of .col.col-left -->
+    </div><!-- end of .container -->
+  </section><!-- end of .featuring -->
+
+  <section class="block examples">
+    <div class="container clearfix">
+      <h3 class="block-title">Examples</h3>
+
+      <ul>
+        <li>
+          <a href="https://github.com/GoogleCloudPlatform/gcloud-python-expenses-demo"><code>gcloud-python-expenses-demo</code></a> - Use gcloud-python with the Datastore and Cloud Storage to manage expenses
+        </li>
+      </ul>
+    </div>
+  </section>
+
+   <section class="block">
+      <div class="container clearfix">
+      <h3 class="block-title">FAQ</h3>
+
+      <h4>What is the relationship between the <code>gcloud</code> package
+      and the <code>gcloud</code> command-line tool?</h4>
+      <p>Both the <code>gcloud</code> command-line tool and
+      <code>gcloud</code> package are a part of the Google Cloud SDK: a collection
+      of tools and libraries that enable you to easily create and manage
+      resources on the Google Cloud Platform. The <code>gcloud</code> command-line
+      tool can be used to manage both your development workflow and your
+      Google Cloud Platform resources while the <code>gcloud</code> package is the
+      Google Cloud Client Library for Python.</p>
+
+      <h4>What is the relationship between <code>gcloud</code>
+      and the Google APIs Python Client?</h4>
+      <p>The <a href="https://github.com/google/google-api-python-client">
+      Google APIs Python Client</a> is a client library for
+      using the broad set of Google APIs.
+      <code>gcloud</code> is built specifically for the Google Cloud Platform
+      and is the recommended way to integrate Google Cloud APIs into your
+      Python applications. If your application requires both Google Cloud Platform and
+      other Google APIs, the 2 libraries may be used by your application.</p>
+      </div>
+  </section> <!-- end of FAQ -->
+</article><!-- end of .main -->
+</body>