Blockquote

<div class="ds-block">

    <blockquote>
        <p>The quick brown fox jumps over the lazy dog</p>
    </blockquote>

</div>

<div class="ds-block">

    <!-- Example: Person, cited work -->
    <blockquote>
        <p>Think of our brand as our personality. It conveys the values and qualities that we want to be associated with. Our logo is a symbol or sign that helps our audience identify our brand. <q>And if our brand is our personality</q>, our logo is our unique fingerprint.</p>
        <footer>
            <p><strong>Aldous Huxley</strong>, <cite>Brave New World</cite></p>
        </footer>
    </blockquote>

    <!-- Example: Person, position -->
    <blockquote>
        <p>The quick brown fox jumps over the lazy dog</p>
        <footer>
            <p><strong>John Appleseed</strong><br> Senior Accountant,<br> Southern Cross Business Advisers</p>
        </footer>
    </blockquote>

</div>

<div class="ds-block">

    <blockquote class="ds-blockquote ds-blockquote--feature">
        <p>The quick brown fox jumps over the lazy dog</p>
    </blockquote>

</div>

<div class="ds-block">

    <blockquote class="ds-blockquote--feature">
        <p>The quick brown fox jumps over the lazy dog</p>
        <footer>
            <p><strong>John Appleseed</strong><br> Senior Accountant,<br> Southern Cross Business Advisers</p>
        </footer>
    </blockquote>

</div>