Image Component

Today, we cannot imagine a website without images. Here, are a few image blueprints that you can use in your website.

1. Square image: use "img-square" class

2. Round image: use "img-round" class

3. Responsive image: use "img-responsive" class

1. Square Image:

            
                <img class="img-square" src="image url" alt="square image">

2. Round Image:

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

3. Responsive Image:

            
                <img class="img-responsive" src="image url" alt="responsive image">

Components