Reviews
Reviews
Review #1
<div class="row gy-4 gy-lg-0">
<div class="col-lg-4 col-md-8">
<!-- progress -->
<div
class="d-flex align-items-center justify-content-between gap-3 mb-2">
<div class="text-nowrap text-muted" style="width: 50px">
<span class="d-inline-block align-middle text-muted">5</span>
<i class="bi bi-star-fill ms-1 small text-primary"></i>
</div>
<div class="w-100">
<div class="progress" style="height: 6px">
<div class="progress-bar bg-primary" role="progressbar"
style="width: 60%" aria-valuenow="60" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
<span class="text-muted" style="width: 50px">22</span>
</div>
<!-- progress -->
<div
class="d-flex align-items-center justify-content-between gap-3 mb-2">
<div class="text-nowrap text-muted" style="width: 50px">
<span class="d-inline-block align-middle text-muted">4</span>
<i class="bi bi-star-fill ms-1 small text-primary"></i>
</div>
<div class="w-100">
<div class="progress" style="height: 6px">
<div class="progress-bar bg-primary" role="progressbar"
style="width: 50%" aria-valuenow="50" aria-valuemin="0"
aria-valuemax="50"></div>
</div>
</div>
<span class="text-muted" style="width: 50px">19</span>
</div>
<!-- progress -->
<div
class="d-flex align-items-center justify-content-between gap-3 mb-2">
<div class="text-nowrap text-muted" style="width: 50px">
<span class="d-inline-block align-middle text-muted">3</span>
<i class="bi bi-star-fill ms-1 small text-primary"></i>
</div>
<div class="w-100">
<div class="progress" style="height: 6px">
<div class="progress-bar bg-primary" role="progressbar"
style="width: 35%" aria-valuenow="35" aria-valuemin="0"
aria-valuemax="35"></div>
</div>
</div>
<span class="text-muted" style="width: 50px">15</span>
</div>
<!-- progress -->
<div
class="d-flex align-items-center justify-content-between gap-3 mb-2">
<div class="text-nowrap text-muted" style="width: 50px">
<span class="d-inline-block align-middle text-muted">2</span>
<i class="bi bi-star-fill ms-1 small text-primary"></i>
</div>
<div class="w-100">
<div class="progress" style="height: 6px">
<div class="progress-bar bg-primary" role="progressbar"
style="width: 22%" aria-valuenow="22" aria-valuemin="0"
aria-valuemax="22"></div>
</div>
</div>
<span class="text-muted" style="width: 50px">0</span>
</div>
<!-- progress -->
<div
class="d-flex align-items-center justify-content-between gap-3 mb-2">
<div class="text-nowrap text-muted" style="width: 50px">
<span class="d-inline-block align-middle text-muted">1</span>
<i class="bi bi-star-fill ms-1 small text-primary"></i>
</div>
<div class="w-100">
<div class="progress" style="height: 6px">
<div class="progress-bar bg-primary" role="progressbar"
style="width: 14%" aria-valuenow="14" aria-valuemin="0"
aria-valuemax="14"></div>
</div>
</div>
<span class="text-muted" style="width: 50px">0</span>
</div>
</div>
<div
class="col-lg-4 col-md-4 d-flex justify-content-center align-items-center">
<div class="d-flex align-items-center gap-3">
<div class="fs-2 text-dark fw-bold">5</div>
<!-- rating -->
<div class="d-flex flex-column">
<small class="text-primary">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</small>
<small>Based on 1 review</small>
</div>
</div>
</div>
<div
class="col-lg-4 col-12 d-flex justify-content-center align-items-center">
<a href="#" class="btn btn-primary" data-bs-toggle="modal"
data-bs-target="#reviewModal">Write a
Review</a>
</div>
</div>Review #2
<div class="col-xl-4 col-md-6">
<div class="card h-100">
<div class="card-body p-5">
<small class="text-warning">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</small>
<h3 class="fs-4 my-3">Exceptional Quality and Comfort</h3>
<p>I purchased this chair a month ago, and it's been amazing! The design is
sleek, and it's
incredibly comfortable. Worth every penny!</p>
<p class="d-flex align-items-center gap-3">
Julia Robert
<span class="small text-success d-flex align-items-center gap-1">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path opacity="0.2"
d="M15.75 9C15.75 10.335 15.3541 11.6401 14.6124 12.7501C13.8707 13.8601 12.8165 14.7253 11.5831 15.2362C10.3497 15.7471 8.99252 15.8808 7.68314 15.6203C6.37377 15.3598 5.17104 14.717 4.22703 13.773C3.28303 12.829 2.64015 11.6262 2.3797 10.3169C2.11925 9.00749 2.25292 7.65029 2.76382 6.41689C3.27471 5.18349 4.13987 4.12928 5.2499 3.38758C6.35994 2.64588 7.66498 2.25 9 2.25C10.7902 2.25 12.5071 2.96116 13.773 4.22703C15.0388 5.4929 15.75 7.20979 15.75 9Z"
fill="#15803D" />
<path
d="M12.2105 6.91453C12.2628 6.96677 12.3043 7.02881 12.3326 7.0971C12.3609 7.16538 12.3754 7.23858 12.3754 7.3125C12.3754 7.38642 12.3609 7.45962 12.3326 7.5279C12.3043 7.59619 12.2628 7.65823 12.2105 7.71047L8.27297 11.648C8.22073 11.7003 8.15869 11.7418 8.09041 11.7701C8.02212 11.7984 7.94892 11.8129 7.875 11.8129C7.80108 11.8129 7.72789 11.7984 7.6596 11.7701C7.59131 11.7418 7.52928 11.7003 7.47703 11.648L5.78953 9.96047C5.68399 9.85492 5.62469 9.71177 5.62469 9.5625C5.62469 9.41323 5.68399 9.27008 5.78953 9.16453C5.89508 9.05898 6.03824 8.99969 6.1875 8.99969C6.33677 8.99969 6.47992 9.05898 6.58547 9.16453L7.875 10.4548L11.4145 6.91453C11.4668 6.86223 11.5288 6.82074 11.5971 6.79244C11.6654 6.76413 11.7386 6.74956 11.8125 6.74956C11.8864 6.74956 11.9596 6.76413 12.0279 6.79244C12.0962 6.82074 12.1582 6.86223 12.2105 6.91453ZM16.3125 9C16.3125 10.4463 15.8836 11.8601 15.0801 13.0626C14.2766 14.2651 13.1346 15.2024 11.7984 15.7559C10.4622 16.3093 8.99189 16.4541 7.57341 16.172C6.15492 15.8898 4.85196 15.1934 3.82928 14.1707C2.80661 13.148 2.11017 11.8451 1.82801 10.4266C1.54586 9.00811 1.69067 7.53781 2.24413 6.20163C2.7976 4.86544 3.73486 3.72339 4.9374 2.91988C6.13993 2.11637 7.55373 1.6875 9 1.6875C10.9388 1.68955 12.7975 2.46063 14.1685 3.83154C15.5394 5.20246 16.3105 7.06123 16.3125 9ZM15.1875 9C15.1875 7.77623 14.8246 6.57994 14.1447 5.56241C13.4648 4.54488 12.4985 3.75181 11.3679 3.2835C10.2372 2.81518 8.99314 2.69264 7.79288 2.93139C6.59262 3.17014 5.49012 3.75944 4.62478 4.62478C3.75944 5.49011 3.17014 6.59262 2.93139 7.79288C2.69265 8.99314 2.81518 10.2372 3.2835 11.3679C3.75182 12.4985 4.54488 13.4648 5.56241 14.1447C6.57994 14.8246 7.77623 15.1875 9 15.1875C10.6405 15.1856 12.2132 14.5331 13.3732 13.3732C14.5331 12.2132 15.1856 10.6405 15.1875 9Z"
fill="#15803D" />
</svg>
Verified
</span>
</p>
<div class="d-flex flex-row gap-3 align-items-center">
<span>Was this review helpful?</span>
<div class="d-flex flex-row gap-2">
<a href="#!" class="">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
fill="currentColor" class="bi bi-hand-thumbs-up"
viewBox="0 0 16 16">
<path
d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z">
</path>
</svg>
2
</a>
<a href="#!" class="">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
fill="currentColor" class="bi bi-hand-thumbs-down"
viewBox="0 0 16 16">
<path
d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1">
</path>
</svg>
0
</a>
</div>
</div>
</div>
</div>
</div>Review #3
Anita parmar
Author 2 days agoThere are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.by injected humour, or randomised.
Last edited 3 days ago by Anita parmar
Manasvi Suthar
Author 3 days agoThere are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly
Last edited 3 days ago by Anita parmar
<div>
<div class="d-flex gap-4 mb-6">
<img src="../../assets/images/avatar/avatar-1.jpg" alt="avatar"
class="avatar avatar-lg rounded-circle" />
<div class="">
<div class="d-flex align-items-center gap-3 mb-2">
<h3 class="fs-6 mb-0">Anita parmar</h3>
<span class="text-success fw-semibold small">Author</span>
<span class="small d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="14"
height="14" fill="currentColor" class="bi bi-clock"
viewBox="0 0 16 16">
<path
d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z" />
<path
d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0" />
</svg>
2 days ago
</span>
</div>
<p class="mb-4">
There are many variations of passages of Lorem Ipsum available,
but the majority
have suffered
alteration in some form, by injected humour, or randomised words
which don't
look
even slightly believable.by injected humour, or randomised.
</p>
<p class="small d-flex align-items-center gap-2">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="14"
height="14" fill="currentColor"
class="bi bi-pencil-square" viewBox="0 0 16 16">
<path
d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z" />
<path fill-rule="evenodd"
d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z" />
</svg>
</span>
<span>
Last edited 3 days ago by
<a href="" class="text-link">Anita parmar</a>
</span>
</p>
<div class="d-flex flex-row gap-3">
<div class="d-flex flex-row gap-2 small align-items-center">
<a href="#!" class="">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">
<path
d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z">
</path>
</svg>
2
</a>
<a href="#!" class="">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">
<path
d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1">
</path>
</svg>
0
</a>
</div>
<div>
<a href="#!" class="text-link small">
<svg width="16" height="16" viewBox="0 0 16 16"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.3538 9.85375L11.3538 12.8538C11.2599 12.9476 11.1327 13.0003 11 13.0003C10.8673 13.0003 10.7401 12.9476 10.6462 12.8538C10.5524 12.7599 10.4997 12.6327 10.4997 12.5C10.4997 12.3673 10.5524 12.2401 10.6462 12.1462L12.7931 10H8C6.27665 9.99818 4.62441 9.31278 3.40582 8.09418C2.18722 6.87559 1.50182 5.22335 1.5 3.5C1.5 3.36739 1.55268 3.24021 1.64645 3.14645C1.74021 3.05268 1.86739 3 2 3C2.13261 3 2.25979 3.05268 2.35355 3.14645C2.44732 3.24021 2.5 3.36739 2.5 3.5C2.50165 4.95818 3.08165 6.35617 4.11274 7.38726C5.14383 8.41835 6.54182 8.99835 8 9H12.7931L10.6462 6.85375C10.5524 6.75993 10.4997 6.63268 10.4997 6.5C10.4997 6.36732 10.5524 6.24007 10.6462 6.14625C10.7401 6.05243 10.8673 5.99972 11 5.99972C11.1327 5.99972 11.2599 6.05243 11.3538 6.14625L14.3538 9.14625C14.4002 9.19269 14.4371 9.24783 14.4623 9.30853C14.4874 9.36923 14.5004 9.43429 14.5004 9.5C14.5004 9.56571 14.4874 9.63077 14.4623 9.69147C14.4371 9.75217 14.4002 9.80731 14.3538 9.85375Z"
fill="#211F1C" />
</svg>
Reply
</a>
</div>
</div>
</div>
</div>
<div class="ms-lg-9 mb-6">
<div class="d-flex gap-4 mb-5">
<img src="../../assets/images/avatar/avatar-4.jpg" alt="avatar"
class="avatar avatar-lg rounded-circle" />
<div class="">
<div class="d-flex align-items-center gap-3 mb-2">
<h3 class="fs-6 mb-0">Vallabh Sompura</h3>
<span class="small d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="14"
height="14" fill="currentColor" class="bi bi-clock"
viewBox="0 0 16 16">
<path
d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z" />
<path
d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0" />
</svg>
1 days ago
</span>
</div>
<p class="mb-3">Lorem Ipsum available, but majority have
suffered alteration in
some form,</p>
<div class="d-flex flex-row gap-3">
<div class="d-flex flex-row gap-2">
<a href="#!" class="">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-hand-thumbs-up"
viewBox="0 0 16 16">
<path
d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z">
</path>
</svg>
2
</a>
<a href="#!" class="">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-hand-thumbs-down"
viewBox="0 0 16 16">
<path
d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1">
</path>
</svg>
0
</a>
</div>
<div>
<a href="#!" class="text-link small">
<svg width="16" height="16" viewBox="0 0 16 16"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.3538 9.85375L11.3538 12.8538C11.2599 12.9476 11.1327 13.0003 11 13.0003C10.8673 13.0003 10.7401 12.9476 10.6462 12.8538C10.5524 12.7599 10.4997 12.6327 10.4997 12.5C10.4997 12.3673 10.5524 12.2401 10.6462 12.1462L12.7931 10H8C6.27665 9.99818 4.62441 9.31278 3.40582 8.09418C2.18722 6.87559 1.50182 5.22335 1.5 3.5C1.5 3.36739 1.55268 3.24021 1.64645 3.14645C1.74021 3.05268 1.86739 3 2 3C2.13261 3 2.25979 3.05268 2.35355 3.14645C2.44732 3.24021 2.5 3.36739 2.5 3.5C2.50165 4.95818 3.08165 6.35617 4.11274 7.38726C5.14383 8.41835 6.54182 8.99835 8 9H12.7931L10.6462 6.85375C10.5524 6.75993 10.4997 6.63268 10.4997 6.5C10.4997 6.36732 10.5524 6.24007 10.6462 6.14625C10.7401 6.05243 10.8673 5.99972 11 5.99972C11.1327 5.99972 11.2599 6.05243 11.3538 6.14625L14.3538 9.14625C14.4002 9.19269 14.4371 9.24783 14.4623 9.30853C14.4874 9.36923 14.5004 9.43429 14.5004 9.5C14.5004 9.56571 14.4874 9.63077 14.4623 9.69147C14.4371 9.75217 14.4002 9.80731 14.3538 9.85375Z"
fill="#211F1C" />
</svg>
Reply
</a>
</div>
</div>
</div>
</div>
<div class="d-flex gap-4 mb-3">
<img src="../../assets/images/avatar/avatar-5.jpg" alt="avatar"
class="avatar avatar-lg rounded-circle" />
<div class="">
<div class="d-flex align-items-center gap-3 mb-2">
<h3 class="fs-6 mb-0">Jitu Chauhan</h3>
<span class="small d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="14"
height="14" fill="currentColor" class="bi bi-clock"
viewBox="0 0 16 16">
<path
d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z" />
<path
d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0" />
</svg>
1 days ago
</span>
</div>
<p class="mb-3">Lorem Ipsum available, but majority have
suffered alteration in
some form,</p>
<div class="d-flex flex-row gap-3">
<div class="d-flex flex-row gap-2 small align-items-center">
<a href="#!" class="">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-hand-thumbs-up"
viewBox="0 0 16 16">
<path
d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z">
</path>
</svg>
2
</a>
<a href="#!" class="">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-hand-thumbs-down"
viewBox="0 0 16 16">
<path
d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1">
</path>
</svg>
0
</a>
</div>
<div>
<a href="#!" class="text-link small">
<svg width="16" height="16" viewBox="0 0 16 16"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.3538 9.85375L11.3538 12.8538C11.2599 12.9476 11.1327 13.0003 11 13.0003C10.8673 13.0003 10.7401 12.9476 10.6462 12.8538C10.5524 12.7599 10.4997 12.6327 10.4997 12.5C10.4997 12.3673 10.5524 12.2401 10.6462 12.1462L12.7931 10H8C6.27665 9.99818 4.62441 9.31278 3.40582 8.09418C2.18722 6.87559 1.50182 5.22335 1.5 3.5C1.5 3.36739 1.55268 3.24021 1.64645 3.14645C1.74021 3.05268 1.86739 3 2 3C2.13261 3 2.25979 3.05268 2.35355 3.14645C2.44732 3.24021 2.5 3.36739 2.5 3.5C2.50165 4.95818 3.08165 6.35617 4.11274 7.38726C5.14383 8.41835 6.54182 8.99835 8 9H12.7931L10.6462 6.85375C10.5524 6.75993 10.4997 6.63268 10.4997 6.5C10.4997 6.36732 10.5524 6.24007 10.6462 6.14625C10.7401 6.05243 10.8673 5.99972 11 5.99972C11.1327 5.99972 11.2599 6.05243 11.3538 6.14625L14.3538 9.14625C14.4002 9.19269 14.4371 9.24783 14.4623 9.30853C14.4874 9.36923 14.5004 9.43429 14.5004 9.5C14.5004 9.56571 14.4874 9.63077 14.4623 9.69147C14.4371 9.75217 14.4002 9.80731 14.3538 9.85375Z"
fill="#211F1C" />
</svg>
Reply
</a>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex gap-4 mb-6">
<img src="../../assets/images/avatar/avatar-2.jpg" alt="avatar"
class="avatar avatar-lg rounded-circle" />
<div class="">
<div class="d-flex align-items-center gap-3 mb-2">
<h3 class="fs-6 mb-0">Manasvi Suthar</h3>
<span class="text-success fw-semibold small">Author</span>
<span class="small d-flex align-items-center gap-1">
<svg xmlns="http://www.w3.org/2000/svg" width="14"
height="14" fill="currentColor" class="bi bi-clock"
viewBox="0 0 16 16">
<path
d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z" />
<path
d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0" />
</svg>
3 days ago
</span>
</div>
<p class="mb-4">
There are many variations of passages of Lorem Ipsum available,
but the majority
have suffered
alteration in some form, by injected humour, or randomised words
which don't
look
even slightly
</p>
<p class="small d-flex align-items-center gap-2">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="14"
height="14" fill="currentColor"
class="bi bi-pencil-square" viewBox="0 0 16 16">
<path
d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z" />
<path fill-rule="evenodd"
d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z" />
</svg>
</span>
<span>
Last edited 3 days ago by
<a href="" class="text-link">Anita parmar</a>
</span>
</p>
<div class="d-flex flex-row gap-3">
<div class="d-flex flex-row gap-2 small align-items-center">
<a href="#!" class="">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">
<path
d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z">
</path>
</svg>
2
</a>
<a href="#!" class="">
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">
<path
d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1">
</path>
</svg>
0
</a>
</div>
<div>
<a href="#!" class="text-link small">
<svg width="16" height="16" viewBox="0 0 16 16"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.3538 9.85375L11.3538 12.8538C11.2599 12.9476 11.1327 13.0003 11 13.0003C10.8673 13.0003 10.7401 12.9476 10.6462 12.8538C10.5524 12.7599 10.4997 12.6327 10.4997 12.5C10.4997 12.3673 10.5524 12.2401 10.6462 12.1462L12.7931 10H8C6.27665 9.99818 4.62441 9.31278 3.40582 8.09418C2.18722 6.87559 1.50182 5.22335 1.5 3.5C1.5 3.36739 1.55268 3.24021 1.64645 3.14645C1.74021 3.05268 1.86739 3 2 3C2.13261 3 2.25979 3.05268 2.35355 3.14645C2.44732 3.24021 2.5 3.36739 2.5 3.5C2.50165 4.95818 3.08165 6.35617 4.11274 7.38726C5.14383 8.41835 6.54182 8.99835 8 9H12.7931L10.6462 6.85375C10.5524 6.75993 10.4997 6.63268 10.4997 6.5C10.4997 6.36732 10.5524 6.24007 10.6462 6.14625C10.7401 6.05243 10.8673 5.99972 11 5.99972C11.1327 5.99972 11.2599 6.05243 11.3538 6.14625L14.3538 9.14625C14.4002 9.19269 14.4371 9.24783 14.4623 9.30853C14.4874 9.36923 14.5004 9.43429 14.5004 9.5C14.5004 9.56571 14.4874 9.63077 14.4623 9.69147C14.4371 9.75217 14.4002 9.80731 14.3538 9.85375Z"
fill="#211F1C" />
</svg>
Reply
</a>
</div>
</div>
</div>
</div>
<div>
<a href="#!" class="btn btn-primary">Load more Reviews</a>
</div>
</div>