Update index.html

works/index.html

@@ -14,12 +14,11 @@ works_left:
   link_to: portfolio-item.html
   image: images/@stock/work-22.jpg
   categories: Website
+works_middle:
 - title: Perfect bags
   link_to: portfolio-item-2.html
   image: images/@stock/work-7.jpg
   categories: Perfect bags
-
-works_right:
 - title: Dances App
   link_to: portfolio-item-2.html
   image: images/@stock/work-3.jpg
@@ -28,6 +27,7 @@ works_right:
   link_to: portfolio-item.html
   image: images/@stock/work-5.jpg
   categories: Graphic, brand
+works_right:
 - title: Help Five
   link_to: portfolio-item-2.html
   image: images/@stock/work-6.jpg
@@ -56,10 +56,9 @@ works_right:
   </div>
 </div>
 
-<div class="full">
+<div class="full no-overflow">
-  <div class="row">
+  <div class="four spacing"></div>
-    <div class="large-6 columns">
+  <div class="large-4 columns">
-      <div class="gallery-left-section">
     {% for work in page.works_left %}
       <div class="work-wrapper">
         <a href="{{work.link_to}}" class="work">
@@ -72,10 +71,8 @@ works_right:
       </div>
     {% endfor %}
   </div>
-    </div>
+  <div class="large-4 columns">
-    <div class="large-6 columns">
+    {% for work in page.works_middle %}
-      <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.url}}/{{work.image}}" alt="">
@@ -87,7 +84,17 @@ works_right:
       </div>
     {% endfor %}
   </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="spacing"></div>
 </div>