Styled the progressive web app overview slide.

Author: dumbNickname

index.html

@@ -970,13 +970,35 @@ <h1>Push Notifications</h1>
             </section>
 
 
-            <section>                
-                    <i class="material-icons">schedule</i> <h3>Instant Loading</h3>
-                    <i class="material-icons">touch_app</i> <h3>Fast</h3>
-                    <i class="material-icons">phone_android</i> <h3>Add to Home Screen</h3>
-                    <i class="material-icons">lock</i> <h3>Secure</h3>
-                    <i class="material-icons">notifications_active</i> <h3>Push Notifications</h3>
-                    <i class="material-icons">devices_other</i> <h3>Responsive</h3>
+            <section>  
+                    <h3>Progressive Web Apps</h3>
+
+                    <div style="margin-left: 3em">
+                        <div class="cards">
+                            <i class="material-icons">schedule</i> 
+                            <p>Instant Loading</p>
+                        </div>      
+                        <div class="cards">
+                            <i class="material-icons">touch_app</i> 
+                            <p>Fast</p>
+                        </div>
+                        <div class="cards">
+                            <i class="material-icons">phone_android</i> 
+                            <p>Add to Home Screen</p>
+                        </div>
+                        <div class="cards">
+                            <i class="material-icons">lock</i>
+                            <p>Secure</p>
+                        </div>
+                        <div class="cards">
+                            <i class="material-icons">notifications_active</i> 
+                            <p>Push Notifications</p>
+                        </div>        
+                        <div class="cards">
+                            <i class="material-icons">devices_other</i> 
+                            <p>Responsive</p>
+                        </div>        
+                    </div>
             </section>
 
 

src/css/common.css

@@ -290,3 +290,24 @@ html body {
     opacity: 0.05;
 }
 
+.reveal .slides .cards .material-icons
+{
+    font-size: 3em;
+    float: left;
+    color: #ccc;
+}
+
+.reveal .slides .cards p
+{
+    float: left;
+    padding-left: 0.5em;
+}
+
+.reveal .slides .cards
+{
+    width: 50%;
+    margin-top: 1em;
+    margin-bottom: 1em;
+    float: left;
+}
+