PolicyGenius - Style Guide

Contact Bar

Base Examples

(000) 000-0000Maecenas ullamcorper turpis
 
.mod-contact-bar style='max-width: 400px'
  .image
    img src='images/agent.png'
  .stacked-buttons
    a.button.i-phone href='#'
      | (000) 000-0000
    a.button.i-chat href='#' Maecenas ullamcorper turpis

Wide Example

Maecenas ullamcorper turpis quis

Vivamus faucibus lacus et purus fringilla, sit amet placerat mi tempus

Etiam malesuada 0-000-000-0000

Mauris pharetra augue
.mod-contact-bar.wide
  img src='images/roberta.png'
  .content
    h5 Maecenas ullamcorper turpis quis
    p
      ' Vivamus faucibus lacus et purus fringilla, sit amet
      strong placerat mi tempus
  .actions
    p
      ' Etiam malesuada
      a href='tel:0-000-000-0000' 0-000-000-0000
    a.button.mini.i-chat.outline href='#' Mauris pharetra augue