@ulu/frontend/lib/scss/components/_pull-quote.demo.html

A framework-agnostic frontend toolkit providing a modular, tree-shakable library of accessible components and utilities. Designed for seamless integration, it features a highly configurable SCSS system for any environment and vanilla JavaScript modules op

<!-- @ulu-demo
  title: Standard Pull Quote
  description: A centered pull quote with an optional author image, name, and title.
-->
<figure class="pull-quote">
  <blockquote class="pull-quote__body type-large-x">
    <p>The best way to predict the future is to create it. Design systems provide the foundation for that creation.</p>
  </blockquote>
  <figcaption class="pull-quote__author">
    <div class="pull-quote__author-image">
      <div class="badge badge--small">
        <div class="badge__inner">
          <img src="https://picsum.photos/id/64/100/100" alt="Jane Doe">
        </div>
      </div>
    </div>
    <strong class="pull-quote__author-name">Jane Doe</strong>
    <span class="pull-quote__author-title">Principal Design Architect</span>
  </figcaption>
</figure>