<section>
<div class="section_item">
<div class="row">
<div class="event_filter">
<select name="dropdown" id="dropdown">
<option value="mobile">wireless</option>
<option value="Canadian Dollar">override</option>
<option value="Pizza">Home Loan Account</option>
<option value="back-end">Savings Account</option>
<option value="synthesizing">Kids</option>
<option value="holistic">copy</option>
</select>
</div>
<div class="event_filter">
<select name="dropdown" id="dropdown">
<option value="mobile">wireless</option>
<option value="Canadian Dollar">override</option>
<option value="Pizza">Home Loan Account</option>
<option value="back-end">Savings Account</option>
<option value="synthesizing">Kids</option>
<option value="holistic">copy</option>
</select>
</div>
<div class="event_filter">
<select name="dropdown" id="dropdown">
<option value="mobile">wireless</option>
<option value="Canadian Dollar">override</option>
<option value="Pizza">Home Loan Account</option>
<option value="back-end">Savings Account</option>
<option value="synthesizing">Kids</option>
<option value="holistic">copy</option>
</select>
</div>
<div class="event_search">
<form class="form">
<div class="form__element">
<input class="font--M" type="text" value="" required="">
<span class="form__element__bar"></span>
<label class="font--M">Search News</label>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- news grid -->
<div class="news_page">
<div class="row small-up-1 medium-up-3 large-up-4">
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter biomed">
<img src="http://images.staging7.usi.ch/random.php?seed=7" faculty="biomed">
</div>
</div>
<h3>sit architecto molestiae</h3>
<p>Faculty of Biomedical Sciences</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter arc">
<img src="http://images.staging7.usi.ch/random.php?seed=6" faculty="arc">
</div>
</div>
<h3>qui quis et</h3>
<p>Academy of Architecture</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter inf">
<img src="http://images.staging7.usi.ch/random.php?seed=10" faculty="inf">
</div>
</div>
<h3>iusto aut nulla</h3>
<p>Faculty of Informatics</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter eco">
<img src="http://images.staging7.usi.ch/random.php?seed=8" faculty="eco">
</div>
</div>
<h3>dolorem tenetur officia</h3>
<p>Faculty of Economics</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter inf">
<img src="http://images.staging7.usi.ch/random.php?seed=11" faculty="inf">
</div>
</div>
<h3>vel quis vero</h3>
<p>Faculty of Informatics</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter biomed">
<img src="http://images.staging7.usi.ch/random.php?seed=9" faculty="biomed">
</div>
</div>
<h3>doloribus deleniti rerum</h3>
<p>Faculty of Biomedical Sciences</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter arc">
<img src="http://images.staging7.usi.ch/random.php?seed=8" faculty="arc">
</div>
</div>
<h3>harum quaerat aut</h3>
<p>Academy of Architecture</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter eco">
<img src="http://images.staging7.usi.ch/random.php?seed=1" faculty="eco">
</div>
</div>
<h3>fugit inventore perferendis</h3>
<p>Faculty of Economics</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter inf">
<img src="http://images.staging7.usi.ch/random.php?seed=8" faculty="inf">
</div>
</div>
<h3>omnis sunt aut</h3>
<p>Faculty of Informatics</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter com">
<img src="http://images.staging7.usi.ch/random.php?seed=9" faculty="com">
</div>
</div>
<h3>dolorum tenetur numquam</h3>
<p>Faculty of Communication Sciences</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter inf">
<img src="http://images.staging7.usi.ch/random.php?seed=10" faculty="inf">
</div>
</div>
<h3>cumque consectetur nihil</h3>
<p>Faculty of Informatics</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter eco">
<img src="http://images.staging7.usi.ch/random.php?seed=5" faculty="eco">
</div>
</div>
<h3>qui laudantium et</h3>
<p>Faculty of Economics</p>
</a>
</div>
</div>
<div class="column">
<div class="news">
<a href="#">
<div class="gmfilter_container">
<div class="gmfilter biomed">
<img src="http://images.staging7.usi.ch/random.php?seed=13" faculty="biomed">
</div>
</div>
<h3>sit voluptate maxime</h3>
<p>Faculty of Biomedical Sciences</p>
</a>
</div>
</div>
</div>
</div>
<!-- pagination -->
<div class="item-list">
<ul class="pager pagination">
<li class="pager-first first"><a title="Go to first page" href="/it/news">« first</a></li>
<li class="pager-previous"><a title="Go to previous page" href="/it/news?page=2">‹ previous</a></li>
<li class="pager-item"><a title="Go to page 1" href="/it/news">1</a></li>
<li class="pager-item"><a title="Go to page 2" href="/it/news?page=1">2</a></li>
<li class="pager-item"><a title="Go to page 3" href="/it/news?page=2">3</a></li>
<li class="pager-item"><a title="Go to page 4" href="/it/news?page=3">4</a></li>
<li class="pager-item"><a title="Go to page 5" href="/it/news?page=4">5</a></li>
<li class="pager-item"><a title="Go to page 6" href="/it/news?page=5">6</a></li>
<li class="pager-item"><a title="Go to page 7" href="/it/news?page=6">7</a></li>
<li class="pager-item"><a title="Go to page 8" href="/it/news?page=7">8</a></li>
<li class="pager-next"><a title="Go to next page" href="/it/news?page=4">next ›</a></li>
<li class="pager-last last"><a title="Go to last page" href="/it/news?page=9">last »</a></li>
</ul>
</div>
<!-- /pagination -->
There are no notes for this item.