<figure class="text-center">
    <blockquote class="hgm-blockquote">
        <p>A well-known quote, contained in a blockquote element.</p>
    </blockquote>
    <figcaption class="hgm-blockquote__figcaption">
        Someone famous in <cite title="Source Title">Source Title</cite>
    </figcaption>
</figure>
<figure class="{{ class-modifier }}">
    <blockquote class="hgm-blockquote">
        <p>A well-known quote, contained in a blockquote element.</p>
    </blockquote>
    <figcaption class="hgm-blockquote__figcaption">
        Someone famous in <cite title="Source Title">Source Title</cite>
    </figcaption>
</figure>
{
  "class-modifier": "text-center"
}

Naming a source

The HTML spec requires that blockquote attribution be placed outside the blockquote. When providing attribution, wrap your blockquote in a figure and use a figcaption or a block level element (e.g., p) with the .hgm-blockquote__figcaption class. Be sure to wrap the name of the source work in as well.