From 8e0a19a48b4c21d52d2ad6f9150320ee3644ed61 Mon Sep 17 00:00:00 2001
From: Anxhelo Lushka <anxhelo1995@gmail.com>
Date: Tue, 20 Mar 2018 00:18:14 +0100
Subject: [PATCH] Update index.html

---
 index.html | 82 ++++++++++++++++++++++++++++++------------------------
 1 file changed, 46 insertions(+), 36 deletions(-)

diff --git a/index.html b/index.html
index 43cc044..708c9c3 100644
--- a/index.html
+++ b/index.html
@@ -36,28 +36,30 @@ slides:
   image: images/@stock/half-5.jpg
 
 works_left:
-- title: Open Labs Hackerspace
+- title: Open Labs
   link_to: /projects/openlabs
   image: images/@stock/openlabs.jpg
-  categories: Rebranding
+  categories: Visual ID
 - title: OpenChain Penguins
   link_to: /projects/openchain
   image: images/@stock/penguins_thumb.jpg
   categories: Illustration
+
+works_middle:
+- title: Software Freedom Kosova
+  link_to: /projects/sfk16
+  image: images/@stock/poster_SFK.jpg
+  categories: Visual ID, Print
 - title: Tor Style Guide
   link_to: /projects/tor-style-guide
   image: images/@stock/tor_thumb.png
   categories: Style Guide
 
 works_right:
-- title: Software Freedom Kosova
-  link_to: /projects/sfk16
-  image: images/@stock/poster_SFK.jpg
-  categories: Visual ID, Print
 - title: Mozilla L10N T-Shirts
   link_to: /projects/mozilla-l10n
   image: images/@stock/mozilla-l10n.jpg
-  categories: Print
+categories: Print
 
 testimonials_left:
 - author: Jeff Beatty - Mozilla
@@ -209,40 +211,48 @@ clients:
       </div>
     </div>
   </div>
-  <div class="row">
-    <div class="large-6 columns">
-      <div class="gallery-left-section">
-        {% for work in page.works_left %}
-          <div class="work-wrapper">
-            <a href="{{work.link_to}}" class="work">
-              <img src="{{site.baseurl}}/{{work.image}}" alt="">
-              <div class="info">
-                <h3>{{work.title}}</h3>
-                <p>{{work.categories}}</p>
-              </div>
-            </a>
+  <div class="full no-overflow">
+  <div class="four spacing"></div>
+  <div class="large-4 columns">
+    {% for work in page.works_left %}
+      <div class="work-wrapper">
+        <a href="{{work.link_to}}" class="work">
+          <img src="{{site.url}}/{{work.image}}" alt="">
+          <div class="info">
+            <h3>{{work.title}}</h3>
+            <p>{{work.categories}}</p>
           </div>
-        {% endfor %}
+        </a>
       </div>
-    </div>
-    <div class="large-6 columns">
-      <div class="gallery-right-section">
-        {% for work in page.works_right %}
-          <div class="work-wrapper">
-            <a href="{{work.link_to}}" class="work">
-              <img src="{{site.baseurl}}/{{work.image}}" alt="">
-              <div class="info">
-                <h3>{{work.title}}</h3>
-                <p>{{work.categories}}</p>
-              </div>
-            </a>
+    {% endfor %}
+  </div>
+  <div class="large-4 columns">
+    {% for work in page.works_middle %}
+      <div class="work-wrapper">
+        <a href="{{work.link_to}}" class="work">
+          <img src="{{site.url}}/{{work.image}}" alt="">
+          <div class="info">
+            <h3>{{work.title}}</h3>
+            <p>{{work.categories}}</p>
           </div>
-        {% endfor %}
+        </a>
       </div>
-    </div>
+    {% endfor %}
   </div>
-  <div class="spacing"></div>
-</div>
+  <div class="large-4 columns">
+    {% for work in page.works_right %}
+      <div class="work-wrapper">
+        <a href="{{work.link_to}}" class="work">
+          <img src="{{site.url}}/{{work.image}}" alt="">
+          <div class="info">
+            <h3>{{work.title}}</h3>
+            <p>{{work.categories}}</p>
+          </div>
+        </a>
+      </div>
+    {% endfor %}
+  </div>
+
 
 <div class="full light-grey no-padding">
   <div class="two spacing"></div>