Landing page (part 4)

public/index.html

@@ -145,6 +145,10 @@
             height: 240px;
         }
 
+        .markdown-img {
+            height: 150px;
+        }
+
         hr {
             margin: 1em 0;
         }
@@ -189,8 +193,10 @@
 
                 <div class="social">
                     <a href="https://twitter.com/stackedit" target="_blank"><i class="icon-twitter"></i></a>
-                    <a href="https://github.com/benweet/stackedit" target="_blank"><i class="icon-github-circled"></i></a>
+                    <a href="https://github.com/benweet/stackedit" target="_blank"><i
-                    <a href="https://monetizejs.com/authorize?client_id=ESTHdCYOi18iLhhO&summary=true" target="_blank"><img height="25" src="https://cdn.monetizejs.com/resources/button.svg"></a>
+                            class="icon-github-circled"></i></a>
+                    <a href="https://monetizejs.com/authorize?client_id=ESTHdCYOi18iLhhO&summary=true"
+                       target="_blank"><img height="25" src="https://cdn.monetizejs.com/resources/button.svg"></a>
                 </div>
             </div>
         </div>
@@ -372,29 +378,25 @@
 
         </div>
     </div>
-    <div class="modal-body">
+    <div class="dark inset-shadow markdown-img">
-        <div class="row">
-            <div class="col-md-6 col-md-offset-3">
-                <img class="background-img" width="500" src="res/img/toc.gif">
-            </div>
-        </div>
     </div>
-    <div id="slide4" class="modal-footer modal-header">
+    <div class="modal-body">
+         <img class="background-img img" width="500" src="res/img/toc.gif">
+    </div>
+    <div class="modal-footer modal-header">
         <div class="container">
             <h1 id="extended-markdown-support">Extended markdown support.</h1>
-
             <div class="row">
                 <div class="col-md-4 col-md-offset-4">
                     <hr>
                 </div>
             </div>
-
+            <br>
             <div class="row">
                 <div class="col-md-5">
                     <h2 id="github-flavored-markdown">GitHub Flavored Markdown</h2>
 
-                    <p>StackEdit supports different markdown flavors such as Markdown Extra and GitHub flavored
+                    <p>StackEdit supports different markdown flavors such as Markdown Extra and GFM. Each
-                        Markdown. Each
                         markdown feature can be enabled or disabled at your convenience.</p>
 
                 </div>
@@ -407,7 +409,7 @@
                     <img class="img" width="410" src="res/img/code-block.png">
                 </div>
             </div>
-
+            <br>
 
             <div class="row">
                 <div class="col-md-5">
@@ -423,10 +425,10 @@
                     <br>
                     <br>
                     <br>
-                    <img class="img" width="210" src="res/img/math.png">
+                    <img class="img" width="330" src="res/img/math.png">
                 </div>
             </div>
-
+            <br>
 
             <div class="row">
                 <div class="col-md-5">
@@ -437,7 +439,7 @@
                 </div>
                 <div class="col-md-6 col-md-offset-1">
                     <br>
-                    <img class="img" width="250" src="res/img/diagram.png">
+                    <img class="img" width="220" src="res/img/diagram.png">
                 </div>
             </div>
             <br>
@@ -454,11 +456,14 @@
             <div class="text-center">
                 <div class="social">
                     <a href="https://twitter.com/stackedit" target="_blank"><i class="icon-twitter"></i></a>
-                    <a href="https://github.com/benweet/stackedit" target="_blank"><i class="icon-github-circled"></i></a>
+                    <a href="https://github.com/benweet/stackedit" target="_blank"><i
-                    <a href="https://monetizejs.com/authorize?client_id=ESTHdCYOi18iLhhO&summary=true" target="_blank"><img height="25" src="https://cdn.monetizejs.com/resources/button.svg"></a>
+                            class="icon-github-circled"></i></a>
+                    <a href="https://monetizejs.com/authorize?client_id=ESTHdCYOi18iLhhO&summary=true"
+                       target="_blank"><img height="25" src="https://cdn.monetizejs.com/resources/button.svg"></a>
                 </div>
                 Copyright 2013-2014 <a href="https://twitter.com/benweet" target="_blank">Benoit Schweblin</a><br>
-                Licensed under an <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License</a><br>
+                Licensed under an <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache
+                License</a><br>
                 <a href="privacy_policy.html" target="_blank">Privacy Policy</a><br>
             </div>