Main Navigation
Main menu.
Typography
Paragraph explaining the typface(s) used, why they were chosen and the service prodicer used (usually Typekit).
Header Level 1
Ut acsi ad exputo illum fatua et amet patria blandit. Te autem eu olim esse illum fatua at imputo ut utrum. Premo persto consequat delenit meus. Minim quia in vel aliquam jus ut eros consequat commoveo. Commodo dolor augue paulatim et haero vicis commoveo si rusticus capto magna.
Header Level 2
Header Level 3
An image caption
Ut acsi ad exputo illum fatua et amet patria blandit. Te autem eu olim esse illum fatua at imputo ut utrum. Premo persto consequat delenit meus. Minim quia in vel aliquam jus ut eros consequat commoveo. Commodo dolor augue paulatim et haero vicis commoveo si rusticus capto magna.
Section Title
Section Title
Examples of superscript Brand Name® and subscript H20.
- List item 1
- List item 2
- List item 3
Pala oppeto conventio conventio ut diam cui dignissim. Olim valetudo consequat tation praemitto.
- List item 1
- List item 2
- List item 3
Colours
Colours for use in site.
-
$primary Text: $white #1E86C4
-
$secondary Text: $black #F7AF28
-
$tertiary Text: $white #E5262D
-
$blueLight Text: $black #5AA8D3
-
$blueLighest Text: $black #CEE4ED
Icons
Iconography used through site.
Usage: <i class="icon-aeris"></i> will output .
Alternatively you can add the icon class to other HTML elements such as <a href="#" class="icon-aeris">… such as Text link.
icon-backward |
icon-down |
icon-email |
icon-facebook |
icon-forward |
icon-gallery |
icon-license |
icon-linkedin |
icon-menu |
icon-pencil |
icon-phone |
icon-pin |
icon-pinterest |
icon-pinterest-circle |
icon-select |
icon-share |
icon-twitter |
icon-video |
icon-vimeo |
icon-yelp |
icon-youtube |
icon-search |
icon-share-alt |
icon-download |
icon-join |
icon-google-plus |
icon-check |
icon-pdf |
icon-tag |
icon-cal |
icon-comment |
icon-instagram |
icon-link |
Grid
Grid foundation.
1
11
2
10
3
9
4
8
5
7
6
6
12
Social Media
Social Media links and title.