CSS Classes

Sip & Anchor Custom Classes

The title of each item on this page is the CSS class used to create it. In brackets following it is the suggested location of the class.

To create a home-header item, I suggest placing the class in a div wrapping the header, with h1 and h3 lines inside it.

Example:

<div class="home-header">
<h1>Big text</h1>
<h3>Subtitle</h3>
</div>

To use a color class, you can apply it to any HTML tag containing text.

Example:

My name is <strong class="red">Carter</strong>!

teaser

  • grey text block with rounded borders
  • h3: magenta text with line below
  • a (link): medium blue text, caps lock

teaser-blue

  • blue text block with rounded borders
  • h3: white text with line below
  • a (link): medium white text, caps lock

icon-box

text centered
grows when hovered
h2: large, teal

h4: yellow box

use h3

use h1

use h3

use h1

black

white

grey

blue

red

yellow

cyan

light-blue

magenta

blue-box

red-box

yellow-box

white-box

black

white

grey

blue

red

yellow

cyan

light-blue

magenta

blue-box

red-box

yellow-box

white-box