(old) added some new content

index.html

@@ -391,6 +391,14 @@ <h5>Onepagers</h5>
                           <li><img class="lazy" data-original="images/mapiq/onepager2-2.jpg" width="400" height="565"></li>
                           <li><img class="lazy" data-original="images/mapiq/onepager3-2.jpg" width="400" height="565"></li>
                         </ul>
+
+                      <h5>Conference display</h5>
+                      <p>To communicate Mapiq's smart building proposition and its software at partner events, I have designed this three dimensional display. The scene is build up of three vertical layers: the bottom shows the technological infrastructure, the middle the office building and above that you can see the people working in the office. This signifies that the concept of a smart building revolves around the people who work in it, not the technology. Next to this it shows the user-first approach that Mapiq takes in developing its software platform. </p>
+                      <ul class="small-block-grid-3">
+                          <li><img class="lazy" data-original="images/mapiq/zuil1.jpg" width="664" height="1000"></li>
+                          <li><img class="lazy" data-original="images/mapiq/zuil2.jpg" width="664" height="1000"></li>
+                          <li><img class="lazy" data-original="images/mapiq/zuil3.jpg" width="664" height="1000"></li>
+                        </ul>
 
                       <h5>Video's</h5>
                       <p>I've created several video's for Mapiq, from online demo's to presentational video's. They were all created in a short time period with no additional budgets. Here you can find the most recent ones.</p>

scss/app.scss

@@ -41,8 +41,8 @@
 
 //Variables
 
-$red: #E24D14;
-$blue: #79C6BF;
+$red: #E44F0E;
+$blue: #90E0D6;
 
 //Header
 .header{