How to add the categories

duzgar
Offline
Last seen: 11 months 3 weeks ago
Wed, 07/06/2016 - 10:57
#1
How to add the categories

Hello, there are categories with "View all" button on them like these: https://i.gyazo.com/6b45e31ad44a9f265461102389105a4c.png
The code of it (as far i know on the template is)

<section>
<div class="container">

<div class="padding-vertical-50 border-bottom">
<div class="section-header center">
<h2>Products</h2>
</div><!-- /.section-header -->

<div class="row">
<div class="col-md-3 col-sm-4">
<div class="awe-media home-cate-media">
<div class="awe-media-header">
<div class="awe-media-image">
<img src="./img/samples/collections/index-1/accessories.jpg" alt="">
</div><!-- /.awe-media-image -->

<div class="awe-media-overlay overlay-dark-50 fullpage">
<div class="content">

<div class="fp-table text-left">
<div class="fp-table-cell">

<h2 class="upper">Accessories</h2>
<p class="margin-bottom-50">At vero eos et accusamus et iusto odiovoluptatum deleniti corrupti quos dolores</p>
<a href="#" class="btn btn-sm btn-outline btn-white">View All</a>

</div>
</div>

</div>
</div><!-- /.awe-media-overlay -->
</div><!-- /.awe-media-header -->
</div><!-- /.awe-media -->

</div>
</section>

How do I make it so I can have multiple ones next to each other? I tried but it gets buggy and doesnt look organized next to each other

Thank you

linhpeter0508
linhpeter0508's picture
Offline
Last seen: 1 week 1 day ago
Wed, 07/06/2016 - 15:07

Hi @Duzgar ! You forgot three tags close </div> in tag <section>. Then, you try again (multiple ones next to each other). Good luck!

</div><!-- /.awe-media -->

</div>

</div>
</div>
</div>

</section>

Log in or register to post comments