Project Page Alt
This page has 2 columns layout. 1 column contains gallery, 2 column contains description of project. Body of this page must have id #project-pageand class .alternative.
Gallery
Gallery it's just a list of images. Gallery must be wrapped to .gallery class.
gallery layout
<div class="gallery">
<a href="img/works/project-alt/1.png">
<img src="img/works/project-alt/1.png">
</a>
<a href="img/works/project-alt/2.png">
<img src="img/works/project-alt/2.png">
</a>
<a href="img/works/project-alt/3.png">
<img src="img/works/project-alt/3.png">
</a>
</div>Description
Description block has next layout: title, categories of your project, paragraph and some details.
description layout
<div class="description">
<h1>Racé</h1>
<ul class="categories">
<li>Typography</li>
<li>Branding</li>
</ul>
<p>Integer dictum sapien ac sapien elementum tincidunt. Fusce auctor diam at lorem mollis pretium in ac dolor. Praesent iaculis nunc et velit porttitor, et venenatis enim sodales.</p>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed accumsan tellus id pharetra rhoncus. Ut non tincidunt turpis, quis aliquet metus.</p>
<div class="row">
<div class="col-md-6">
<h5 class="subtitle">approach</h5>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
</div>
<div class="col-md-6">
<h5 class="subtitle">goals</h5>
<p>Nunc molestie faucibus nunc, ut ullamcorper augue ultricies vitae.</p>
</div>
</div>
</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!