Testimonials / Reviews

<!-- Basic blockquote -->
<blockquote class="blockquote">
  <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Faucibus porta lacus fringilla vel porta lacus fringilla.</p>
  <footer class="blockquote-footer">
    Someone famous in <cite title="Source Title">Source Title</cite>
  </footer>
</blockquote>

// TestimonialBasic blockquote
blockquote.blockquote
  p.mb-0 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Faucibus porta lacus fringilla vel porta lacus fringilla.
  footer.blockquote-footer Someone famous in <cite title="Source Title">Source Title</cite>

<!-- Testimonial -->
<blockquote class="blockquote">
  <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Faucibus porta lacus fringilla vel porta lacus fringilla voluptate velit esse cillum.</p>
  <div class="d-inline-block text-left pt-4">
    <div class="media align-items-center mb-2">
      <img src="path-to-author-picture" class="mr-2" width="50" alt="Author ava">
      <div class="media-body">
        <h6 class="font-size-sm mb-0">Jonathan Smith</h6>
        <span class="d-block font-size-sm text-muted">Chief editor, Magazine</span>
      </div>
    </div>
  </div>
</blockquote>

// Testimonial
blockquote.blockquote.text-center
  p.mb-0 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Faucibus porta lacus fringilla vel porta lacus fringilla voluptate velit esse cillum.
  .d-inline-block.text-left.pt-4
    .media.align-items-center.mb-2
      img(src="path-to-author-picture", width="50", alt="Author ava").mr-2
      .media-body
        h6.font-size-sm.mb-0 Jonathan Smith
        span.d-block.font-size-sm.text-muted Chief editor, Magazine

<!-- Product review -->
<blockquote class="blockquote comment border-top-0 border-left-0 border-right-0 px-0 pt-0">
  <div class="d-sm-flex align-items-center pb-2">
    <h6 class="mb-0">Awesome quality for the price</h6>
    <span class="d-none d-sm-inline mx-2 text-muted opacity-50">|</span>
    <div class="star-rating">
      <i class="sr-star active" data-feather="star"></i>
      <i class="sr-star active" data-feather="star"></i>
      <i class="sr-star active" data-feather="star"></i>
      <i class="sr-star active" data-feather="star"></i>
      <i class="sr-star" data-feather="star"></i>
    </div>
  </div>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse...</p>
  <div class="d-inline-block text-left pt-4">
    <div class="media align-items-center mb-2">
      <img src="path-to-author-picture" class="mr-3" width="50" alt="Author ava">
      <div class="media-body">
        <h6 class="font-size-sm mb-0">Daniel Adams</h6>
        <span class="d-block font-size-sm text-muted">May 17, 2019</span>
      </div>
    </div>
  </div>
</blockquote>

// Product review
.blockquote.comment.border-top-0.border-left-0.border-right-0.px-0.pt-0
  .d-sm-flex.align-items-center.pb-2
    h6.mb-0 Awesome quality for the price
    span.d-none.d-sm-inline.mx-2.text-muted.opacity-50 |
    +star-rating(4)
  p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse...
  .media.align-items-center.mb-2
    img(src="path-to-author-picture", width="50", alt="Author ava").mr-3
    .media-body
      h6.font-size-sm.mb-0 Daniel Adams
      span.d-block.font-size-sm.text-muted May 17, 2019