The gallery in home page uses the following sample HTML structure:
<div class="wyliafeatured row-fluid">
<div class="span4">
<div class="height1">
<div class="tag">Fashion</div>
<img src="/images/wylia-demo-images/wylia-featured/01.jpg" alt="">
<div class="wylia-content">
<h4>Milan Fashion Week is Here!</h4>
<p class="hidden-tablet hidden-phone">Some intro text goes here.</p>
<p><a href="#" class="btn btn-primary">Read more</a></p>
</div>
</div>
</div>
<div class="span4">
<div class="height1">
<div class="tag">Lifestyle</div>
<img src="/images/wylia-demo-images/wylia-featured/02.jpg" alt="">
<div class="wylia-content">
<h4>Enjoy Every Silence in Life</h4>
<p class="hidden-tablet hidden-phone">Some intro text goes here.</p>
<p><a href="#" class="btn btn-primary">Read more</a></p>
</div>
</div>
</div>
<div class="span4">
<div class="height1">
<div class="tag">Sports</div>
<img src="/images/wylia-demo-images/wylia-featured/03.jpg" alt="">
<div class="wylia-content">
<h4>Become a Better Version of You</h4>
<p class="hidden-tablet hidden-phone">Some intro text goes here.</p>
<p><a href="#" class="btn btn-primary">Read more</a></p>
</div>
</div>
</div>
</div>
<div class="span4">
<div class="height1">
<div class="tag">Fashion</div>
<img src="/images/wylia-demo-images/wylia-featured/01.jpg" alt="">
<div class="wylia-content">
<h4>Milan Fashion Week is Here!</h4>
<p class="hidden-tablet hidden-phone">Some intro text goes here.</p>
<p><a href="#" class="btn btn-primary">Read more</a></p>
</div>
</div>
</div>
<div class="span4">
<div class="height1">
<div class="tag">Lifestyle</div>
<img src="/images/wylia-demo-images/wylia-featured/02.jpg" alt="">
<div class="wylia-content">
<h4>Enjoy Every Silence in Life</h4>
<p class="hidden-tablet hidden-phone">Some intro text goes here.</p>
<p><a href="#" class="btn btn-primary">Read more</a></p>
</div>
</div>
</div>
<div class="span4">
<div class="height1">
<div class="tag">Sports</div>
<img src="/images/wylia-demo-images/wylia-featured/03.jpg" alt="">
<div class="wylia-content">
<h4>Become a Better Version of You</h4>
<p class="hidden-tablet hidden-phone">Some intro text goes here.</p>
<p><a href="#" class="btn btn-primary">Read more</a></p>
</div>
</div>
</div>
</div>
You can display two items in the same row by changing <div class="height1">...</div> to <div class="height2">...</div>:
<div class="wyliafeatured row-fluid">
<div class="span4">
<div class="height2">
<div class="tag">Lifestyle</div>
<img src="/images/wylia-demo-images/wylia-featured/02.jpg" alt="">
<div class="wylia-content">
<h4>Enjoy Every Silence in Life</h4>
<p class="hidden-tablet hidden-phone">Some intro text goes here.</p>
</div>
</div>
<div class="height2">
<img src="/images/wylia-demo-images/wylia-featured/01.jpg" alt="">
<div class="wylia-content">
<h4>Milan Fashion Week is Here!</h4>
<p class="hidden-tablet hidden-phone">Some intro text goes here.</p>
</div>
</div>
</div>
</div>
<div class="span4">
<div class="height2">
<div class="tag">Lifestyle</div>
<img src="/images/wylia-demo-images/wylia-featured/02.jpg" alt="">
<div class="wylia-content">
<h4>Enjoy Every Silence in Life</h4>
<p class="hidden-tablet hidden-phone">Some intro text goes here.</p>
</div>
</div>
<div class="height2">
<img src="/images/wylia-demo-images/wylia-featured/01.jpg" alt="">
<div class="wylia-content">
<h4>Milan Fashion Week is Here!</h4>
<p class="hidden-tablet hidden-phone">Some intro text goes here.</p>
</div>
</div>
</div>
</div>
Lifestyle
Enjoy Every Silence in Life
