The website of Ura Design
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

80 lines
2.1 KiB

---
layout: default
section_id: portfolio
works_left:
- title: Open Labs
link_to: openlabs
image: images/@stock/openlabs.jpg
categories: Visual ID
works_middle:
- title: SFK'16
link_to: sfk16
image: images/@stock/roll-up-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 light-grey">
<div class="four spacing"></div>
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<h1 class="wow slideInUp">Our works</h1>
</div>
</div>
<div class="row">
<div class="medium-9 medium-centered columns">
<div class="header-quote">
<p>"A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away."</p>
</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>