HEADING FONTS
HEADING 1 : 80px
HEADING 2 : 80px
HEADING 3 : 40px | Heading 3: 40px
HEADING 4 : 30px | Heading 4: 30px
HEADING 5: 20px | Heading 5: 20px
HEADING 6: 15px | Heading 6: 15px
Paragraph of content... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum lectus urna, id bibendum mauris commodo vitae. Suspendisse potenti. Suspendisse eu posuere lacus. Donec mauris dolor, aliquet sed consequat sit amet, molestie eget orci. Donec at erat enim. Nullam magna orci, convallis sed nisi porttitor, ultricies lobortis libero. Nam in laoreet nibh. Sed porttitor luctus condimentum.
Suspendisse sagittis erat et augue porttitor, semper tincidunt ipsum viverra. Duis congue purus tortor, ac venenatis libero efficitur in. Cras metus mauris, interdum ac ultrices scelerisque, laoreet nec leo. Aliquam ac feugiat mi, in ullamcorper lacus. Ut eu luctus risus. Nulla facilisi. Integer venenatis condimentum vestibulum.
COLOR CODES
- Red: #C10230
- Blue: #002856
- Gray (Default text color): #373737
- Gray shade 1: #9D9D9D
- Gray shade 2: #F6F6F6
- Gray shade 3: #f9f9f9
BUTTONS
All sorts of different ones for us to use!
site-button-white-border-primary
site-button-white-border-secondary
site-button-border-full-primary
site-button-border-full-secondary
site-button-full-white-border-primary
site-button-full-white-border-secondary
LISTS and LINK
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:
- List 1
- 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.
- List 3
Link:
This is link text.
TABLES
Table - Responsive version
Class: site-table-mobile-stack
| 1 night per week | 2 nights per week | 3 nights per week | |
|---|---|---|---|
| Year 7, 8 and 9 | £360 | £715 | £1,070 |
| Year 10 and 11 | £470 | £935 | £1,405 |
| Year 12 and 13 | £520 | £1,040 | £1,545 |
Table - With same-width columns
Class: site-table-same-width
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Data 1: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. | Data 2: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. | Data 3: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. |
| Data 4: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. | Data 5: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. | Data 6: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. |
Table - Responsive in mobile
Class: site-table-mobile
| Data 1: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. | Data 2: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. | Data 3: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. |
| Data 4 | Data 5 | Data 6 |
Table - Responsive same-width columns in mobile
Class: site-table-same-width site-table-mobile
| Data 1: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. | Data 2: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. | Data 3: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. |
| Data 4 | Data 5 | Data 6 |
Table Accordion - Simple
Class: site-table-accordion
| Accordion Long title - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, |
|---|
| Accordion long desc - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, |
| Accordion Short Title |
| Accordion short desc |
| Accordion Title |
| Accordion multi line desc |
| Accordion multi line long desc - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, |
| Accordion multi line desc |
Table Accordion - With Arrows First
Class: site-table-accordion site-table-accordion-arrow-first
| Accordion Long title - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, |
|---|
| Accordion long desc - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, |
| Accordion Short Title |
| Accordion short desc |
| Accordion Title |
| Accordion multi line desc |
| Accordion multi line long desc - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, |
| Accordion multi line desc |
MODULES
Arrow Positioning:
- custom-arrow-top-right
- custom-arrow-top-left
- custom-arrow-top-center
- custom-arrow-bottom-right
- custom-arrow-bottom-left
- custom-arrow-bottom-center
Iframe Resize Options:
- iframe-resize (for Veracross)
- iframe-resize-video
Gallery Options:
- For thumbnail setting: site-gallery-grid site-thumbnail-disable-popup site-thumbnail-dt-3 site-thumbnail-mob-1
- For slideshow setting to remove gradient behind content: site-caption-no-gradient
- For slideshow setting to remove the gradient/overlay colour: site-banner-no-overlay
