Heading 1 - This is my Heading 1 font : 70px

Heading 2 - This is my Heading 2 font : 70px

Heading 3 - This is my Heading 3 font : 50px

Heading 4 - This is my Heading 4 font : 40px

Heading 5 - This is my Heading 5 font : 30px

Heading 6 - This is my Heading 6 font : 25px

Fonts

Heading Font: Neue-Haas-Unica

Paragraph font: Guardi.

Paragraph

Lorem ipsum dolor sit amet _molestie ^cursus aliquet. Placerat bibendum fringilla torquent rhoncus nisi vitae aliquam felis maximus suscipit.

Interdum at magnis augue condimentum auctor ante. Non netus euismod purus finibus dui.

Social Icons

Block Quotes

Nulla quis nibh a enim lobortis gravida et et orci. Praesent quis hendrerit nulla. Cras convallis ac risus non elementum. Sed ligula nisl, luctus a ornare eget, elementum ultrices justo.

Nulla quis nibh a enim lobortis gravida et et orci. Praesent quis hendrerit nulla. Cras convallis ac risus non elementum. Sed ligula nisl, luctus a ornare eget, elementum ultrices justo.

Colors

• Primary (main color): #762123
• Secondary: #191919
• Other: #FFC901
• Text (Default text color): #4C4C4C

Ordered List

1. Number 1
2. Number 2
3. Number 3

Unordered List

• Item 1
• Item 2
• Item 3

Buttons

site-button-primary

site-button-secondary

site-button-full-primary

site-button-full-secondary

Dynamic Modal Buttons

Youtube Video

Vimeo Video

Normal Video

Changing Header colour - (Home and Landing pages only)

•  site-custom-red-header

The header is white by default - dd class above to any feature to change the header colours when scrolling over that feature - for example - if the feature has a white background you'll want to add the class to that feature so when we scroll past that feature the header elements change to red

Assign a page to show up in seperate navigation groups

• site-nav-school - will show under schools section
• site-nav-activities - will show under activities section

Hide the sidebar menu on a content with sidebar template page

• custom-hide-sidebar-menu

Hide a page from the main navigation, while keeping it visible in the sidebar menu

• hide-in-nav

Remove left column on sidebar template (add to page settings)

• hide-left-column

Feature Name: SG - Home Gallery
Collection: Home
Class: site-custom-banner-size-150 // site-custom-red-banner

• site-custom-banner-size-150 will increase font size to 150

GO TO SETTINGS

Feature Name: SG - Home Gallery 2
Collection: Home
Class: site-custom-number-gallery

GO TO SETTINGS

Feature Name: SG - Home Gallery 3
Collection: Home
Class: site-custom-cutout-image

GO TO SETTINGS

Feature Name: SG - Home Grid 1 // SG - Home Grid 2 // SG - Home Grid 3
Collection: Home
Class: site-custom-image-grid // site-custom-grid-reverse

• site-custom-grid-reverse will reverse the direction of auto scroll

GO TO SETTINGS GRID 1

GO TO SETTINGS GRID 2

GO TO SETTINGS GRID 3

Feature Name: SG - Home Gallery 4
Collection: Home
Class: No class needed

• You can adjust the size within the settings - Set Width - 50%

GO TO SETTINGS

Feature Name: SG - Home Slide Gallery
Collection: Home
Class: site-custom-slide-gallery

GO TO SETTINGS

Feature Name: Home - Tabbed Text
Collection: Home
Class: site-custom-tab-text

• Image will never show

GO TO SETTINGS

Feature Name: SG - Home Admissions Banner
Collection: Home
Class: site-custom-banner-size-150 // site-custom-last-slide

• site-custom-banner-size-150 will increase font size to 150
• site-custom-last-slide add this to the last slide to add image scaling animation

GO TO SETTINGS

Feature Name: SG - Schools Gallery
Collection: Schools
Class: site-custom-banner-size-150 // site-custom-border-bottom

• site-custom-banner-size-150 will increase font size to 150
• site-custom-border-bottom will add red border at the bottom of whatever feature it's added to

GO TO SETTINGS

Feature Name: SG - Schools Team Gallery
Collection: Schools
Class: site-custom-team-gallery

GO TO SETTINGS

Feature Name: SG - AAA Gallery 6
Collection: AAA
Class: site-custom-brick-gallery

GO TO SETTINGS

Feature Name: Style Guide - Gallery
Collection: 
Class: No class needed

• Sidebar gallery feature

GO TO SETTINGS

Feature Name: Vacancies
Collection: Careers
Class: site-custom-vacancies-display

GO TO SETTINGS

Feature Name: Related Pages
Collection: related
Class: No class needed

• Sidebar display feature

GO TO SETTINGS

Feature Name: SG - Home Intro Banner
Collection: Home
Class: site-custom-intro-banner

GO TO SETTINGS

Feature Name: SG - Home Text
Collection: Home
Class: No class needed

• The width and padding is controlled by the code, padding can be overritten with settings if needed

GO TO SETTINGS

Feature Name: SG - Schools Explore Menu
Collection: Schools
Class: No class needed

• Add background colour via settings

GO TO SETTINGS

Feature Name: SG - Admissions Text 4 - FAQ
Collection: Admissions
Class: No class needed

• Accordion table inside a text feature

GO TO SETTINGS

Feature Name: Style guide - Top Content
Collection: 
Class: site-custom-title-left // site-custom-title-right

• Left class will show title on left sid, right class will move it right, no class will span whole width

GO TO SETTINGS

No custom Table

No custom Calendar features

Adding this to a paragraph within a text feature will keep the year up to date with the current year, regardless of the year typed into the span.
<span id="current-year">2022</span>

Example (set to 2022): 2024