Style Guide


Header Styles

Heading h1

This is a heading h1 set in 32px Lato font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Heading h2

This is a heading h2 set in 26px Lato font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Heading h3

This is a heading h3 set in 22px Lato font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Heading h4

This is a heading h4 set in 18px Lato font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Heading h5

This is a heading h5 set in 14px Lato font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Heading h6

This is a heading h6 set in 12px Lato font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

List Styles

Unordered List
Ordered List
  1. Cras ornare tristique elit.
  2. Vivamus vestibulum nulla nec ante.
  3. Praesent placerat risus quis eros.
  4. Fusce pellentesque suscipit nibh.

Link Styles

Primary Link Button Modal Link Button

Large Link Button


Regular Text LinkAlt Link Button Modal Link Alt Button

 

 

Instructions

Homepage Photo Gallery

Photo can be edited and added to the Homepage photo gallery under Content Editor > Components > Photo Gallery > Homepage. 

Homepage Featured Products

This product is added to the Homepage through the Product Group 'Featured Products'. After clicking on a product, it can be added under Categories > Product Groups > Featured Products. 

Footer Contact Details

This information is managed by Content Blocks and can be edited under Content Editor > Content Blocks > Footer Contact Details. 

 

Did you break something?


Luckily for you we have included the default HTML and CSS files for this template that you can download right here.

HTML

Download

CSS

Download