Index Page
The main goal of index page is show your portfolio works. So, main part of this page it's a grid of portfolio items. Also this page has filters to filter items. Body of this page must have id #index-page.
Items
Each item has next layout: title, categories and picture. You should add category class to item if you want to see this item in a specific category. All items should be wrapped to #works-grid. Just add class .columns-2 to #works-gridto make 2 columns with items or add class .columns-4 to make 4 columns.
works item
<a class="works-item smooth-leave typography illustration" href="project-page.html">
<div class="picture">
<div class="content">
<div class="text">
<h2>Mutualismi</h2>
<ul>
<li>Typography</li>
<li>Illustration</li>
</ul>
</div>
</div>
<img src="img/works/1.png" alt="">
</div>
</a>Filters
Block with filters located in sidebar.
filters
<div class="widget filter" id="works-filter">
<p class="title">Works Filter</p>
<ul>
<li class="active" data-filter="*">All</li>
<li data-filter=".typography">Typography</li>
<li data-filter=".illustration">Illustration</li>
<li data-filter=".branding">Branding</li>
</ul>
</div>If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!