Testimonials / reviews

Component is designed to showcase testimonials from satisfied clients or reviews of the products on your website.

Createx component

Default style

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Justo, amet lectus quam viverra mus lobortis fermentum amet, eu. Pulvinar eu sed purus facilisi. Vitae id turpis tempus ornare turpis quis non. Congue tortor in tot euismod vulputate etiam eros. Vel accumsan at elit neque, ipsum.

Author

Courtney Alexander

Position, Company
<!-- Default testimonial -->
<blockquote class="blockquote">
  <p class="pb-2 lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Justo, amet lectus quam viverra mus lobortis fermentum amet, eu. Pulvinar eu sed purus  facilisi. Vitae id turpis tempus ornare turpis quis non. Congue tortor in tot euismod vulputate etiam eros. Vel accumsan at elit neque, ipsum.</p>
  <footer class="media align-items-center">
    <img class="mr-3 rounded-circle" src="path-to-image" width="72" alt="Author">
    <div class="media-body">
      <h3 class="h6 mb-0">Courtney Alexander</h3>
      <span class="font-size-sm text-muted">Position, Company</span>
    </div>
  </footer>
</blockquote>

Card style

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Justo, amet lectus quam viverra mus lobortis fermentum amet, eu. Pulvinar eu sed purus facilisi. Vitae id turpis tempus ornare turpis quis non.

<!-- Card testimonial -->
<div class="blockquote-card card border-0 box-shadow-sm">
  <div class="card-body mt-sm-4 mx-xl-5 mx-sm-4 pb-0">
    <blockquote class="blockquote">
      <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Justo, amet lectus quam viverra mus lobortis fermentum amet, eu. Pulvinar eu sed purus  facilisi. Vitae id turpis tempus ornare turpis quis non.</p>
    </blockquote>
  </div>
  <div class="card-footer mb-sm-4 mx-xl-5 mx-sm-4 pt-0 border-0 media align-items-center">
    <img class="mr-3 rounded-circle" src="path-to-image" width="72" alt="Author">
    <div class="media-body">
      <h3 class="h6 mb-0">Eleanor Pena</h3>
      <span class="font-size-sm text-muted">Position, Course</span>
    </div>
  </div>
</div>

Product review

Devon Lane

July 15, 2020

Phasellus varius faucibus ultrices odio in. Massa neque dictum natoque ornare rutrum malesuada et phasellus. Viverra natoque nulla cras vel nisl proin senectus. Tortor sed eleifend ante tristique felis sed urna aliquet. Suspendisse fames egestas sed duis purus diam et.

Annette Black

1 day ago

@Devon LaneEgestas fermentum natoque sollicitudin mauris. Facilisis praesent urna sed rhoncus quis pharetra pellentesque erat sagittis.

Albert Flores

July 7, 2020

Libero commodo sit dui ac proin. Penatibus ultricies at adipiscing mauris nunc. Fames faucibus nisl duis id diam.

<!-- Product review -->
<div class="mb-4 pb-4 border-bottom">
  <div class="row">
    <div class="col-md-3 col-sm-4 mb-sm-0 mb-3">
      <h3 class="mb-2 font-size-lg">Annette Black</h3>
      <span class="d-block mb-3 font-size-sm text-muted">1 day ago</span>
      <div class="mt-n1 star-rating">
        <i class="sr-star cxi-star-filled active"></i>
        <i class="sr-star cxi-star-filled active"></i>
        <i class="sr-star cxi-star-filled active"></i>
        <i class="sr-star cxi-star-filled active"></i>
        <i class="sr-star cxi-star"></i>
      </div>
    </div>
    <div class="col">
      <p class="mb-3">
        <a class="mr-1 font-weight-bold text-decoration-none" href="#">@Devon Lane</a>
        Egestas fermentum natoque sollicitudin mauris. Facilisis praesent urna sed rhoncus quis pharetra pellentesque erat sagittis.
      </p>
      <div class="d-flex justify-content-between">
        <a class="nav-link p-0 font-size-sm" href="#">
          <i class="cxi-chat mr-2 font-size-base align-middle mt-n1"></i>
          Reply
        </a>
        <div class="d-flex">
          <a class="nav-link mr-3 p-0 font-size-sm" href="#">
            <i class="cxi-like mr-2 font-size-base align-middle mt-n1 text-success"></i>
            2
          </a>
          <a class="nav-link p-0 font-size-sm" href="#">
            <i class="cxi-dislike mr-2 font-size-base align-middle mt-n1 text-danger"></i>
            1
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
Top