You can display your portfolio item in several different ways with the following CSS variations:
- default
- ct-portfolio-masonry
- ct-portfolio-masonry–col2
- ct-portfolio-masonry–col3
- ct-portfolio-masonry–col4
HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<section class="ct-gallery ct-portfolio-container ct-portfolio-masonry ct-portfolio-masonry--col2"> <header class="ct-u-hideText"> <h2 class="ct-u-hideText">Gallery</h2> </header> <article class="ct-gallery-item ct-portfolio-item webdesign"> [content] </article> <article class="ct-gallery-item ct-portfolio-item webdesign"> [content] </article> <article class="ct-gallery-item ct-portfolio-item webdesign"> [content] </article> </section> |
Scripts:
1 2 3 4 |
<script src="assets/js/portfolio/infinitescroll.min.js"></script> <script src="assets/js/portfolio/jquery.isotope.min.js"></script> <script src="assets/js/portfolio/imagesloaded.js"></script> <script src="assets/js/portfolio/init.js"></script> |