From bdd0e0eba4babb0e3402b7848ca8a833e902439d Mon Sep 17 00:00:00 2001
From: Laurent Peuch <cortex@worlddomination.be>
Date: Sat, 5 Dec 2015 00:22:05 +0100
Subject: [PATCH] [enh] complet example

---
 materialize/css/style-page.css |  1 +
 templates/page-example.html    | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/materialize/css/style-page.css b/materialize/css/style-page.css
index 201d5dd..a5f396a 100644
--- a/materialize/css/style-page.css
+++ b/materialize/css/style-page.css
@@ -33,6 +33,7 @@ section {
     margin-left: 10%;
     margin-right: 10%;
     display: flex;
+    margin-bottom: 15px;
 }
 
 .pictures-line .picture img {
diff --git a/templates/page-example.html b/templates/page-example.html
index d00aa63..453f4f0 100644
--- a/templates/page-example.html
+++ b/templates/page-example.html
@@ -34,6 +34,27 @@
                 <img src="./1-small.png">
             </div>
         </div>
+        <div class="pictures-line">
+            <div class="picture">
+                <img src="./1-small.png">
+            </div>
+            <div class="separator"></div>
+            <div class="picture">
+                <img src="./2-small.png">
+            </div>
+            <div class="separator"></div>
+            <div class="picture">
+                <img src="./2-small.png">
+            </div>
+            <div class="separator"></div>
+            <div class="picture">
+                <img src="./2-small.png">
+            </div>
+            <div class="separator"></div>
+            <div class="picture">
+                <img src="./2-small.png">
+            </div>
+        </div>
     </section>
 
   <footer>