Skip to content

News Article

Background Colours

Create powerful blocks of colour.

colour

What do they look like?

Purple background

<div class="card bg-purple">Lorem ipsum</div>

Pale purple background

<div class="card bg-pale-purple">Lorem ipsum</div>

Green background

<div class="card bg-green">Lorem ipsum</div>

Yellow background

<div class="card bg-yellow">Lorem ipsum</div>

Orange background

<div class="card bg-orange">Lorem ipsum</div>

Red background

<div class="card bg-red">Lorem ipsum</div>

Black background

<div class="card bg-black">Lorem ipsum</div>

White background

<div class="card bg-white border-1">Lorem ipsum</div>

Spice it up

<section class="full-width bg-red">
Content
</section>

In orange

<section class="full-width bg-orange">
Content
</section>

In yellow

<section class="full-width bg-yellow">
Content
</section>