Heading fonts

Heading 1 : 100px

Heading 2 : 50px

Heading 3 : 30px

Heading 4 : 25px

Heading 5 : 20px

Heading 6 : 18px

Color Code

Red: #DD041E

Blue: #00285A

Gold: #C6A658

Grey(Defult text color): #696969

Grey shade 1: #FAF8F8

Grey shade 2: #F7F5ED

Gold shade 1: #D4BC82

Gold shade 2: #C5A559

Class List

Header :
header-logo

Banner :
hero-big-img-caption
hero-small-img-caption
hero-img-full (Add this aswell as hero-big-img-caption class)
hero-caption-gold (Add this aswell as one of above classes)
hero-caption-bottom (Add this aswell as one of above classes)
hero-caption-left (Add this aswell as one of above classes)

Main Navigation : 
site-navigation-item

Features : 
site-custom-image-grid
site-custom-image-column
site-custom-image-grid-with-descriptions
SG - text with image on right ::: site-custom-text / site-custom-image

Footer : 
footer-content
footer-map
footer-links

Bullet Point List

• Bullet 1
• Bullet 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nisi, venenatis id lectus id, tristique iaculis orci. Praesent sit amet nisi at quam sagittis molestie. Vivamus in congue nunc. Morbi vel orci eu elit finibus commodo vitae a massa.
• Bullet 3

Number List

1. List 1
2. List 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nisi, venenatis id lectus id, tristique iaculis orci. Praesent sit amet nisi at quam sagittis molestie. Vivamus in congue nunc. Morbi vel orci eu elit finibus commodo vitae a massa. Vivamus in congue nunc. Morbi vel orci eu elit finibus commodo vitae a massa.
3. List 3

Buttons

site-button-primary

site-button-secondary

site-button-secondary

site-button-full-primary

site-button-full-secondary

site-button-full-secondary

Bullet Pointed List

• Bullet 1
• Bullet 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nisi, venenatis id lectus id, tristique iaculis orci. Praesent sit amet nisi at quam sagittis molestie. Vivamus in congue nunc. Morbi vel orci eu elit finibus commodo vitae a massa.
• Bullet 3

Numbered List

1. List 1
2. List 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut mi nisi, venenatis id lectus id, tristique iaculis orci. Praesent sit amet nisi at quam sagittis molestie. Vivamus in congue nunc. Morbi vel orci eu elit finibus commodo vitae a massa. Vivamus in congue nunc. Morbi vel orci eu elit finibus commodo vitae a massa.
3. List 3

To hide a page in the navigation:

hide-in-nav

I don’t think many of us forget those inspiring words…when Miss Wood used to take us into her confidence and tell us what she expected us to be rather than to do. It was always the loftiest of ideal, sometimes over our head but it developed leaders and inspired others with a new outlook on life.

I don’t think many of us forget those inspiring words…when Miss Wood used to take us into her confidence and tell us what she expected us to be rather than to do. It was always the loftiest of ideal, sometimes over our head but it developed leaders and inspired others with a new outlook on life.

Table Accordion

Class: site-table-accordion

Table Accordion

Class: site-table-accordion site-table-accordion-arrow-first

Table with the same width columns

Class: site-table-same-width

Responsive table in mobile

Class: site-table-mobile

Responsive table with same width in mobile

Class: site-table-same-width site-table-mobile

Class: site-table-mobile-stack