Scribd
Upload
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.

Uploaded by

dodochavescadete13
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
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.

Uploaded by

dodochavescadete13
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