Elements


These modular elements can be readily used and customized across pages and in different blocks.

	
		<!-- image Default -->
		<div class="row">
			<div class="col-md-4">
				<div class="image_container">
					<img src="assets/img/elm/el9.jpg" alt="gallery">
				</div>
			</div>
		</div>
	
		<!-- image rounded -->
		<div class="image_container">
			<img class="image_rounded" src="assets/img/gallery/g1.jpg" alt="gallery">
		</div>
	
		<!-- image circle -->
		<div class="image_container image_circle">
			<img src="assets/img/gallery/g1.jpg" alt="gallery">
		</div>
	
		<!-- image bordered -->
		<div class="image_container">
			<img class="image_bordered" src="assets/img/gallery/g1.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

gallery
gallery
gallery

Rounded image

gallery
gallery

Circle image

gallery
gallery
gallery

Bordered Image

gallery
gallery