PolicyGenius - Style Guide

Press Page Modules

Press Cards

'...ex nibh, pharetra eget aliquam congue, commodo vitae tortor eget aliquam congue.'

'Aliquam sapien enim, elementum at massa sit amet, pretium egestas metus.'

'...semper faucibus tellus, id auctor mauris suscipit eget, aenean in lacus lacinia.'

'Suspendisse erat dolor, auctor sed eleifend quis, hendrerit eget sapien.'

'...blandit diam a neque aliquet, nec facilisis mi finibus quisque facilisis mauris.'

'Vestibulum ipsum neque, dictum et consectetur ornare, ultrices ullamcorper velit.'

.mod-press-cards
  .card
    p '...ex nibh, pharetra eget aliquam congue, commodo vitae tortor eget aliquam congue.'
    img src='holder.js/600x80?auto=yes&text=image'
  .card
    p 'Aliquam sapien enim, elementum at massa sit amet, pretium egestas metus.'
    img src='holder.js/600x80?auto=yes&text=image'
  .card
    p '...semper faucibus tellus, id auctor mauris suscipit eget, aenean in lacus lacinia.'
    img src='holder.js/600x80?auto=yes&text=image'
  .card
    p 'Suspendisse erat dolor, auctor sed eleifend quis, hendrerit eget sapien.'
    img src='holder.js/600x80?auto=yes&text=image'
  .card
    p '...blandit diam a neque aliquet, nec facilisis mi finibus quisque facilisis mauris.'
    img src='holder.js/600x80?auto=yes&text=image'
  .card
    p 'Vestibulum ipsum neque, dictum et consectetur ornare, ultrices ullamcorper velit.'
    img src='holder.js/600x80?auto=yes&text=image'

Press Tabs

.mod-press-tabs
  ul
    li.active: a href='#' Phasellus
    li: a href='#' Suspendisse molestie
    li: a href='#' Aenean
    li: a href='#' Rhoncus
    li: a href='#' Blandit

Press List

.mod-press-list
  ul
    li
      .image
        img src='holder.js/180x45?auto=yes'
      .content
        .item
          .title
            | Suspendisse molestie vel
            span Phasellus viverra
          p: a href='#' Nulla maximus congue dolor sed vestibulum
        .item
          .title
            | Aenean ac bibendum
            span Commodo vitae
          p: a href='#' Donec blandit diam a neque aliquet
        .item
          .title
            | Curabitur ex nibh
            span Lectus tellus
          p: a href='#' Quisque facilisis mauris eget tortor consectetur vulputate
    li
      .image
        img src='holder.js/180x45?auto=yes'
      .content
        .item
          .title
            | In rhoncus orci et ex fermentum
            span Euismod diam
          p: a href='#' Vivamus eu aliquet sapien, non fringilla enim. Ut scelerisque nulla.
    li
      .image
        img src='holder.js/180x45?auto=yes'
      .content
        .item
          .title
            | Suspendisse molestie
            span vel Sapien at posuere
          p: a href='#' Phasellus viverra mollis massa ut eleifend. Nulla maximus congue dolor sed.

Press Contact

Aliquam nisl

Morbi quis dui consequat, consectetur massa nec

Aenean gravida Suspendisse sed sem

.mod-press-contact
  .content
    .button.i-download href='#'
      | Aliquam nisl
    p Morbi quis dui consequat, consectetur massa nec
    p
      | <strong>Aenean gravida </strong>
      a.action href='#'
        | Suspendisse sed sem