Molecule

Testimonial

Show code
Some quick example text to build on the card title and make up the bulk of the card's content. Author Link
            
              <div class="testimonial">
  <div class="testimonial-header">
    <div class="avatar avatar--md avatar--image" style="background-image:url("/images/placeholder-square.jpg")"></div>
  </div>
  <div class="testimonial-body">
    <blockquote class="blockquote" cite="Author">
      Some quick example text to build on the card title and make up the bulk of the card"s content. <cite>Author <a href="#">Link</a></cite>
    </blockquote>
  </div>
  <div class="testimonial-footer">
    <a href="button-link" class="btn btn-outline-primary btn--icon-right"><span>Primary</span> <svg class="icon" viewbox="0 0 32 32">
    <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#triangle"></use></svg></a>
  </div>
</div>

            
          

.testimonial--type-a

Show code
Some quick example text to build on the card title and make up the bulk of the card's content. Author Link
            
              <div class="testimonial testimonial--type-a">
  <div class="testimonial-header">
    <div class="avatar avatar--md avatar--image" style="background-image:url("/images/placeholder-square.jpg")"></div>
  </div>
  <div class="testimonial-body">
    <blockquote class="blockquote" cite="Author">
      Some quick example text to build on the card title and make up the bulk of the card"s content. <cite>Author <a href="#">Link</a></cite>
    </blockquote>
  </div>
  <div class="testimonial-footer">
    <a href="button-link" class="btn btn-outline-primary btn--icon-right"><span>Primary</span> <svg class="icon" viewbox="0 0 32 32">
    <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#triangle"></use></svg></a>
  </div>
</div>