fbpx
Style Guide

Schedule a FREE in-home estimate. Call:

604-599-5501

Style Guide

Headline One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vel lacus sapien. Etiam at malesuada nisi. In efficitur porttitor efficitur. Proin sed neque nibh.

Headline Two

Sed ultricies erat at purus semper, dictum laoreet lorem sollicitudin. Quisque vitae ligula in urna vestibulum rutrum. Interdum et malesuada fames ac ante ipsum primis in faucibus. In euismod sem et dignissim vehicula. Sed in purus diam. Duis elit eros, aliquam vel consectetur sit amet, euismod at mi. Nam dignissim velit purus, mollis molestie urna bibendum eu. Phasellus quis mauris ut quam varius facilisis nec vitae mi. Ut lorem lorem, tincidunt a neque sodales, pulvinar dictum augue. Pellentesque pharetra mattis erat, nec porttitor ipsum mattis at. Cras vestibulum ornare velit nec varius. Suspendisse hendrerit faucibus est sit amet accumsan. Suspendisse lectus eros, suscipit ac aliquam quis, faucibus eu sem.

headline Three

Fum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut rutrum ligula eu diam convallis bibendum. Nunc leo massa, bibendum eu dui sed, sollicitudin porttitor mauris. Cras non est blandit, consequat neque et, consequat elit. Maecenas sed maximus lectus. Vivamus sed ultricies magna. Sed egestas elementum nisl eget pellentesque. Donec quis dictum magna, et porttitor arcu. Praesent ornare bibendum odio, ut ultricies eros vehicula quis. Maecenas gravida libero justo, eget tempor quam tempus a. Fusce tristique nibh sed nunc fermentum, vitae dictum ante euismod. Maecenas nec orci ornare, bibendum risus eget, faucibus ipsum. Nam commodo non augue at facilisis. Curabitur fringilla metus non hendrerit venenatis. Vivamus in turpis viverra, malesuada tellus non, elementum leo. Fusce sollicitudin nulla sed risus pretium, at congue nisl semper.

Headline Four

Mauris commodo neque justo, in volutpat libero efficitur sed. Maecenas id orci metus. Phasellus diam dolor, ornare ut urna vitae, consectetur condimentum diam. Quisque tincidunt velit at elit auctor aliquet. Integer ornare vel nulla id venenatis. Nam ut erat varius, convallis ante nec, mattis dolor. Donec sed quam ullamcorper, bibendum sem quis, auctor risus. Fusce imperdiet lacus ut lectus viverra, sit amet aliquam tortor finibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hac habitasse platea dictumst.

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Colours

Brand Colours

Neutral / Base Colours

Buttons

Default

Block

Primary

Block

Secondary

Block

Accent

Block

Forms

Basic Form Elements

Inline Form

Tables

Borderless Table (default)

NameItem NameItem Price
AlvinEclair$0.87
AlanJellybean$3.76
JonathanLollipop$7.00

Bordered Table

NameItem NameItem Price
AlvinEclair$0.87
AlanJellybean$3.76
JonathanLollipop$7.00

Striped Table

NameItem NameItem Price
AlvinEclair$0.87
AlanJellybean$3.76
JonathanLollipop$7.00

Centered Table

NameItem NameItem Price
AlvinEclair$0.87
AlanJellybean$3.76
JonathanLollipop$7.00

Responsive Table

NameItem NameItem Price
AlvinEclair$0.87
AlanJellybean$3.76
JonathanLollipop$7.00

Lists

Unordered List

  • list item #1
  • list item #3
  • list item #3

Ordered List

  1. list item #1
  2. list item #2
  3. list item #3

Definition List

Item #1
Description
Item #2
Description
Item #3
Description

Striped List

  • list item #1
  • list item #2
  • list item #3

Standard List

  • list item #1
  • list item #3
  • list item #3

.list--no-bullets

  • list item #1
  • list item #3
  • list item #3

.fa-ul + .fa-li

  • List icons
  • can be used
  • as bullets
  • in lists

.list--inline

  • list item #1
  • list item #3
  • list item #3

.list--inline .list--bar-after

  • list item #1
  • list item #3
  • list item #3

Post Styles

Blog Listing

WordPress Elements

Sample of automatic markup from wordpress editor

Image with caption

this is a caption
this is a caption