Elements
These modular elements can be readily used and customized across pages and in different blocks.
Image Example <> show code
<!-- image Default -->
<div class="row">
<div class="col-md-4">
<div class="image_container">
<img src="img/gallery/gallery1.jpg" alt="gallery">
</div>
</div>
</div>
<!-- image rounded -->
<div class="image_container">
<img class="image_rounded" src="img/gallery/gallery5.jpg" alt="gallery">
</div>
<!-- image circle -->
<div class="image_container">
<img class="image_circle" src="img/gallery/gallery5.jpg" alt="gallery">
</div>
<!-- image bordered -->
<div class="image_container">
<img class="image_bordered" src="img/gallery/gallery5.jpg" alt="gallery">
</div>
How to use
- Use .image_container wrapper for <img> element
- Use .image_rounded, .image_circle , .image_bordered with <img> element for rounded, circle or bordered image style
Example
Rounded image
Circle image
Bordered Image