Typography
The different text sizes used throughout the site.
h1
This is a Header.
h2
This is a Header.
h3
This is a Header.
h4
This is a Header.
h5
This is a Header.
h6
This is a Header.
GRADIENT HEADERS
This is a Gradient Heading
This is a Gradient Heading
This is a Gradient Heading
This is a Gradient Heading
This is a Gradient Heading
Large Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
This is a large paragraph gradient text.
This is a large paragraph gradient text.
This is a large paragraph gradient text.
This is a large paragraph gradient text.
This is a large paragraph gradient text.
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Small Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
List
- Heading line height is fixed
- All buttons now have tooltips
- Spell checker number issue fixed
Link
More about meHeading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Static and dynamic content editing
- Looking at Different Templates
- Purchasing the Template
- Customizing Rich Text
How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
Make sure that all of the collection items have been filled
Colors
The different colours and gradients used throughout the website.
Buttons
The different types of buttons used throughout the website.
Large Buttons
MAIN
Sign UpMAIN WHITE
Sign Uppurple GRADIENT
Sign UpRED GRADIENT
Sign UpGReen GRADIENT
Sign UpYELLOW GRADIENT
Sign UpPINK GRADIENT
Sign UpSmall Buttons
SmALL Primary
Sign UpSmALL PRIMARY WHITE
Sign UpSMALL PURPLE GRADIENT
Sign UpSMALL GREEN GRADIENT
Learn MoreSMALL YELLOW GRADIENT
Learn MoreSMALL RED GRADIENT
Sign UpSMALL PINK GRADIENT
Learn MoreComponents
The different types of components and elements used throughout the website.
Labels for Events
LABEL DEFAULT
LABEL YELLOW GRADIENT
LABEL PINK GRADIENT
LABEL PURPLE GRADIENT
LABEL RED GRADIENT
LABEL GREEN GRADIENT
Calls to Action
Get all of our news, upcoming events and more in one place
Get all of our news, upcoming events and more in one place
Get all of our news, upcoming events and more in one place
Get all of our news, upcoming events and more in one place
Get all of our news, upcoming events and more in one place
Spacers
Spacer elements using the 8-pt system to give sections more room to breathe.
16 px
24 px
32 px
48 PX
64 PX
80 PX
96 PX
128 PX
Icons
You can change the background gradient of any icon by selecting the "Gradient Icon" class and typing in another color (e.g. "Pink", "Purple", "Yellow", "Red"). There are a multitude of free icons that you can use for this website. They can be found in the "Icons" folder of the assets. If you would like to upload your own icon, make sure that it has a height and width of 24px.
GRADIENT ICON - DEFAULT
GRADIENT ICON - PINK
GRADIENT ICON - RED
GRADIENT ICON - YELLOW
GRADIENT ICON - PURPLE
Forms
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Form Example
Form Headline
