---

layout: default

title: Research Projects

section_id: research

---

<div class='full parallax' style='background-image: url(images/@stock/portfolio-header-bg.jpg); color: #fff;'>

<div class='row'>

<div class='large-12 columns'>

{% include section-header.html title="Research Projects" tagline="Have a look at our works" color="#fff" class="big" %}

</div>

</div>

<div class='four spacing'></div>

<div class='full'>

<div class='row'>

<div class='mod modGallery'>

<div class='gallery-nav'>

<ul>

<li class='current'>

<a data-cat='all' href='#'>All</a>

</li>

<li>

<a data-cat='map' href='#'>Map Understanding</a>

</li>

<li>

<a data-cat='health' href='#'>Public Health</a>

</li>

<li>

<a data-cat='transportation' href='#'>Transportation</a>

</li>

<li>

<a data-cat='others' href='#'>Others</a>

</li>

</ul>

</div>

<ul class='gallery large-block-grid-4 medium-block-grid-3 small-block-grid-2'>

{% for work in site.data.research %}

<li class="{{ work.klass }}">

<a href='{{ work.link_to }}'>

<img alt="" src="{{ work.image }}" />

<div class='overlay'>

<div class='thumb-info'>

<h3>{{ work.title }}</h3>

<p>{{ work.desc }}</p>

</div>

</div>

</a>

</li>

{% endfor %}

</ul>

</div>

</div>

<div class='four spacing'></div>