From a50f5d177a81787617e0d5062b07e8372c809d94 Mon Sep 17 00:00:00 2001
From: Laurent Peuch <cortex@worlddomination.be>
Date: Fri, 4 Dec 2015 23:13:49 +0100
Subject: [PATCH] [mod] begining of other section of group photos (we'll need
 to be done on background)

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

diff --git a/materialize/css/style-page.css b/materialize/css/style-page.css
index 14fa595..7486283 100644
--- a/materialize/css/style-page.css
+++ b/materialize/css/style-page.css
@@ -27,6 +27,19 @@ section {
     margin-top: 3em;
 }
 
+.pictures-line {
+    width: 80%;
+    margin-left: 10%;
+    margin-right: 10%;
+}
+
+.pictures-line img {
+    position: relative;
+    display: inline;
+    width: 33%;
+    height: auto;
+}
+
 footer {
     margin-top: 7em;
     text-align: center;
diff --git a/templates/page-example.html b/templates/page-example.html
index c3728fe..9a5fff1 100644
--- a/templates/page-example.html
+++ b/templates/page-example.html
@@ -20,6 +20,14 @@
         <img src="./1.png">
     </section>
 
+    <section class="pictures-group">
+        <div class="pictures-line">
+            <img src="./1.png">
+            <img src="./1.png">
+            <img src="./1.png">
+        </div>
+    </section>
+
   <footer>
       <p>Generate using <a href="https://github.com/psycojoker/prosopopee">Prosopopée</a> · content under <a href="CC-BY-SA">CC-BY-SA</a></p>
   </footer>