Image

Images are one of the most attractive components of websites. There are 3 variants of images available - square, round & responsive. Resize the window to see the responsive image.

Square images

Get square images by giving .img-square class.

                    
<img src="url-of-the-image" alt="image" class="img-sq">
<img src="url-of-the-image" alt="image" class="img-sq">
                    
                

Round images

Get round images by giving .img-round class.

                    
<img src="url-of-the-image" alt="image" class="img-round">
<img src="url-of-the-image" alt="image" class="img-round">
                    
                

Responsive images

Resize the window to see responsive nature.Get square images by giving .img-rsp class.

                    
<img src="url-of-the-image" alt="image" class="img-rsp">