Fixed Footer

The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.

Scrollable with card

Use class .nicescroll-bar and data-simplebar on parent element to initialize scrollbar.

HTML

														
<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>Zapped 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>