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 orange, too.

Get the code

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

Get the code

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