diff --git a/css/global.css b/css/global.css
index d819cecf1330d8e79a128d633266b61e52356e04..cb846f337e9f3a642cb076793e327ac48e04fae2 100644
--- a/css/global.css
+++ b/css/global.css
@@ -518,6 +518,10 @@ h2 {
 h3 {
   font-weight: 700; }
 
+h5 {
+  font-weight: 500;
+  font-size: 1.125; }
+
 h6 {
   text-transform: uppercase;
   letter-spacing: 0.5em;
@@ -845,6 +849,48 @@ section.press {
         -o-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         transform: rotate(0deg); }
+section.how {
+  position: relative;
+  margin-top: 50px;
+  margin-bottom: 50px; }
+  section.how h6 {
+    text-align: center;
+    margin-bottom: 40px; }
+  section.how .step {
+    margin: 10px;
+    padding: 10px;
+    text-align: center;
+    position: relative; }
+    section.how .step:before {
+      content: "";
+      width: 100%;
+      border-top: 2px solid #D8D8D8;
+      position: absolute;
+      top: 60px;
+      left: 0;
+      opacity: 0.5; }
+    section.how .step span.icon {
+      display: block;
+      margin: 0 auto;
+      border: 20px solid white;
+      position: relative;
+      background: white;
+      width: 60px;
+      height: 60px; }
+    section.how .step h5 {
+      padding-bottom: 10px; }
+      section.how .step h5 span {
+        background: #F1F1F1;
+        display: inline-block;
+        padding: 3.33333px 10px;
+        border-radius: 5px;
+        font-weight: 800;
+        color: #3F3F3F;
+        text-transform: uppercase;
+        font-size: 0.8em;
+        margin-bottom: 10px; }
+    section.how .step p {
+      opacity: 0.7; }
 section.answers {
   padding: 60px 0; }
   section.answers h6 {
diff --git a/img/icon-analysis.svg b/img/icon-analysis.svg
new file mode 100644
index 0000000000000000000000000000000000000000..82a1d413ffd47aa08a78b77edc4c95653d09f002
--- /dev/null
+++ b/img/icon-analysis.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="60px" height="52px" viewBox="0 0 60 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-analysis</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="blocpower.io" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Icons" transform="translate(-292.000000, -156.000000)" stroke-width="2" stroke="#20D3A3">
+            <g id="icon-analysis" transform="translate(293.000000, 157.000000)">
+                <polygon id="Stroke-284" points="57.75 40.25 27.75 40.25 17.75 49.71 17.75 40.25 0.25 40.25 0.25 0.25 57.75 0.25"></polygon>
+                <polygon id="Stroke-285" points="22.75 17.75 15.25 17.75 15.25 32.75 22.75 32.75"></polygon>
+                <polygon id="Stroke-286" points="35.25 22.75 27.75 22.75 27.75 32.75 35.25 32.75"></polygon>
+                <polygon id="Stroke-287" points="47.75 7.75 40.25 7.75 40.25 32.75 47.75 32.75"></polygon>
+                <polyline id="Stroke-288" points="7.75 7.75 7.75 32.75 50.25 32.75"></polyline>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/img/icon-buildings.svg b/img/icon-buildings.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7763a000934c8184682185dd040e65279f62db67
--- /dev/null
+++ b/img/icon-buildings.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="62px" height="62px" viewBox="0 0 62 62" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-buildings</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="blocpower.io" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-56.000000, -53.000000)">
+            <g id="icon-buildings" transform="translate(57.000000, 54.000000)">
+                <path d="M29.99985,38.2191418 C34.1316217,38.2191418 37.8244903,40.0972157 40.2738,43.0446 L40.2738,38.2191418 C40.2738,33.6797098 36.5940821,30 32.05464,30 L27.94506,30 C23.4056179,30 19.7259,33.6797098 19.7259,38.2191418 L19.7259,43.0446 C22.1752097,40.0972157 25.8680783,38.2191418 29.99985,38.2191418 L29.99985,38.2191418 Z" id="Stroke-1" stroke="#FBD13A" stroke-width="2"></path>
+                <path d="M27.9450643,30.0000983 L32.0546357,30.0000983 C34.0001068,30.0000983 35.7853047,30.6806479 37.1916,31.8075 L37.1916,28.9726985 C37.1916,25.0011819 33.9713398,21.7809 29.99985,21.7809 C26.0283602,21.7809 22.8081,25.0011819 22.8081,28.9726985 L22.8081,31.8075 C24.2143953,30.6806479 25.9995932,30.0000983 27.9450643,30.0000983 L27.9450643,30.0000983 Z" id="Stroke-2" stroke="#FBD13A" stroke-width="2"></path>
+                <path d="M30,21.7807538 C31.1046605,21.7807538 32.147677,22.0371945 33.0822,22.4835 L33.0822,16.6437202 C33.0822,14.9423346 31.7013744,13.5615 30,13.5615 C28.2986256,13.5615 26.9178,14.9423346 26.9178,16.6437202 L26.9178,22.4835 C27.852323,22.0371945 28.8953395,21.7807538 30,21.7807538 L30,21.7807538 Z" id="Stroke-3" stroke="#FBD13A" stroke-width="2"></path>
+                <path d="M30,9.4521 L30,4.3152" id="Stroke-4" stroke="#FBD13A" stroke-width="2" stroke-linecap="round"></path>
+                <path d="M30.00015,13.5615927 C30.7933221,13.5615927 31.5092318,13.8698047 32.055,14.3613 L32.055,11.5068464 C32.055,10.3701607 31.136893,9.4521 30.00015,9.4521 C28.863407,9.4521 27.9453,10.3701607 27.9453,11.5068464 L27.9453,14.3613 C28.4910682,13.8698047 29.2069779,13.5615927 30.00015,13.5615927 L30.00015,13.5615927 Z" id="Stroke-5" stroke="#FBD13A" stroke-width="2"></path>
+                <path d="M16.6437,53.25 L23.8356,53.25" id="Stroke-6" stroke="#FBD13A" stroke-width="2"></path>
+                <path d="M36.1644,53.25 L43.3563,53.25" id="Stroke-7" stroke="#FBD13A" stroke-width="2"></path>
+                <path d="M31.0272,42.32865 C31.0272,42.8965691 30.5677691,43.356 29.99985,43.356 C29.4319309,43.356 28.9725,42.8965691 28.9725,42.32865 C28.9725,41.7607309 29.4319309,41.3013 29.99985,41.3013 C30.5677691,41.3013 31.0272,41.7607309 31.0272,42.32865" id="Fill-8" fill="#FBD13A"></path>
+                <path d="M31.0272,34.10955 C31.0272,34.6774691 30.5677691,35.1369 29.99985,35.1369 C29.4319309,35.1369 28.9725,34.6774691 28.9725,34.10955 C28.9725,33.5416309 29.4319309,33.0822 29.99985,33.0822 C30.5677691,33.0822 31.0272,33.5416309 31.0272,34.10955" id="Fill-9" fill="#FBD13A"></path>
+                <path d="M37.1916,44.38365 C37.1916,44.9515691 36.7321691,45.411 36.16425,45.411 C35.5963309,45.411 35.1369,44.9515691 35.1369,44.38365 C35.1369,43.8157309 35.5963309,43.3563 36.16425,43.3563 C36.7321691,43.3563 37.1916,43.8157309 37.1916,44.38365" id="Fill-10" fill="#FBD13A"></path>
+                <path d="M36.1644,35.13705 C36.1644,35.7049691 35.7049691,36.1644 35.13705,36.1644 C34.5691309,36.1644 34.1097,35.7049691 34.1097,35.13705 C34.1097,34.5691309 34.5691309,34.1097 35.13705,34.1097 C35.7049691,34.1097 36.1644,34.5691309 36.1644,35.13705" id="Fill-11" fill="#FBD13A"></path>
+                <path d="M34.1094,26.91765 C34.1094,27.4855691 33.6499691,27.945 33.08205,27.945 C32.5141309,27.945 32.0547,27.4855691 32.0547,26.91765 C32.0547,26.3497309 32.5141309,25.8903 33.08205,25.8903 C33.6499691,25.8903 34.1094,26.3497309 34.1094,26.91765" id="Fill-12" fill="#FBD13A"></path>
+                <path d="M31.0272,24.86295 C31.0272,25.4308691 30.5677691,25.8903 29.99985,25.8903 C29.4319309,25.8903 28.9725,25.4308691 28.9725,24.86295 C28.9725,24.2950309 29.4319309,23.8356 29.99985,23.8356 C30.5677691,23.8356 31.0272,24.2950309 31.0272,24.86295" id="Fill-13" fill="#FBD13A"></path>
+                <path d="M31.0272,18.69855 C31.0272,19.2664691 30.5677691,19.7259 29.99985,19.7259 C29.4319309,19.7259 28.9725,19.2664691 28.9725,18.69855 C28.9725,18.1306309 29.4319309,17.6712 29.99985,17.6712 C30.5677691,17.6712 31.0272,18.1306309 31.0272,18.69855" id="Fill-14" fill="#FBD13A"></path>
+                <path d="M27.945,26.91765 C27.945,27.4855691 27.4855691,27.945 26.91765,27.945 C26.3497309,27.945 25.8903,27.4855691 25.8903,26.91765 C25.8903,26.3497309 26.3497309,25.8903 26.91765,25.8903 C27.4855691,25.8903 27.945,26.3497309 27.945,26.91765" id="Fill-15" fill="#FBD13A"></path>
+                <path d="M40.2738,49.52055 C40.2738,50.0884691 39.8143691,50.5479 39.24645,50.5479 C38.6785309,50.5479 38.2191,50.0884691 38.2191,49.52055 C38.2191,48.9526309 38.6785309,48.4932 39.24645,48.4932 C39.8143691,48.4932 40.2738,48.9526309 40.2738,49.52055" id="Fill-16" fill="#FBD13A"></path>
+                <path d="M23.83545,45.411 C23.2675309,45.411 22.8081,44.9515691 22.8081,44.38365 C22.8081,43.8157309 23.2675309,43.3563 23.83545,43.3563 C24.4033691,43.3563 24.8628,43.8157309 24.8628,44.38365 C24.8628,44.9515691 24.4033691,45.411 23.83545,45.411" id="Fill-17" fill="#FBD13A"></path>
+                <path d="M24.86295,36.1644 C24.2950309,36.1644 23.8356,35.7049691 23.8356,35.13705 C23.8356,34.5691309 24.2950309,34.1097 24.86295,34.1097 C25.4308691,34.1097 25.8903,34.5691309 25.8903,35.13705 C25.8903,35.7049691 25.4308691,36.1644 24.86295,36.1644" id="Fill-18" fill="#FBD13A"></path>
+                <path d="M20.75325,50.5479 C20.1853309,50.5479 19.7259,50.0884691 19.7259,49.52055 C19.7259,48.9526309 20.1853309,48.4932 20.75325,48.4932 C21.3211691,48.4932 21.7806,48.9526309 21.7806,49.52055 C21.7806,50.0884691 21.3211691,50.5479 20.75325,50.5479" id="Fill-19" fill="#FBD13A"></path>
+                <path d="M59.7945,30 C59.7945,46.4547832 46.4547832,59.7945 30,59.7945 C13.5452168,59.7945 0.2055,46.4547832 0.2055,30 C0.2055,13.5452168 13.5452168,0.2055 30,0.2055 C46.4547832,0.2055 59.7945,13.5452168 59.7945,30 L59.7945,30 Z" id="Stroke-20" stroke="#FBD13A" stroke-width="2" stroke-linecap="round"></path>
+                <path d="M29.99985,38.2191 C22.6215018,38.2191 16.6437,44.1969242 16.6437,51.5753 L16.6437,56.6317518 C20.6636957,58.6512093 25.1965675,59.7945 29.99985,59.7945 C34.8031325,59.7945 39.3360043,58.6512093 43.356,56.6317518 L43.356,51.5753 C43.356,44.1969242 37.3781982,38.2191 29.99985,38.2191 L29.99985,38.2191 Z" id="Stroke-21" stroke="#FBD13A" stroke-width="2" stroke-linecap="round"></path>
+                <path d="M30,46.4385 C26.599717,46.4385 23.8356,49.2026377 23.8356,52.6029462 L23.8356,59.1528757 C25.8262902,59.5704142 27.8876656,59.7948 30,59.7948 C32.1123344,59.7948 34.1737098,59.5704142 36.1644,59.1528757 L36.1644,52.6029462 C36.1644,49.2026377 33.400283,46.4385 30,46.4385 L30,46.4385 Z" id="Stroke-22" stroke="#FBD13A" stroke-width="2" stroke-linecap="round"></path>
+                <path d="M30.00015,51.5754 C28.8666947,51.5754 27.9453,52.4967611 27.9453,53.630175 L27.9453,59.7172405 C28.6258663,59.7624455 29.3097204,59.7945 30.00015,59.7945 C30.6905796,59.7945 31.3744337,59.7624455 32.055,59.7172405 L32.055,53.630175 C32.055,52.4967611 31.1336053,51.5754 30.00015,51.5754 L30.00015,51.5754 Z" id="Stroke-23" stroke="#FBD13A" stroke-width="2" stroke-linecap="round"></path>
+                <path d="M59.1138,23.6687494 C58.0732577,18.8654236 55.880393,14.4993616 52.8335603,10.8681 C51.2604182,11.2527606 49.9215214,12.5275652 49.9215214,15.5974525 C49.9215214,16.2328 49.0996081,16.5574601 48.4642691,16.5574601 L48.1174217,16.5574601 C46.5442796,16.5574601 45.0640137,17.5076047 44.5757972,19.0067946 C43.7637469,21.5046226 45.6352435,23.8356 48.0212579,23.8356 L58.0222991,23.8356 C58.3979135,23.8356 58.7603773,23.7682022 59.1138,23.6687494 L59.1138,23.6687494 Z" id="Stroke-24" stroke="#FBD13A" stroke-width="2" stroke-linecap="round"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/img/icon-engineering.svg b/img/icon-engineering.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ef2f9192d7bbdbe3a032a0129919ff14befd25af
--- /dev/null
+++ b/img/icon-engineering.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-engineering</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="blocpower.io" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-175.000000, -54.000000)" fill="#95EAFF">
+            <g id="icon-engineering" transform="translate(175.000000, 54.000000)">
+                <path d="M58.6899674,20.8210613 L38.9332005,1.06430438 C38.2761498,0.407254011 37.292541,0.0806960457 36.3089322,0.326598128 L9.34034538,7.5384144 C8.43739247,7.78431648 7.69968585,8.52202273 7.45378365,9.42497518 L0.245898169,36.4742042 C-4.03706008e-06,37.3771567 0.326554093,38.360765 0.983604789,39.0178154 L20.7364372,58.7706379 C21.2282416,59.262442 21.9659483,59.589 22.622999,59.589 C22.8689012,59.589 23.1148034,59.589 23.3607056,59.5083441 L50.3292924,52.2965278 C51.2322453,52.0506258 51.9699519,51.3129195 52.2158541,50.4099671 L59.427674,23.4413939 C59.5889859,22.4577855 59.3430837,21.4741772 58.6899674,20.8210613 L58.6899674,20.8210613 Z M49.7226243,49.80303 L22.5913743,57.0508106 L2.70345,37.1673607 L9.95123584,10.03167 L37.0824858,2.78388942 L56.96595,22.6673393 L49.7226243,49.80303 Z" id="Fill-1"></path>
+                <path d="M14.097,29.9193 C14.097,38.6065104 21.1474896,45.657 29.8347,45.657 C38.5219104,45.657 45.5724,38.6065104 45.5724,29.9193 C45.5724,21.2320896 38.5219104,14.1816 29.8347,14.1816 C21.1474896,14.1816 14.097,21.2281552 14.097,29.9193 L14.097,29.9193 Z M42.8673,29.91915 C42.8673,37.1309329 37.0463329,42.9519 29.83455,42.9519 C22.6227671,42.9519 16.8018,37.1309329 16.8018,29.91915 C16.8018,22.7073671 22.6227671,16.8864 29.83455,16.8864 C37.0463329,16.8864 42.8673,22.7034327 42.8673,29.91915 L42.8673,29.91915 Z" id="Fill-2"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/img/icon-finance.svg b/img/icon-finance.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0eeee898080841d63b1bcd3e5b4edfc351c14904
--- /dev/null
+++ b/img/icon-finance.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-finance</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="blocpower.io" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-293.000000, -54.000000)" fill="#20D3A3">
+            <g id="icon-finance" transform="translate(293.000000, 54.000000)">
+                <path d="M29.9483667,60 C46.4875517,60 59.8959,46.5916517 59.8959,30.0516333 C59.8959,13.5124483 46.4875517,0.1041 29.9483667,0.1041 C13.4083483,0.1041 0,13.5124483 0,30.0516333 C0,46.5916517 13.4083483,60 29.9483667,60 L29.9483667,60 Z M29.9485312,58.349225 C45.5758193,58.349225 58.245125,45.6799193 58.245125,30.0517688 C58.245125,14.4244807 45.5758193,1.755175 29.9485312,1.755175 C14.3203807,1.755175 1.651075,14.4244807 1.651075,30.0517688 C1.651075,45.6799193 14.3203807,58.349225 29.9485312,58.349225 L29.9485312,58.349225 Z" id="Fill-1"></path>
+                <path d="M31.4038716,19.5716793 L31.4038716,17.0239284 L28.5086853,17.0239284 L28.5086853,19.7087946 C25.6570426,20.357313 23.756874,22.5354084 23.756874,25.1702461 C23.756874,31.4052873 33.5791987,30.457524 33.5791987,34.850773 C33.5791987,36.7759462 31.9717913,37.836737 30.0753285,37.836737 C27.0606289,37.836737 24.903831,35.6540094 24.903831,35.6540094 L23.29735,37.8117228 C23.29735,37.8117228 25.1502692,39.859188 28.5086853,40.3696647 L28.5086853,43.0804716 L31.4038716,43.0804716 L31.4038716,40.3696647 C34.5890397,39.848997 36.45215,37.5180366 36.45215,34.7636862 C36.45215,28.188636 26.6307517,29.3068671 26.6307517,25.1155852 C26.6307517,23.5054067 28.1501454,22.1555619 30.3069434,22.1555619 C32.8908393,22.1555619 34.7585818,23.9074881 34.7585818,23.9074881 L36.050993,21.5515133 C36.050993,21.5515133 34.4509972,19.9079824 31.4038716,19.5716793 L31.4038716,19.5716793 Z" id="Fill-6"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/img/icon-hardhat.svg b/img/icon-hardhat.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a63ae671e8edbabc2a62ea5bbfff5ce9d20b4271
--- /dev/null
+++ b/img/icon-hardhat.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="60px" height="49px" viewBox="0 0 60 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-hardhat</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="blocpower.io" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="Icons" transform="translate(-169.000000, -157.000000)" stroke="#FBD13A" stroke-width="2">
+            <g id="icon-hardhat" transform="translate(170.000000, 158.000000)">
+                <path d="M57.75,33.75 L2.755,33.75 C1.375,33.75 0.25,32.6275 0.25,31.25 L0.25,28.75 C0.25,27.365 1.375,26.25 2.755,26.25 L27.75,26.25" id="Stroke-1603" stroke-linecap="round"></path>
+                <path d="M2.756,26.25 C2.756,14.5125 12.2685,5 24.006,5 C32.1235,5 39.181,9.5525 42.761,16.245" id="Stroke-1604" stroke-linecap="round"></path>
+                <path d="M50.25,33.75 L50.25,26.25 C50.25,12.94 40.3475,1.9475 27.51,0.23 C25.43,-0.0475 23.33,0.56 21.7175,1.9025 L16.3425,6.44" id="Stroke-1605"></path>
+                <path d="M5.25,33.75 L5.25,42.5 C5.25,44.5675 6.93,46.25 9.0025,46.25 C11.0725,46.25 12.755,44.5675 12.755,42.5 C12.755,40.4275 14.4325,38.75 16.505,38.75 L42.755,38.75 C45.515,38.75 47.7525,36.51 47.7525,33.75" id="Stroke-1606" stroke-linecap="round"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/img/icon-repay.svg b/img/icon-repay.svg
new file mode 100644
index 0000000000000000000000000000000000000000..43fae2aed57a6fa6420b2c7eadc6fb86eca860a2
--- /dev/null
+++ b/img/icon-repay.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="60px" height="52px" viewBox="0 0 60 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-repay</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="blocpower.io" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-392.000000, -155.000000)">
+            <g id="icon-repay" transform="translate(393.000000, 156.000000)">
+                <polyline id="Stroke-256" stroke="#893BC5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="0.304347826 17.2454783 8.13043478 28.9846087 17.2608696 18.5498261"></polyline>
+                <path d="M8.21182609,28.8192174 C6.25269565,12.6061739 18.3205217,0.809652174 31.997913,0.303565217 C45.6753043,-0.197304348 57.1744348,10.4826957 57.677913,24.160087 C58.1787826,37.8374783 47.5013913,49.334 33.8213913,49.8374783 C23.537913,50.2157391 14.4909565,44.2731304 10.4161739,35.4870435" id="Stroke-257" stroke="#893BC5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M34.4038716,13.5716793 L34.4038716,11.0239284 L31.5086853,11.0239284 L31.5086853,13.7087946 C28.6570426,14.357313 26.756874,16.5354084 26.756874,19.1702461 C26.756874,25.4052873 36.5791987,24.457524 36.5791987,28.850773 C36.5791987,30.7759462 34.9717913,31.836737 33.0753285,31.836737 C30.0606289,31.836737 27.903831,29.6540094 27.903831,29.6540094 L26.29735,31.8117228 C26.29735,31.8117228 28.1502692,33.859188 31.5086853,34.3696647 L31.5086853,37.0804716 L34.4038716,37.0804716 L34.4038716,34.3696647 C37.5890397,33.848997 39.45215,31.5180366 39.45215,28.7636862 C39.45215,22.188636 29.6307517,23.3068671 29.6307517,19.1155852 C29.6307517,17.5054067 31.1501454,16.1555619 33.3069434,16.1555619 C35.8908393,16.1555619 37.7585818,17.9074881 37.7585818,17.9074881 L39.050993,15.5515133 C39.050993,15.5515133 37.4509972,13.9079824 34.4038716,13.5716793 L34.4038716,13.5716793 Z" id="Fill-6" fill="#893BC5"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/img/icon-solar.svg b/img/icon-solar.svg
new file mode 100644
index 0000000000000000000000000000000000000000..84e0336bf1a1bdb5b9c4d8a16795a62907e797d4
--- /dev/null
+++ b/img/icon-solar.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="62px" height="62px" viewBox="0 0 62 62" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-solar</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="blocpower.io" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+        <g id="Icons" transform="translate(-56.000000, -150.000000)" stroke-width="2" stroke="#FB8F31">
+            <g id="icon-solar" transform="translate(57.000000, 151.000000)">
+                <polygon id="Stroke-6493" points="50.5878582 38.4024961 59.2051156 29.7880123 50.5878582 21.170755 50.5878582 8.98677966 38.4038829 8.98677966 29.7866256 0.369522342 21.1721418 8.98677966 8.98539291 8.98677966 8.98539291 21.170755 0.370909091 29.7880123 8.98539291 38.4024961 8.98539291 50.589245 21.1721418 50.589245 29.7866256 59.2037288 38.4038829 50.589245 50.5878582 50.589245"></polygon>
+                <path d="M46.4276117,29.7866256 C46.4276117,38.9752234 38.9779969,46.4276117 29.7866256,46.4276117 C20.5980277,46.4276117 13.1456394,38.9752234 13.1456394,29.7866256 C13.1456394,20.5980277 20.5980277,13.1456394 29.7866256,13.1456394 C38.9779969,13.1456394 46.4276117,20.5980277 46.4276117,29.7866256 L46.4276117,29.7866256 Z" id="Stroke-6494"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 122a0e875624595ddc4be0adeb19ccd1919cdb12..d8f0e369c52768814ab9ecee534f49cae0eff521 100644
--- a/index.html
+++ b/index.html
@@ -78,7 +78,7 @@
                 <ul>
                   <li><a href="http://marketplace.blocpower.io/">Marketplace</a></li>
                   <li><a href="http://analytics.blocpower.io/">City Analytics</a></li>
-                  <li><a href="http://marketplace.blocpower.io/about-us/">About</a></li>
+                  <li><a href="#how-it-works">How It Works</a></li>
                   <li><a href="jobs.html">Jobs</a></li>
                   <li><a href="http://marketplace.blocpower.io/blog/">Blog</a></li>
                   <li><a href="#press">Press</a></li>
@@ -156,7 +156,77 @@
         </div>
       </section>
 
-      <section class="answers container">
+      <section class="how container" id ="how-it-works">
+        <h6>How It Works</h6>
+        <div class="grid">
+
+          <div class="column column--1-of-3">
+            <div class="step">
+              <span class="icon"><img src="img/icon-buildings.svg" /></span>
+              <h5><span class="number">Step 1</span><br /> Aggregate Buildings</h5>
+              <p>We work with community leaders and institutions to assemble 4 or more non-profits, houses of worship, schools, small businesses or multi-family residences in financially underserved communities into a “Bloc” of potential retrofits.
+              </p>
+            </div>
+          </div>
+
+          <div class="column column--1-of-3">
+            <div class="step">
+              <span class="icon"><img src="img/icon-analysis.svg" /></span>
+              <h5><span class="number">Step 2</span><br />  Financial Analysis</h5>
+              <p>We perform a rigorous analysis of the financial strength of each customer, to establish the likelihood that customers will pay their energy bill over time.
+              </p>
+            </div>
+          </div>
+
+          <div class="column column--1-of-3">
+            <div class="step">
+              <span class="icon"><img src="img/icon-engineering.svg" /></span>
+              <h5><span class="number">Step 3</span><br />  Engineering Analysis</h5>
+              <p>Our experienced engineers perform a comprehensive energy audit of each property to determine the correct mix of high efficiency technology that will reduce each customer's energy consumption.
+              </p>
+            </div>
+          </div>
+
+          <div class="column column--1-of-3">
+            <div class="step">
+              <span class="icon"><img src="img/icon-solar.svg" /></span>
+              <h5><span class="number">Step 4</span><br />  Solar and Energy Efficiency Projects</h5>
+              <p>Each "Bloc" spreads out the risk of default, creates pricing discounts, and increases transactional size--improving the economic feasibility of all projects.
+              </p>
+            </div>
+          </div>
+
+          <div class="column column--1-of-3">
+            <div class="step">
+              <span class="icon"><img src="img/icon-finance.svg" /></span>
+              <h5><span class="number">Step 5</span><br />  Financing</h5>
+              <p>Investors concerned about climate change and job creation can invest in clean energy projects on our online platform.
+              </p>
+            </div>
+          </div>
+
+          <div class="column column--1-of-3">
+            <div class="step">
+              <span class="icon"><img src="img/icon-repay.svg" /></span>
+              <h5><span class="number">Step 6</span><br />  Repayment</h5>
+              <p>Investors who provide upfront project financing will be repaid out of the energy savings generated by each solar and energy efficiency project.
+              </p>
+            </div>
+          </div>
+
+          <div class="column column--1-of-3 column--centered">
+            <div class="step">
+              <span class="icon"><img src="img/icon-hardhat.svg" /></span>
+              <h5><span class="number">Step 7</span><br />  Job Creation</h5>
+              <p>We create jobs for local underemployed workers from vulnerable populations. However, each worker must graduate from a rigorous, third party certified green jobs training program at the top of their class.
+              </p>
+            </div>
+          </div>
+
+        </div>
+      </section>
+
+      <section class="answers container" style="display:none;">
         <h6>How it Works</h6>
         <div class="grid">
           <div class="column column--1-of-4">
diff --git a/jobs.html b/jobs.html
index 160828f42d73e09f3231683b0147685b090b64cb..ea5bfdd8ba7ada92c2b81d8152fa17c616e4609d 100644
--- a/jobs.html
+++ b/jobs.html
@@ -49,7 +49,7 @@
                 <ul>
                   <li><a href="http://marketplace.blocpower.io/">Marketplace</a></li>
                   <li><a href="http://analytics.blocpower.io/">City Analytics</a></li>
-                  <li><a href="http://marketplace.blocpower.io/about-us/">About</a></li>
+                  <li><a href="/#how-it-works">How It Works</a></li>
                   <li><a href="jobs.html">Jobs</a></li>
                   <li><a href="http://marketplace.blocpower.io/blog/">Blog</a></li>
                   <li><a href="index.html#press">Press</a></li>
@@ -81,7 +81,7 @@
             <h4>BlocPower</h4>
           </div>
           <div class="column column--3-of-4">
-            <p>BlocPower connects impact investors to energy efficiency projects in churches, synagogues, non-profits, and small businesses in underserved communities. Our business development team uses our BlocPower Analytics mapping application to identify potential green retrofit projects in in a region. Our mechanical engineers then perform an energy audit using a combination of sensors, onsite measurements, and BlocPower's digital Engineering Audit application to recommend an integrated and holistic upgrade to a building's energy systems. BlocPower's finance team then analyzes each building owner's financial data and energy bills to structure a loan that finances the retrofit. Once a retrofit is agreed upon, our operations team manages the engineering of the retrofit. At every point in BlocPower’s value chain, we seek out and hire underemployed workers from vulnerable communities.
+            <p>BlocPower connects impact investors to energy efficiency projects in churches, synagogues, non-profits, and small businesses in underserved communities. Our business development team uses our BlocPower Analytics mapping application to identify potential green retrofit projects in a region. Our mechanical engineers then perform an energy audit using a combination of sensors, onsite measurements, and BlocPower's digital Engineering Audit application to recommend an integrated and holistic upgrade to a building's energy systems. BlocPower's finance team then analyzes each building owner's financial data and energy bills to structure a loan that finances the retrofit. Once a retrofit is agreed upon, our operations team manages the engineering of the retrofit. At every point in BlocPower's value chain, we seek out and hire underemployed workers from vulnerable communities.
             </p>
           </div>
 
diff --git a/scss/_typography.scss b/scss/_typography.scss
index 4564af164f540fe7ee282ee59417263e656b60fa..41e634a165a80ad48e3959988cee1fde6b505b07 100644
--- a/scss/_typography.scss
+++ b/scss/_typography.scss
@@ -38,7 +38,8 @@ h4 {
 }
 
 h5 {
-
+  font-weight: 500;
+  font-size: 1.125;
 }
 
 h6 {
diff --git a/scss/global.scss b/scss/global.scss
index e5291dd2ea4d5f7f67995e205213fbf24a06fdd6..6319cda5ae662636d8ce3c3370baaea2ad471d62 100644
--- a/scss/global.scss
+++ b/scss/global.scss
@@ -390,6 +390,64 @@ section {
 
   }
 
+  &.how {
+    position: relative;
+    margin-top: $padding*5;
+    margin-bottom: $padding*5;
+
+    h6 {
+      text-align: center;
+      margin-bottom: $padding*4;
+    }
+
+    .step {
+      margin: $padding;
+      padding: $padding;
+      text-align: center;
+      position: relative;
+
+      &:before {
+        content: "";
+        width: 100%;
+        border-top: 2px solid $separator;
+        position: absolute;
+        top: $padding*6;
+        left: 0;
+        opacity: 0.5;
+      }
+
+      span.icon {
+        display: block;
+        margin: 0 auto;
+        border: 20px solid white;
+        position: relative;
+        background: white;
+        width: 60px;
+        height: 60px;
+      }
+
+      h5 {
+        padding-bottom: $padding;
+
+        span {
+          background: $light-gray;
+          display: inline-block;
+          padding: $padding/3 $padding;
+          border-radius: $radius;
+          font-weight: 800;
+          color: $gray;
+          text-transform: uppercase;
+          font-size: 0.8em;
+          margin-bottom: $padding;
+        }
+      }
+
+      p {
+        opacity: 0.7;
+      }
+    }
+  }
+
   &.answers {
     padding: $padding*6 0;