HTML MARKUP
There are two types of image boxes. Define which one you would like to use with the proper CSS class added to HTML markup:
-ct-imageBox–type1
-ct-imageBox–type2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<div class="ct-imageBox ct-imageBox--type2"> <a href="#" class="ct-imageBox-image"> <img src="path/to/image" class="img-responsive" alt="Demo image"> </a> <article class="ct-imageBox-content"> <h5 class="ct-imageBox-content-header ct-fw-400 text-uppercase text-left"> <a href="#">Title</a> </h5> <p class="ct-imageBox-content-description"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris leo nibh, suscipit et nibh sed, posuere veneuis massa. Aliquam nunc nulla, imperdiet sed mattis id, conseu quat aliquet diam. Fusce dictum feugiat aliquam. Get tincidunt ipsum accumsan sit amet. In faucibus lacinia est. Praesent dapibus, dolor id vehicula sodales, justo. </p> </article> </div> |
Screenshot’s