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

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

Heading 2 - bold: 160px

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

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

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

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

Fonts

Heading Font: DIN Next LT Pro

Paragraph font: Gotham.

Samp - Colour Red Text
Var - DIN Next LT Pro - Var Bold - DIN Next LT Pro Bold

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

Morbi tortor purus, aliquet in odio vel, auctor suscipit lectus. In at magna nec augue scelerisque placerat non sed sem. Vivamus nec ex at diam laoreet congue et vitae est. Etiam imperdiet est quis sapien dignissim, id mollis est faucibus.

— Mr Timothy Trousers

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): #9D2235
• Secondary: #2C2C2C
• Text (Default text color): #000000
• Shade 1: #F8F8F8
• Shade 2: #EAEAEA
• Shade 3: #2C2C2C

Ordered List

1. 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.
2. Number 2
3. 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.

Unordered List

• 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.
• Item 2
• 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.

Buttons

site-button-primary

site-button-secondary

SITE-BUTTON-BORDER

site-button-full-primary

site-button-full-secondary

site-button-full-border

Dynamic Modal Buttons

Youtube Video

Vimeo Video

Normal Video

Hide the sidebar menu on a content with sidebar template page

• site-hide-sidenav

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

• hide-in-nav

Feature Name: SG - Home - Hero Banner
Collection: Gallery
Class: site-custom-hero-banner && site-custom-hero-banner-full

• site-custom-hero-banner-full - Used when you want to use a full image to cover the whole banner
• Small text needs wrapping

GO TO SETTINGS

Feature Name: SG - values gallery
Collection: Gallery
Class: site-custom-values-gallery

GO TO SETTINGS

Feature Name: SG - voices gallery
Collection: Gallery
Class: site-custom-voices-gallery

GO TO SETTINGS

Feature Name: SG - scrolling gallery
Collection: Gallery
Class: site-custom-scrolling-gallery

GO TO SETTINGS

Feature Name: SG - Lower School Grid Gallery
Collection: Gallery / Link Slideshow
Class: site-custom-grid-gallery // custom-link-popup

• Add multiple of these galleries underneath each other if you want a filter above, if you have 2 galleries then have 2 filter buttons above using text feature - see text feature section to see how.
• See Components page of a working example.

• disable-cutout-image-1 - This will disable the first cut out image
  disable-cutout-image-2 - This will disable the second cut out image
  disable-cutout-image-3 - This will disable the third cut out imagedisable-cutout-images - This will disable all the cut out images

GO TO SETTINGS

Feature Name: SG - reviews gallery
Collection: Gallery
Class: site-custom-reviews-gallery

GO TO SETTINGS

Feature Name: SG - Academics - Innovation gallery
Collection: Gallery
Class: site-custom-innovation-gallery

GO TO SETTINGS

Feature Name: SG - Academics - Bottom Banner
Collection: Gallery
Class: site-custom-bottom-banner

GO TO SETTINGS

Feature Name: SG - Admissions - Dunham in numbers
Collection: Gallery
Class: site-custom-numbers-gallery & site-custom-numbers-gallery-small

• site-custom-numbers-gallery-small -

GO TO SETTINGS

Feature Name: SG - Parent Portal - Resources Gallery
Collection: Gallery
Class: site-custom-gallery

• We can use class site-custom-gallery for either display or gallery.
• The feature title also needs to show for this feature.

GO TO SETTINGS

Feature Name: SG - Parent Portal - Standard Gallery
Collection: Gallery
Class: site-custom-standard-gallery

GO TO SETTINGS

Feature Name: SG - GALLERY - News & Events with white image
Collection: Gallery
Class: site-custom-events

GO TO SETTINGS

Feature Name: SG - GALLERY - News & Events with real image
Collection: Gallery
Class: site-custom-events // site-custom-events-with-image

• Same as above but with a real image - add class site-custom-events-with-image to show real image, if you're using a white images you won't need the extra class.

GO TO SETTINGS

Feature Name: SG - choose dunham gallery
Collection: Gallery
Class: site-custom-choose-gallery

GO TO SETTINGS

Feature Name: SG - Corporate Sponsors
Collection: Gallery
Class: site-custom-sponsors

GO TO SETTINGS

Feature Name: SG - Athletics Sidebar Gallery
Collection: Gallery
Class: site-custom-sidebar-gallery

GO TO SETTINGS

Feature Name: SG - sidebar gallery
Collection: Gallery
Class: No class needed.

• If you want to stack the images in this gallery - please use class site-gallery-grid - This will show each im

GO TO SETTINGS

Feature Name: Collegiate Athletes
Collection: Gallery
Class: site-gallery-grid-athletes

GO TO SETTINGS

Feature Name: Curriculum Search
Collection: Display
Class: site-custom-curriculum-search

GO TO SETTINGS

Feature Name: SG - The Arts - News // SG - The Arts - Events
Collection: Display
Class: site-custom-events

• We can use class site-custom-events for either display or gallery.

GO TO news SETTINGS

GO TO Events SETTINGS

Feature Name: SG - Athletics News
Collection: Display
Class: site-custom-events

• We can use class site-custom-gallery for either display or gallery.
• Same as above but in different zone.

GO TO SETTINGS

Feature Name: SG - Parent Portal - Related Links
Collection: Display
Class: site-custom-gallery

• We can use class site-custom-gallery for either display or gallery.
• The feature title also needs to show for this feature.

GO TO SETTINGS

Feature Name: SG - sidebar display
Collection: Display
Class: No class needed.

GO TO SETTINGS

Feature Name: SG - home intro
Collection: home
Class: site-custom-home-intro

GO TO SETTINGS

Feature Name: SG - Academics Grid Filter
Collection: Text
Class: site-custom-grid-filter

• This text feature is used for Grid Gallery.
• See Components page of a working example.

GO TO SETTINGS

Feature Name: Title Text
Collection: Text
Class: site-custom-title

• This needs to be 2 seperate H2's, second one

GO TO SETTINGS

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