Back to top
A photograph of UEA campus buildings in the background with blue skies and white clouds

Article

Quotes

For chunky testimonials that make an impact.

content

What do they look like?

Wow. Pretty flashy, right? Moving quote marks and everything.

How do I use them?

Easy peasy - just copy and paste the code below and edit the 'lorem ipsum' placeholder text.

<blockquote>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</blockquote>

Spice it up

Wrap your quote in a section with a background colour.

Get the code

<section class="full-width bg-pink">
  <blockquote>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </blockquote>
</section>
It comes in green, too.

Get the code

<section class="full-width bg-green">
  <blockquote>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </blockquote>
</section>
And yellow. Who knew.

Get the code

<section class="full-width bg-yellow">
  <blockquote>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </blockquote>
</section>