The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.
Use class .nicescroll-bar
and data-simplebar
on parent element to initialize scrollbar.
<div class="hk-fixed-footer">
<div class="d-flex justify-content-between align-items-center p-3">
<div class="media align-items-center">
<div class="media-head me-3">
<div class="avatar avatar-lg">
<img src="dist/img/avatar1.jpg" alt="user" class="avatar-img">
</div>
</div>
<div class="media-body">
<h4>Nubra UI Kit</h4>
<span class="d-block">By Hencework in Template</span>
</div>
</div>
<div class="d-flex align-items-center">
<a href="#" class="me-3">Extended license</a>
<h5 class="me-3 mb-0">$35</h5>
<button class="btn btn-primary">Integrate Now</button>
</div>
</div>
</div>