<!-- Default -->
<h2 class="label">default</h2>

<blockquote class="">
    <p>Someone famous once said something really profound. It was probably Einstein. Yeah Einstein.</p>
    <cite> Albert Einstein, 2017</cite>
</blockquote>

<!-- Blockquote Colour -->
<h2 class="label">Pullquote</h2>

<blockquote class="csu-green-text">
    <p>Someone famous once said something really profound. It was probably Einstein. Yeah Einstein.</p>
    <cite> Albert Einstein, 2017</cite>
</blockquote>

<!-- Pullquote -->
<h2 class="label">Pullquote</h2>

<blockquote class="pullquote">
    <p>Someone famous once said something really profound. It was probably Einstein. Yeah Einstein.</p>
    <cite> Albert Einstein, 2017</cite>
</blockquote>

<!-- Coloured Pullquote -->
<h2 class="label">Coloured Pullquote</h2>

<blockquote class="pullquote csu-green">
    <p>Someone famous once said something really profound. It was probably Einstein. Yeah Einstein.</p>
    <cite> Albert Einstein, 2017</cite>
</blockquote>

<!-- Fancyquote -->
<h2 class="label">Fancyquote</h2>

<blockquote class="fancyquote">
    <p>Someone famous once said something really profound. It was probably Einstein. Yeah Einstein.</p>
    <cite> Albert Einstein, 2017</cite>
</blockquote>

<!-- Coloured Fancyquote -->
<h2 class="label">Coloured Fancyquote</h2>

<blockquote class="fancyquote csu-green-text">
    <p>Someone famous once said something really profound. It was probably Einstein. Yeah Einstein.</p>
    <cite> Albert Einstein, 2017</cite>
</blockquote>

<h2 class="label">{{ modifier }}</h2>

<blockquote class="{{ class }}">
  <p>{{ text }}</p>
  <cite> {{ cite }}</cite>
</blockquote>

Blockquotes are a great tool to display and layout text items. There are two variants on the base blockquote element - Pullquote and Fancyquote. These are helpful for drawing attention to text within the content or to hightlight passages of text. Use the Blockquote element as a container for paragraphs, lists and headings (<p>, <ul>, <ol>, <li> & <h1> – <h6>). Colours can be applied to add visual impact.