0% found this document useful (0 votes)
15 views1 page

Comments - HTML Template Básic

The document presents a section for recent user comments, featuring a layout that includes user avatars, comment details, and interaction options. Each comment displays the user's name, creation time, and a status badge indicating it is pending. Additionally, there are icons for editing, replying, and liking the comment.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
15 views1 page

Comments - HTML Template Básic

The document presents a section for recent user comments, featuring a layout that includes user avatars, comment details, and interaction options. Each comment displays the user's name, creation time, and a status badge indicating it is pending. Additionally, there are icons for editing, replying, and liking the comment.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<section>

<div class="row d-flex justify-content-center">


<div class="col-md-12 col-lg-12">
<h4 class="mb-0">Recent comments</h4>
<p class="fw-light mb-4 pb-2">Latest Comments section by users</p>
<div class="card">
<div class="card-body p-4">

<div class="comment mb-4 d-flex align-items-start col-md-12


">
<img class="rounded-circle shadow-1-strong me-3"

src="https://mdbcdn.b-cdn.net/img/Photos/Avatars/img%20(23).webp" alt="avatar"
width="60"
height="60" />

<div >
<h6 class="fw-bold mb-1">Name</h6>
<div class="d-flex align-items-center mb-3">
<p class="mb-0">
Created at 21
<span class="badge
bg-primary">Pending</span>
</p>
<a href="#!" class="link-muted"> <i class="fas
fa-pencil-alt ms-2"></i></a>
<a href="#!" class="link-muted"><i class="fas
fa-redo-alt ms-2"></i></a>
<a href="#!" class="link-muted"><i class="fas
fa-heart ms-2"></i></a>
</div>
<p class="mb-0">
Conteudo
</p>
</div>
</div>
<hr>
</div>
</div>
</div>
</div>
</section>

You might also like