Images

Avatar Size Rounded-Circle Example

user user user user user

<img src="assets/images/user-68.jpg" class="wh-87 rounded-circle" alt="user">
<img src="assets/images/user-68.jpg" class="wh-77 rounded-circle" alt="user">
<img src="assets/images/user-68.jpg" class="wh-67 rounded-circle" alt="user">
<img src="assets/images/user-68.jpg" class="wh-57 rounded-circle" alt="user">
<img src="assets/images/user-68.jpg" class="wh-47 rounded-circle" alt="user">

Avatar Size Simple Rounded Example

screenshorts screenshorts screenshorts screenshorts screenshorts

<img src="assets/images/screenshorts.jpg" class="wh-87 rounded-3" alt="screenshorts">
<img src="assets/images/screenshorts.jpg" class="wh-77 rounded-3" alt="screenshorts">
<img src="assets/images/screenshorts.jpg" class="wh-67 rounded-3" alt="screenshorts">
<img src="assets/images/screenshorts.jpg" class="wh-57 rounded-3" alt="screenshorts">
<img src="assets/images/screenshorts.jpg" class="wh-47 rounded-3" alt="screenshorts">

Avatar size rounded-circle example

screenshorts
screenshorts

<div class="row">
    <div class="col-lg-6 mb-4">
        <img src="assets/images/screenshorts.jpg" class="border border-3" alt="screenshorts">
    </div>
    <div class="col-lg-6 mb-4">
        <img src="assets/images/screenshorts.jpg" class="border rounded-circle border-3" alt="screenshorts">
    </div>
</div>

Responsive Images

carousel

<img src="assets/images/carousel-1.jpg" class="border-3 border-color-white" alt="carousel">