--- layout: default section_id: portfolio works_left: - title: Open Labs link_to: openlabs image: images/@stock/openlabs.jpg categories: Visual ID - title: OpenChain Penguins link_to: openchain image: images/@stock/penguins_thumb.jpg categories: Illustration works_middle: - title: Software Freedom Kosova link_to: sfk16 image: images/@stock/poster_SFK.jpg categories: Visual ID, Print works_right: - title: Mozilla L10N T-Shirts link_to: mozilla-l10n image: images/@stock/mozilla-l10n.jpg categories: Print --- <div class="full works overlay"> <div class="four spacing"></div> <div class="section-title"> <div class="row"> <div class="medium-10 medium-centered columns"> <h1 class="wow slideInUp">Projects</h1> </div> </div> </div> </div> </div> <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> </a> </div> {% 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> </a> </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>