UI Guide

<h1> title®

<h2> title©

<h3> titleTM

<h4> title®

<h5> title©
<h6> titleTM



Blockquote

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio adipisci minima cumque, molestias quibusdam, ipsum sapiente quo numquam animi mollitia qui, voluptatem vitae, nisi et. Ipsum nobis necessitatibus doloribus expedita!



Messages

Info message.
Error message.
Warning message.
Notice message.
Success message.



Buttons



Links

Link

Upper link



Lists

  • Item 1
  • Item 2
  • Item 3
  1. Item 1
  2. Item 2
  3. Item 3
  • Item 1
  • Item 2
  • Item 3



Color swatches

Blue

$color-blue
#00b5cc
$color-blue2
#00717f

Gray

$color-gray1
#4c4c4c
$color-gray2
#989898
$color-gray3
#a9a9a9
$color-gray4
#cccccc

White

$color-white1
#ffffff
$color-white2
#f5fafb

Black

$color-black1
#000000
$color-black2
#101010

Other colors

$color-brown1
#635245
$color-red1
#db001b
$color-yellow1
#b5930c
$color-green1
#419858



Icons

  • ico-account
  • ico-cart
  • ico-down-arrow
  • ico-dribble
  • ico-expand
  • ico-facebook
  • ico-heart
  • ico-instagram
  • ico-linkedin
  • ico-menu
  • ico-pinterest
  • ico-ring
  • ico-search
  • ico-snapchat
  • ico-storelocator
  • ico-twitter
  • ico-vimeo
  • ico-youtube



Form

Personal Information
Please enter your message here
Please choose your picture here



Pagination

Page