PolicyGenius - Style Guide

Ad Unit

Plan image

.mod-ad-unit
  img src='holder.js/1000x250?auto=yes'

Headline & action button

Phasellus mollis ullamcorper odio

Maecenas non
.mod-ad-unit
  .content
    h3 Phasellus mollis ullamcorper odio
    a.button.action href='#' Maecenas non

Content in a row

Donec sit amet odio tincidunt, ornare elit ut

Maecenas non
.mod-ad-unit
  .content.horizontal
    h3 Donec sit amet odio tincidunt, ornare elit ut
    a.button.action href='#' Maecenas non

Background image

Curabitur eget tellus in quam tristique efficitur et id lacus.

Maecenas non
.mod-ad-unit
  .content.align-left style='background-image: url(images/career-board-hero-image.jpg)'
    h3 Curabitur eget tellus in quam tristique efficitur et id lacus.
    a.button.action href='#' Maecenas non

Small version for narrow blocks like sidebar

Nunc metus nunc, eleifend sed pharetra eu

Maecenas non
 
.mod-ad-unit.mini
  .content
    h3 Nunc metus nunc, eleifend sed pharetra eu
    a.button.action href='#' Maecenas non
 
css:
  .mod-ad-unit.mini {
    max-width: 290px;
  }