Images

Images are essential part of web. They need to be responsive so they won't get bigger than their parent container. Use our predefined classes to make images responsive as well as of custom sizes.

Square Images

They are of Square shaped with dimensions equal to 150 x 150.

expand_more

<img src="your-img-url.png" alt="alarm clock" class="square-img">
<img src="yout-img-url.png" alt="telephone" class="square-img">

Round Images

These are cicular images with a dimension of 150 x 150.

expand_more

<img src="yout-img-url.png" alt="football" class="round-img">
<img src="your-img-url.png" alt="cookies" class="round-img">

Responsive Images

These images will be as big as their parent container to give them responsive nature. As their parent grows and shrink they will also grow and shrink. Resize the browser to see output.

expand_more

<img src="your-img-url.png" alt="headphones one the table" class="responsive-img">