Box

A simple div with a strip of color at the top


How they look

Available in our four primary colours.

View demo Open in new window
320 x 568
View code

<div class="gg-c-box gg-c-box--blue">
<p class="gg-u-text-speak-up">I have a blue top</p>
</div>

<div class="gg-c-box gg-c-box--pink gg-u-mt-small">
<p class="gg-u-text-speak-up">I have a pink top</p>
</div>

<div class="gg-c-box gg-c-box--green gg-u-mt-small">
<p class="gg-u-text-speak-up">I have a green top</p>
</div>

<div class="gg-c-box gg-c-box--yellow gg-u-mt-small">
<p class="gg-u-text-speak-up">I have a yellow top</p>
</div>