diff --git a/assets/css/style.scss b/assets/css/style.scss
index 59b80b0..71a4b14 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -5,6 +5,7 @@
 
 // stuff every page really needs
 @import "reset";
+@import "grid";
 @import "colors";
 @import "typography";
 @import "layout";
diff --git a/assets/img/home/bolehvpn.png b/assets/img/home/bolehvpn.png
new file mode 100644
index 0000000..119eb4c
Binary files /dev/null and b/assets/img/home/bolehvpn.png differ
diff --git a/assets/img/home/node40.png b/assets/img/home/node40.png
new file mode 100644
index 0000000..8326cdf
Binary files /dev/null and b/assets/img/home/node40.png differ
diff --git a/assets/img/home/protonmail.png b/assets/img/home/protonmail.png
new file mode 100644
index 0000000..19bedb4
Binary files /dev/null and b/assets/img/home/protonmail.png differ
diff --git a/assets/img/home/qhoster.png b/assets/img/home/qhoster.png
new file mode 100644
index 0000000..1b91c57
Binary files /dev/null and b/assets/img/home/qhoster.png differ
diff --git a/index.html b/index.html
index 9e679c9..63c2c9f 100644
--- a/index.html
+++ b/index.html
@@ -8,62 +8,165 @@ description: pages.home.description
 {% tf home/hero.html %}
 
 <div class="content">
-    <h2>{% t pages.home.video-heading %}</h2>
-    {% tmd pages.home.video-text %}
+    
+    <!-- 
+        WHAT IS DASH?
+        LINK TO VIDEO.
+    -->
+    <div class="row" style="text-align:center;">
+        <h2>{% t pages.home.video-heading %}</h2>
+        {% tmd pages.home.video-text %}
 
-    <a href="#" class="btn-blue">{% t pages.home.video-btn %}</a>
+        <a href="#" class="btn-blue">{% t pages.home.video-btn %}</a>
+    </div>
 
-    <h2>{% t pages.home.feature-private-heading %}</h2>
-    {% tmd pages.home.feature-private-text %}
+    <!--  
+        DASH FEATURES
+        PRIVATE | INSTANT | SECURE
+    -->
+    <div class="row" style="text-align:center;">
+        <div class="col-sm-4">
+            <img src="/assets/img/home/icon_private.png" alt="{% t pages.home.feature-private-heading %}">
+            <h2>{% t pages.home.feature-private-heading %}</h2>
+            {% tmd pages.home.feature-private-text %}
+        </div>
+        <div class="col-sm-4">
+            <img src="/assets/img/home/icon_instant.png" alt="{% t pages.home.feature-instant-heading %}">
+            <h2>{% t pages.home.feature-instant-heading %}</h2>
+            {% tmd pages.home.feature-instant-text %}
 
-    <h2>{% t pages.home.feature-instant-heading %}</h2>
-    {% tmd pages.home.feature-instant-text %}
+        </div>
+        <div class="col-sm-4">
+            <img src="/assets/img/home/icon_secure.png" alt="{% t pages.home.feature-secure-heading %}">
+            <h2>{% t pages.home.feature-secure-heading %}</h2>
+            {% tmd pages.home.feature-secure-text %}
+        </div>
+    </div>
 
-    <h2>{% t pages.home.feature-secure-heading %}</h2>
-    {% tmd pages.home.feature-secure-text %}
+    <!-- 
+        MERCHANTS
+    -->
+    <div class="row" style="text-align:center;">
+        <h2>{% t pages.home.merchants-heading %}</h2>
+
+        {% tmd pages.home.merchants-text %}
+    </div>
+
+    <div class="row" style="text-align:center;">
+        <div class="col-sm-3">
+            <img src="/assets/img/home/bolehvpn.png">
+        </div>
+        <div class="col-sm-3">
+            <img src="/assets/img/home/node40.png">
+        </div>
+        <div class="col-sm-3">
+            <img src="/assets/img/home/protonmail.png">
+        </div>
+        <div class="col-sm-3">
+            <img src="/assets/img/home/qhoster.png">
+        </div>
+    </div>
+
+    <div class="row" style="text-align:center;">
+        <a href="#" class="btn-blue">{% t pages.home.merchants-btn %}</a>
+        <a href="#" class="btn-blue">{% t pages.home.merchants-join-btn %}</a>    
+    </div>
+    
+    <!--  
+        NETWORK ARCHITECTURE
+    -->
+    <div class="row">
+        <div class="col-sm-6">
+             <h2>{% t pages.home.architecture-heading %}</h2>
+
+            {% tmd pages.home.architecture-text %}
+
+            <a href="#" class="btn-blue">{% t pages.home.architecture-btn %}</a>
+        </div>
+        <div class="col-sm-6">
+            <img src="/assets/img/home/code.png" alt="{% t pages.home.architecture-heading %}">
+        </div>
+    </div>
+    
+    <!--  
+        SELF GOVERNING | SELF FUNDING
+    -->
+    <div class="row">
+        <div class="col-sm-6">
+            <img src="/assets/img/home/budgets.png" alt="{% t pages.home.governance-heading%}">
+        </div>
+        <div class="col-sm-6">
+            <h2>{% t pages.home.governance-heading%}</h2>
+
+            {% tmd pages.home.governance-text %}
+
+            <a href="#" class="btn-blue">{% t pages.home.proposal-btn %}</a>
+
+            <a href="#" class="btn-blue">{% t pages.home.proposal-submit-btn %}</a>
+        </div>
+    </div>
+
+    <!--  
+        FASTEST GROWING NETWORK
+    -->
+    <div class="row">
+        <div class="col-sm-6">
+            <h2>{% t pages.home.network-growth-heading %}</h2>
+
+            {% tmd pages.home.network-growth-text %}
+
+            <a href="#" class="btn-blue">{% t pages.home.network-growth-btn %}</a>
+        </div>
+        <div class="col-sm-6">
+            <img src="/assets/img/home/graph.png" alt="{% t pages.home.network-growth-heading %}">
+        </div>
+    </div>
+
+    <!--  
+        EVOLUTION
+    -->
+    <div class="row">
+        <div class="col-sm-6">
+            
+        </div>
+        <div class="col-sm-6">
+            <h2>{% t pages.home.evolution-heading %}</h2>
+
+            {% tmd pages.home.evolution-text %}
+
+            <a href="#" class="btn-blue">{% t pages.home.evolution-btn %}</a>
+        </div>
+    </div>
+
+    <!--  
+        LATEST NEWS
+    -->
+    <div class="row" style="text-align:center;">
+        <h2>{% t pages.home.news-heading %}</h2>
+    </div>
+
+    <div class="row">
+        <div class="col-sm-3">News</div>
+        <div class="col-sm-3">News</div>
+        <div class="col-sm-3">News</div>
+        <div class="col-sm-3">News</div>
+    </div>
+
+    <div class="row" style="text-align:center;">
+        <a href="#" class="btn-blue">{% t pages.home.news-btn %}</a>
+    </div>
 
 
-    <h2>{% t pages.home.merchants-heading %}</h2>
+    <!--  
+        GET STARTED
+    -->
+   <div class="row" style="text-align:center;">
+        <h2>{% t pages.home.get-started-heading %}</h2>
 
-    {% tmd pages.home.merchants-text %}
+        {% tmd pages.home.get-started-text %}
 
-    <a href="#" class="btn-blue">{% t pages.home.merchants-btn %}</a>
-    <a href="#" class="btn-blue">{% t pages.home.merchants-join-btn %}</a>
-
-
-    <h2>{% t pages.home.architecture-heading %}</h2>
-
-    {% tmd pages.home.architecture-text %}
-
-    <a href="#" class="btn-blue">{% t pages.home.architecture-btn %}</a>
-
-    <h2>{% t pages.home.governance-heading%}</h2>
-
-    {% tmd pages.home.governance-text %}
-
-    <a href="#" class="btn-blue">{% t pages.home.proposal-btn %}</a>
-
-    <a href="#" class="btn-blue">{% t pages.home.proposal-submit-btn %}</a>
-
-    <h2>{% t pages.home.network-growth-heading %}</h2>
-
-    {% tmd pages.home.network-growth-text %}
-
-    <a href="#" class="btn-blue">{% t pages.home.network-growth-btn %}</a>
-
-    <h2>{% t pages.home.evolution-heading %}</h2>
-
-    {% tmd pages.home.evolution-text %}
-
-    <a href="#" class="btn-blue">{% t pages.home.evolution-btn %}</a>
-
-    <h2>{% t pages.home.news-heading %}</h2>
-
-    <a href="#" class="btn-blue">{% t pages.home.news-btn %}</a>
-
-    <h2>{% t pages.home.get-started-heading %}</h2>
-
-    {% tmd pages.home.get-started-text %}
-
-    <a href="#" class="btn-blue">{% t pages.home.get-started-btn %}</a>
+        <a href="#" class="btn-blue">{% t pages.home.get-started-btn %}</a>
+    </div> 
+   
+    
 </div>
\ No newline at end of file