Style Guide

Page Title

Exlusive Offers and Accomodations

Intro Copy

Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Ut aliquip ex ea commodo consequat.

Body Copy

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Links

Buttons

Carousel Buttons


Headers

H1 Header

H2 Header

H3 Header

H4 Header

H5 Header
H6 Header

Typography

Century Roman

Brandon Grotesque

Brandon Grotesque - Light

Colors

HEX: #fff
SASS: $white

HEX: #017585
SASS: $tbTeal

HEX: #004D7D
SASS: $tbBlue

HEX: #002E4B
SASS: $tbBlue-hover

HEX: #66cccc
SASS: $tbFoam

HEX: #00AAC5
SASS: $tbPacific

HEX: #f7f7f7
SASS: $tbGray

HEX: #777
SASS: $tbGrayTxt

Page Elements

t05 item

Quartz Massage

50,80 or 110 minutes

Lorem ipsum dolor sit amet cosnsectur elit. Lorem ipusm dolor sit amet. Lorem ipsum dolor sit amet cosnsectur elit. Lorem ipusm dolor sit amet.

Lists

Ordered List

  1. Item
  2. List Item
  3. Item
  4. Item

Un-Ordered List

  • Item
  • List Item
  • Item
  • Item

Tables

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem Ipsum Dolor Consectetur

amet

elit

risus

nunc

ligula

sodales

quis

urna

vitae

varius

gravida

orci

ac

sit

eu

ac

Forms and Form Elements


Form


Fieldset


text field
text area
dropdown select
Radio Input

More Options


Checkboxes
Form Buttons