User Profile

<aside class="col-xxl-3 col-md-5 col-12">
<div class="card rounded-3">
	<div class="card-body p-4">
		<div class="text-center">
			<img src="../assets/images/avatar-1.png" alt="" class="avatar-xxl rounded-circle mb-3" />
			<div>
				<span class="badge bg-primary-soft mb-3">Customer Support Manager</span>
				<h4 class="mb-0">Sarah Spangenberg</h4>
				<small>@ sarah_spangenberg</small>
				<p class="mt-2">San Francisco</p>
			</div>
			<div class="row mt-4">
				<div class="col">
					<i class="fe fe-message-square mb-2 d-block font-24"></i>
					<p class="mb-0">647</p>
				</div>
				<div class="col">
					<i class="fe fe-thumbs-up mb-2 d-block font-24"></i>
					<p class="mb-0">233</p>
				</div>
				<div class="col">
					<i class="fe fe-users mb-2 d-block font-24"></i>
					<p class="mb-0">124</p>
				</div>
			</div>
			<a href="#" class="btn btn-outline-primary btn-sm mt-3">Follow</a>
		</div>
	</div>
</div>
</aside>

<div class="rounded bg-light border-light p-4 ">
<div class="d-flex align-items-center mb-3 ">
   <img src="../assets/images/avatar-1.png " alt=" " class="avatar-xl rounded-circle me-3 ">
   <div>
      <h5 class="h6 mb-0 ">Gloria Alexander</h5>
      <small>Author</small>
   </div>
</div>
<p>
   Keynote is an American motivational speaker, author, radio DJ,
   former television host. As a motivational speaker, he uses the
   catch phrase "it 's possible!" and teaches people to follow
   their dreams as he learned to do.
</p>
<a href="#" class="btn-link">View All Post</a>
</div>