http://git-wip-us.apache.org/repos/asf/beam-site/blob/9151d669/src/images/beam_logo_circle.svg
----------------------------------------------------------------------
diff --git a/src/images/beam_logo_circle.svg b/src/images/beam_logo_circle.svg
new file mode 100644
index 0000000..2e12465
--- /dev/null
+++ b/src/images/beam_logo_circle.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" 
xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink";>
+    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch 
-->
+    <title>Group 3</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="2.79267203e-05%" y1="49.999466%" x2="100.00014%" 
y2="49.999466%" id="linearGradient-1">
+            <stop stop-color="#FFC400" offset="0%"></stop>
+            <stop stop-color="#FECD00" offset="13.695%"></stop>
+            <stop stop-color="#FED400" offset="36.528%"></stop>
+            <stop stop-color="#FED600" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="-92.6181005%" y1="50.0006594%" x2="99.9998965%" 
y2="50.0006594%" id="linearGradient-2">
+            <stop stop-color="#FFFF00" stop-opacity="0.7" offset="0%"></stop>
+            <stop stop-color="#FFF600" stop-opacity="0.66022" 
offset="13.194%"></stop>
+            <stop stop-color="#FEEF00" stop-opacity="0.62592" 
offset="31.385%"></stop>
+            <stop stop-color="#FEEA00" stop-opacity="0.60587" 
offset="54.652%"></stop>
+            <stop stop-color="#FEE900" stop-opacity="0.6" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" 
fill-rule="evenodd">
+        <g id="Design---Desktop-Landscape" transform="translate(-115.000000, 
-2421.000000)">
+            <g id="Group-5" transform="translate(115.000000, 2421.000000)">
+                <g id="Group-3">
+                    <circle id="Oval-2" fill="#FFFFFF" cx="32" cy="32" 
r="32"></circle>
+                    <g id="beam-logo-3-color-nameless" 
transform="translate(20.425532, 15.659574)" fill-rule="nonzero">
+                        <g id="Layer_1">
+                            <polygon id="Shape" fill="#FEE900" 
points="0.13289689 11.241305 8.33767594 16.3415603 17.1963993 10.8348369 
17.1963993 6.53503546 0.13289689 1.23733333"></polygon>
+                            <polygon id="Shape" fill="#FFC400" 
points="0.13289689 1.23733333 0.13289689 11.241305 0.13289689 11.3758865 
0.13289689 21.4415887 17.1963993 10.8348369 17.1963993 6.53503546"></polygon>
+                            <polygon id="Shape" fill="url(#linearGradient-1)" 
opacity="0.75" points="0.13289689 11.3663546 0.13289689 21.4322837 8.33767594 
16.3320284 0.13289689 11.232"></polygon>
+                            <polygon id="Shape" fill="#FFC400" 
points="0.13289689 11.241305 0.13289689 21.4415887 0.13289689 31.3443404 
17.1963993 26.1480851 17.1963993 21.8480567"></polygon>
+                            <polygon id="Shape" fill="#FFE082" 
points="0.0572831424 23.0729078 0.0572831424 24.9134752 17.1963993 26.4249645 
17.1963993 21.5614184"></polygon>
+                            <polygon id="Shape" fill="#FFE082" points="0 
7.82139007 0 9.66195745 17.1168903 11.1734468 17.1168903 6.30990071"></polygon>
+                            <polygon id="Shape" fill="#FEE900" 
points="0.13289689 1.23733333 17.1963993 6.53503546 17.1963993 
6.53503546"></polygon>
+                            <polygon id="Shape" fill="url(#linearGradient-2)" 
points="8.33767594 16.3415603 17.1963993 10.8348369 8.33767594 
16.3415603"></polygon>
+                            <path d="M15.246889,23.9931348 
C15.2468836,24.5052527 15.4522753,24.9963971 15.8178793,25.3585192 
C16.1834833,25.7206413 16.6793503,25.9240769 17.1963925,25.9240715 
L17.1963925,22.0622003 C16.1197144,22.0622053 15.2468954,22.9267108 
15.246889,23.9931348 Z" id="Shape" fill="#FFFFFF"></path>
+                            <path d="M15.246889,8.74171234 
C15.2468836,9.25383026 15.4522753,9.74497473 15.8178793,10.1070968 
C16.1834833,10.4692188 16.6793503,10.6726545 17.1963925,10.6726491 
L17.1963925,6.81078241 C16.1197162,6.81078742 15.2468979,7.67529016 
15.246889,8.74171234 Z" id="Shape" fill="#FFFFFF"></path>
+                            <path d="M23.3198573,20.6618576 
C23.1011447,19.8865692 22.7536265,19.1527617 22.2915584,18.4905373 
C21.8192278,17.821481 21.2298805,17.2414996 20.5513584,16.7779926 
C19.7976452,16.2691723 18.9602397,15.8942247 18.0766602,15.6699484 
C19.6434443,15.0134763 20.8337116,14.0882398 21.6474622,12.8942389 
C22.4595056,11.7058093 22.8853345,10.2998971 22.8678612,8.8649827 
C22.9013019,7.50750871 22.6352101,6.15916236 22.088162,4.91407433 
C21.5868989,3.82507909 20.8128094,2.88113422 19.839455,2.17194213 
C18.7591986,1.41022163 17.5382241,0.866395918 16.246056,0.571431489 
C14.6765683,0.20354292 13.0675924,0.0268887702 11.4548619,0.0453923404 
L0.177467758,0.0453923404 L0.177467758,1.30324652 L16.8798779,6.45739574 
C17.0686231,6.51820458 17.1963929,6.69244842 17.1963925,6.88903716 
L17.1963925,10.5826542 C17.1963925,10.7468816 17.1068293,10.8983004 
16.9621938,10.9785986 L8.40479574,16.3415308 L16.9621938,21.7044857 
C17.1068312,21.7847817 17.1963972,21.9361997 17.1963993,2
 2.1004278 L17.1963993,25.7940448 C17.1963997,25.9906336 17.06863,26.1648774 
16.8798848,26.2256862 L0.177467758,31.3798309 L0.177467758,32.6376987 
L12.2458619,32.6376987 C13.8598743,32.6589296 15.4688959,32.4554785 
17.0257597,32.0333095 C18.3347667,31.6807579 19.5574646,31.067577 
20.6191588,30.2312261 C21.6046822,29.4346515 22.3802251,28.4130032 
22.8791574,27.254055 C23.4228284,25.945127 23.6882512,24.539247 
23.6588566,23.1241782 C23.6613753,22.2918257 23.5472879,21.463152 
23.3198573,20.6618576 L23.3198573,20.6618576 Z" id="Shape" stroke="#FF6D00" 
stroke-width="0.4" fill="#FF6D00"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/beam-site/blob/9151d669/src/images/card_border.svg
----------------------------------------------------------------------
diff --git a/src/images/card_border.svg b/src/images/card_border.svg
new file mode 100644
index 0000000..8b25a09
--- /dev/null
+++ b/src/images/card_border.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="243px" height="2px" viewBox="0 0 243 2" version="1.1" 
xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink";>
+    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch 
-->
+    <title>Rectangle 2</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" 
id="linearGradient-1">
+            <stop stop-color="#FBDA61" offset="0%"></stop>
+            <stop stop-color="#F76B1C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" 
fill-rule="evenodd">
+        <g id="Group" fill="url(#linearGradient-1)">
+            <g id="Rectangle-2">
+                <rect transform="translate(121.500000, 1.000000) 
rotate(-270.000000) translate(-121.500000, -1.000000) " x="120.5" y="-120.5" 
width="2" height="243"></rect>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/beam-site/blob/9151d669/src/images/cards_bg.svg
----------------------------------------------------------------------
diff --git a/src/images/cards_bg.svg b/src/images/cards_bg.svg
new file mode 100644
index 0000000..7810bfb
--- /dev/null
+++ b/src/images/cards_bg.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 
6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"; 
xmlns:xlink="http://www.w3.org/1999/xlink"; x="0px" y="0px"
+        viewBox="334 278 1280 237" style="enable-background:new 334 278 1280 
237;" xml:space="preserve">
+<style type="text/css">
+       .st0{fill:url(#Rectangle-Copy_1_);}
+</style>
+<title>Rectangle Copy</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1">
+       <g id="Design---Desktop-Landscape" transform="translate(0.000000, 
-1592.000000)">
+               
+                       <linearGradient id="Rectangle-Copy_1_" 
gradientUnits="userSpaceOnUse" x1="667.7352" y1="2382.8274" x2="668.743" 
y2="2383.8352" gradientTransform="matrix(1280 0 0 -237 -854372 566838)">
+                       <stop  offset="0" style="stop-color:#FBDA61"/>
+                       <stop  offset="1" style="stop-color:#F76B1C"/>
+               </linearGradient>
+               <rect id="Rectangle-Copy" x="324" y="1870" class="st0" 
width="1300" height="237"/>
+       </g>
+</g>
+</svg>

http://git-wip-us.apache.org/repos/asf/beam-site/blob/9151d669/src/images/hero_bg.svg
----------------------------------------------------------------------
diff --git a/src/images/hero_bg.svg b/src/images/hero_bg.svg
new file mode 100644
index 0000000..1bd7355
--- /dev/null
+++ b/src/images/hero_bg.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 
6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"; 
xmlns:xlink="http://www.w3.org/1999/xlink"; x="0px" y="0px"
+        viewBox="334 84 1280 625" style="enable-background:new 334 84 1280 
625;" xml:space="preserve">
+<style type="text/css">
+       .st0{fill:url(#Rectangle_1_);}
+       .st1{opacity:0.418;fill:url(#Rectangle_3_);enable-background:new    ;}
+       .st2{opacity:0.3426;fill:url(#SVGID_1_);enable-background:new    ;}
+</style>
+<title>Group 6</title>
+<desc>Created with Sketch.</desc>
+<g id="Group-6">
+       
+               <linearGradient id="Rectangle_1_" 
gradientUnits="userSpaceOnUse" x1="1335.1388" y1="1.0528" x2="1336.1388" 
y2="5.280000e-02" gradientTransform="matrix(1280 0 0 625 -1708744 2)">
+               <stop  offset="0" style="stop-color:#FBA43B"/>
+               <stop  offset="1" style="stop-color:#F76B1C"/>
+       </linearGradient>
+       <polygon id="Rectangle" class="st0" points="334,84 1614,84 1614,513 
334,709     "/>
+       
+               <linearGradient id="Rectangle_3_" 
gradientUnits="userSpaceOnUse" x1="1335.2172" y1="1.2515" x2="1336.2172" 
y2="0.2515" gradientTransform="matrix(1280 0 0 326 -1708744 301)">
+               <stop  offset="0" style="stop-color:#FBDA61"/>
+               <stop  offset="0.3622" 
style="stop-color:#F9B248;stop-opacity:0.6378"/>
+               <stop  offset="1" style="stop-color:#F76B1C;stop-opacity:0"/>
+       </linearGradient>
+       <polygon id="Rectangle_2_" class="st1" points="334,579 1614,383 
1614,513 334,709        "/>
+       
+               <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" 
x1="924.5751" y1="448.575" x2="1380.4249" y2="-7.275" 
gradientTransform="matrix(1 0 0 -1 0 794)">
+               <stop  offset="0" style="stop-color:#FBDA61;stop-opacity:0"/>
+               <stop  offset="1" style="stop-color:#F76B1C"/>
+       </linearGradient>
+       <polygon class="st2" points="1614,437.7 691,579 691,709 1614,567.7      
"/>
+</g>
+</svg>

http://git-wip-us.apache.org/repos/asf/beam-site/blob/9151d669/src/images/hero_bg_flat.svg
----------------------------------------------------------------------
diff --git a/src/images/hero_bg_flat.svg b/src/images/hero_bg_flat.svg
new file mode 100644
index 0000000..ab416a1
--- /dev/null
+++ b/src/images/hero_bg_flat.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 
6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"; 
xmlns:xlink="http://www.w3.org/1999/xlink"; x="0px" y="0px"
+        viewBox="334 84 1280 625" style="enable-background:new 334 84 1280 
625;" xml:space="preserve">
+<style type="text/css">
+       .st0{fill:url(#Rectangle_3_);}
+       .st1{opacity:0.418;fill:url(#Rectangle_4_);enable-background:new    ;}
+       .st2{opacity:0.418;fill:url(#Rectangle_5_);enable-background:new    ;}
+       .st3{opacity:0.3426;fill:url(#SVGID_1_);enable-background:new    ;}
+       .st4{opacity:0.3426;fill:url(#SVGID_2_);enable-background:new    ;}
+</style>
+<title>Group 6</title>
+<desc>Created with Sketch.</desc>
+<g id="Group-6">
+       
+               <linearGradient id="Rectangle_3_" 
gradientUnits="userSpaceOnUse" x1="2670.2119" y1="1.0128" x2="2671.135" 
y2="8.961533e-02" gradientTransform="matrix(1280 0 0 625 -3417488 4)">
+               <stop  offset="0" style="stop-color:#FBA43B"/>
+               <stop  offset="1" style="stop-color:#F76B1C"/>
+       </linearGradient>
+       <polygon id="Rectangle" class="st0" points="334,84 1614,84 1614,613 
334,613     "/>
+       
+               <linearGradient id="Rectangle_4_" 
gradientUnits="userSpaceOnUse" x1="2670.3237" y1="1.1687" x2="2671.0232" 
y2="0.4693" gradientTransform="matrix(1280 0 0 326 -3417488 303)">
+               <stop  offset="0" style="stop-color:#FBDA61;stop-opacity:0.2"/>
+               <stop  offset="1" style="stop-color:#F76B1C;stop-opacity:0"/>
+       </linearGradient>
+       <polygon id="Rectangle_2_" class="st1" points="334,505 1614,505 
1614,635 334,635        "/>
+       
+               <linearGradient id="Rectangle_5_" 
gradientUnits="userSpaceOnUse" x1="2670.4817" y1="1.2388" x2="2671.0144" 
y2="0.706" gradientTransform="matrix(1280 0 0 326 -3417488 303)">
+               <stop  offset="0" style="stop-color:#F76B1C;stop-opacity:0"/>
+               <stop  offset="1" 
style="stop-color:#F9B248;stop-opacity:0.6378"/>
+       </linearGradient>
+       <polygon id="Rectangle_1_" class="st2" points="525,585 1614,585 
1614,655 525,655        "/>
+       
+               <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" 
x1="889.5751" y1="451.575" x2="1415.4249" y2="-74.275" 
gradientTransform="matrix(1 0 0 -1 0 796)">
+               <stop  offset="0" style="stop-color:#FBDA61;stop-opacity:0"/>
+               <stop  offset="1" style="stop-color:#F76B1C"/>
+       </linearGradient>
+       <polygon class="st3" points="1614,541.7 691,543 691,673 1614,671.7      
"/>
+       
+               <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" 
x1="621.8" y1="615.2" x2="1326.2" y2="-89.2" gradientTransform="matrix(1 0 0 -1 
0 796)">
+               <stop  offset="0" style="stop-color:#FBDA61;stop-opacity:0"/>
+               <stop  offset="1" style="stop-color:#F76B1C"/>
+       </linearGradient>
+       <polygon class="st4" points="1614,467.4 334,468.6 334,598.6 1614,597.4  
"/>
+</g>
+</svg>

http://git-wip-us.apache.org/repos/asf/beam-site/blob/9151d669/src/images/logo_apex.png
----------------------------------------------------------------------
diff --git a/src/images/logo_apex.png b/src/images/logo_apex.png
new file mode 100644
index 0000000..c3ea302
Binary files /dev/null and b/src/images/logo_apex.png differ

http://git-wip-us.apache.org/repos/asf/beam-site/blob/9151d669/src/images/logo_flink.png
----------------------------------------------------------------------
diff --git a/src/images/logo_flink.png b/src/images/logo_flink.png
new file mode 100644
index 0000000..2202def
Binary files /dev/null and b/src/images/logo_flink.png differ

http://git-wip-us.apache.org/repos/asf/beam-site/blob/9151d669/src/images/logo_google_cloud.png
----------------------------------------------------------------------
diff --git a/src/images/logo_google_cloud.png b/src/images/logo_google_cloud.png
new file mode 100644
index 0000000..31d208e
Binary files /dev/null and b/src/images/logo_google_cloud.png differ

http://git-wip-us.apache.org/repos/asf/beam-site/blob/9151d669/src/images/logo_spark.png
----------------------------------------------------------------------
diff --git a/src/images/logo_spark.png b/src/images/logo_spark.png
new file mode 100644
index 0000000..868220a
Binary files /dev/null and b/src/images/logo_spark.png differ

http://git-wip-us.apache.org/repos/asf/beam-site/blob/9151d669/src/index.md
----------------------------------------------------------------------
diff --git a/src/index.md b/src/index.md
index be09975..99384a7 100644
--- a/src/index.md
+++ b/src/index.md
@@ -1,37 +1,152 @@
 ---
 layout: default
----
-
-# Apache Beam
+body_class: body--index
 
-#### Apache Beam provides an advanced unified programming model, allowing you 
to implement batch and streaming data processing jobs that can run on any 
execution engine.
+logos:
+- title: APEX
+  image_url: /images/logo_apex.png
+  url: "http://apex.apache.org";
+- title: Flink
+  image_url: /images/logo_flink.png
+  url: "http://flink.apache.org";
+- title: Spark
+  image_url: /images/logo_spark.png
+  url: http://spark.apache.org/
+- title: Google Cloud Dataflow
+  image_url: /images/logo_google_cloud.png
+  url: https://cloud.google.com/dataflow/
 
-Apache Beam is:
-* **UNIFIED** - Use a single programming model for both batch and streaming 
use cases.
-* **PORTABLE** - Execute pipelines on multiple execution environments, 
including Apache Apex, Apache Flink, Apache Spark, and Google Cloud Dataflow.
-* **EXTENSIBLE** - Write and share new SDKs, IO connectors, and transformation 
libraries. 
+pillars:
+- title: Unified
+  body: Use a single programming model for both batch and streaming use cases.
+- title: Portable
+  body: Execute pipelines on multiple execution environments.
+- title: Extensible
+  body: Write and share new SDKs, IO connectors, and transformation libraries.
 
-## Get Started
-
-To use Beam for your data processing tasks, start by reading the [Beam 
Overview]({{ site.baseurl }}/get-started/beam-overview) and performing the 
steps in the Quickstart for [Java]({{ site.baseurl 
}}/get-started/quickstart-java) or [Python]({{ site.baseurl 
}}/get-started/quickstart-py). Then dive into the [Documentation]({{ 
site.baseurl }}/documentation/) section for in-depth concepts and reference 
materials for the Beam model, SDKs, and runners.                                
    
+cards:
+- quote: "Apache Beam is a powerful framework that delivers the flexibility 
and advanced functionality our customers needs."
+  name: Talend
+- quote: "Apache Beam [has] powerful semantics that solve real-world 
challenges of stream processing."
+  name: PayPal
+- quote: "Apache Beam represents a principled approach for analyzing data 
streams."
+  name: data Artisans
+---
+<div class="hero-bg">
+  <div class="hero section">
+    <div class="hero__cols">
+      <div class="hero__cols__col">
+        <div class="hero__cols__col__content">
+          <div class="hero__title">
+            Apache Beam: An advanced unified programming model
+          </div>
+          <div class="hero__subtitle">
+            Implement batch and streaming data processing jobs that run on any 
execution engine.
+          </div>
+          <div class="hero__ctas hero__ctas--first">
+            <a class="button button--primary" 
href="{{'/get-started/beam-overview/'|prepend:site.baseurl}}">Learn more</a>
+          </div>
+          <div class="hero__ctas">
+            <a class="button" 
href="{{'/get-started/quickstart-java/'|prepend:site.baseurl}}">Java 
Quickstart</a>
+            <a class="button" 
href="{{'/get-started/quickstart-py/'|prepend:site.baseurl}}">Python 
Quickstart</a>
+          </div>
+        </div>
+      </div>
+      <div class="hero__cols__col">
+        <div class="hero__blog">
+          <div class="hero__blog__title">
+            The latest from the blog
+          </div>
+          <div class="hero__blog__cards">
+            {% for post in site.posts limit:3 %}
+            <a class="hero__blog__cards__card" href="{{ post.url | prepend: 
site.baseurl }}">
+              <div class="hero__blog__cards__card__title">{{post.title}}</div>
+              <div class="hero__blog__cards__card__date">{{ post.date | date: 
"%b %-d, %Y" }}</div>
+            </a>
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 
-## Contribute 
+<div class="pillars section">
+  <div class="pillars__title">
+    All about Apache Beam
+  </div>
+  <div class="pillars__cols">
+    {% for pillar in page.pillars %}
+    <div class="pillars__cols__col">
+      <div class="pillars__cols__col__title">
+        {{pillar.title}}
+      </div>
+      <div class="pillars__cols__col__body">
+        {{pillar.body}}
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+</div>
 
-Beam is an [Apache Software Foundation](http://www.apache.org) project, 
available under the Apache v2 license. Beam is an open source community and 
contributions are greatly appreciated! If you'd like to contribute, please see 
the [Contribute]({{ site.baseurl }}/contribute/) section.
+<div class="graphic section">
+<div class="graphic__image">
+<img src="{{ '/images/beam_architecture.png' | prepend: site.baseurl }}" 
alt="Beam architecture">
+</div>
+</div>
 
-<hr>
-<div class="row">
-  <div class="col-md-6">
-    <h2>Blog</h2>
-    <div class="list-group">
-    {% for post in site.posts limit:7 %}
-    <a class="list-group-item" href="{{ post.url | prepend: site.baseurl 
}}">{{ post.date | date: "%b %-d, %Y" }} - {{ post.title }}</a>
+<div class="logos section">
+  <div class="logos__title">
+    Works with
+  </div>
+  <div class="logos__logos">
+    {% for logo in page.logos %}
+    <div class="logos__logos__logo">
+      <a href="{{ logo.url | prepend: base.siteUrl }}"><img 
src="{{logo.image_url|prepend:site.baseurl}}" alt="{{logo.title}}"></a>
+    </div>
     {% endfor %}
+  </div>
+</div>
+
+<div class="cards section section--wide">
+  <div class="section__contained">
+    <div class="cards__title">
+      A collaborative effort
     </div>
+    <div class="cards__cards">
+      {% for card in page.cards %}
+      <div class="cards__cards__card">
+        <div class="cards__cards__card__body">
+          {{card.quote}}
+        </div>
+        <div class="cards__cards__card__user">
+          <!-- TODO: Implement icons.
+          <div class="cards__cards__card__user__icon">
+          </div>
+          -->
+          <div class="cards__cards__card__user__name">
+            {{card.name}}
+          </div>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+    <div class="cards__body">
+      Beam is an open source community and contributions are greatly 
appreciated!
+      If you’d like to contribute, please see the <a 
href="{{'/contribute/'|prepend:site.baseurl}}">Contribute</a> section.
+    </div>
+  </div>
+</div>
+
+<div class="ctas section">
+  <div class="ctas__title">
+    Get started
+  </div>
+  <div class="ctas__ctas ctas__ctas--top">
+  <a class="button button--primary" 
href="{{'/get-started/beam-overview/'|prepend:site.baseurl}}">Learn more</a>
   </div>
-  <div class="col-md-6">
-    <h2>Twitter</h2>
-    <a class="twitter-timeline" href="https://twitter.com/ApacheBeam"; 
data-widget-id="697809684422533120">Tweets by @ApacheBeam</a>
-    <script>!function(d,s,id){var 
js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+  <div class="ctas__ctas">
+  <a class="button" 
href="{{'/get-started/quickstart-java/'|prepend:site.baseurl}}">Java 
Quickstart</a>
+  <a class="button" 
href="{{'/get-started/quickstart-py/'|prepend:site.baseurl}}">Python 
Quickstart</a>
   </div>
 </div>

http://git-wip-us.apache.org/repos/asf/beam-site/blob/9151d669/src/styles/site.scss
----------------------------------------------------------------------
diff --git a/src/styles/site.scss b/src/styles/site.scss
deleted file mode 100644
index 5970d32..0000000
--- a/src/styles/site.scss
+++ /dev/null
@@ -1,7 +0,0 @@
----
----
-
-@import "bootstrap";
-@import "_syntax-highlighting";
-@import "capability-matrix";
-@import "_toggler-nav"
\ No newline at end of file

Reply via email to