Pullquote Samples & code

This is a regular pullquote. It defaults to size: medium and color1

This is a pq--attribution used for attribution


Pullquote size - Small, color 1. Use class="pq pq--sm pq--clr1"

This is a small attribution. Use class="pq pq--sm--attribution pq--clr1"

Pullquote size - Small, color 1. Use class="pq pq--sm pq--clr2"

This is a small attribution. Use class="pq pq--sm--attribution pq--clr2"

Pullquote size - Small, color 1. Use class="pq pq--sm pq--clr3"

This is a small attribution. Use class="pq pq--sm--attribution pq--clr3"


Pullquote size - Medium, color 1. Use class="pq pq--md pq--clr1"

This is a medium attribution. Use class="pq pq--md--attribution pq--clr1"

Pullquote size - Medium, color 2. Use class="pq pq--md pq--clr2"

This is a medium attribution. Use class="pq pq--md--attribution pq--clr2"

Pullquote size - Medium, color 3. Use class="pq pq--md pq--clr3"

This is a medium attribution. Use class="pq pq--md--attribution pq--clr3"


Pullquote size - Large, color 1. Use class="pq pq--lg pq--clr1"

This is a large attribution. Use class="pq pq--lg--attribution pq--clr1"

Pullquote size - Large, color 2. Use class="pq pq--lg pq--clr2"

This is a large attribution. Use class="pq pq--lg--attribution pq--clr2"

Pullquote size - Large, color 3. Use class="pq pq--lg pq--clr3"

This is a large attribution. Use class="pq pq--lg--attribution pq--clr3"

Become an Insider