add android launch page

Author: housseindjirdeh

_sass/extra.scss

@@ -65,6 +65,10 @@
   background-color: #f4f4f4;
 }
 
+.bg-blue {
+  background-color: #5caef4;
+}
+
 .montserrat {
   font-family: 'Montserrat', sans-serif;
 }

android-launch.html

@@ -0,0 +1,65 @@
+---
+layout: additional
+permalink: /android-launch/
+---
+<div class="h-100 vh-100-l dt w-100 bg-blue flex flex-column flex-row-l items-center justify-center">
+  <div class="db dn-l">
+    <div class="flex flex-column items-center justify-center pt6 mb6">
+      <div class="dtc v-mid tc ph3 ph4-l">
+        <div class="link header-logo br-100 pa4 br-near-white bg-near-white h4 w4 dib flex items-center justify-center" href="/">
+          <img class="w4" src="/assets/images/logo-black.png" alt="GitPoint">
+        </div>
+      </div>
+
+      <div class="flex flex-column items-center justify-center pv1 tc ph4 karla">
+        <h1 class="pt3 mb0 f2 fw6 tc near-white">GitPoint</h1>
+
+        <p class="f3 near-white lh-copy mt2 mb4 mw6">
+          Now on Android
+        </p>
+        
+        <div class="flex flex-column">
+          <a href="https://play.google.com/store/apps/details?id=com.gitpoint&hl=en" class="dib grow mb3">
+            <img class="w4" src="http://i.imgur.com/mtGRPuM.png" />
+          </a>
+          <a href="https://gitpoint.co/" class="dib link white dim grow">
+            View main site
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="fl-l mb4">
+    <div class="flex h-100 items-center justify-center">
+      <img class="grow mw5" src="/assets/images/profile-android-blue.jpg" srcset="/assets/images/[email protected] 2x" alt="GitPoint Notifications Screen">
+    </div>
+  </div>
+
+  <div class="dn db-l">
+    <div class="flex flex-column items-center justify-center ml7">
+      <div class="dtc v-mid tc ph3 ph4-l">
+        <div class="link header-logo br-100 pa4 br-near-white bg-near-white h4 w4 dib flex items-center justify-center" href="/">
+          <img class="w4" src="/assets/images/logo-black.png" alt="GitPoint">
+        </div>
+      </div>
+
+      <div class="flex flex-column items-center justify-center pv1 tc ph4 karla">
+        <h1 class="pt3 mb0 f3 f2-m f2-l fw6 tc near-white">GitPoint</h1>
+
+        <p class="f5 f3-ns near-white lh-copy mt2 mb4 mw6">
+          Now on Android
+        </p>
+        
+        <div class="flex flex-column">
+          <a href="https://play.google.com/store/apps/details?id=com.gitpoint&hl=en" class="dib grow mb3">
+            {% include icon-play-store.svg %}
+          </a>
+          <a href="https://gitpoint.co/" class="dib link white dim grow">
+            View main site
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>