Print

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>
Fashion

Milan Fashion Week is Here!

Mucius nemore duo ea, usu ea novum ancillae. Cum minimum pericula partiendo an, ex qui assum labore feugiat commodo.

Read more

Lifestyle

Enjoy Every Silence in Life

Nunc risus nibh, molestie nec ligula sed, facilisis gravida quam. Nam sed convallis massa, sed semper orci donec.

Read more

Sports

Become a Better Version of You

Mucius nemore duo ea, usu ea novum ancillae. Cum minimum pericula partiendo an, ex qui assum labore feugiat commodo.

Read more


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>
Lifestyle

Enjoy Every Silence in Life

Some intro text goes here.

Milan Fashion Week is Here!

Some intro text goes here.