General Styles Used

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.

Sections

Section - 80px padding on up and down

Section Hero - 100px padding up and down

Div Block

No Button Padding - No Padding at the bottom

H1 Tags

Hero Header - H1 Tags for Heading for Pages

H2 Tags

White H2 Headings - White Font. Absolute combo class

H3 Tags

H3 Section headings - For left aligned headings

Card Heading - Smaller Heading for cards

Heading Image - No padding on the bottom but 20px on the top

H4 Tags

Center Aligned - Center Align Blocks

Left Aligned

Text Labels

Section Category - Used for section labels

Text Label - To label things

Paragraph Tags

Sub Head - Sub heading for hero section. It has a sub class of 80% for 80% width

Card Para - Same as paragraph but no 32px margin

Pricing Label - 16px labels

Para White - White font

Images

All Images - Uses Default Size

80% - 80% width of an image

50% - 50% width of an image

Small Icon - Subset of V2 for no right padding

Why Us Icon - 24px x 24px

120 px image`

Extra Small icon

Link Blocks

Link Block - Link Block with an effect on hover. No card effect

Card Link Block - Main Hover for link card blocks. Card effect.

Card

Our Services - Used for a card that list all our services

Card - Used to display information. Proof is a combo class

Grid

Grid 2 Collumn

3 Collumn Grid - 3 Collumns

Div Block

Vertical Div Block

No Bottom Padding

Lists

Why Us list - Tick based lists (SAT Page). Why Us List Items is the sub class

Blog Content

H1 - Not to be Used

H2 - Use this for the sub heading

H3 - Use this for the sub heading

H4 - This is free currently and not assigned

H5 - Use this for solved examples
H6 - this is used for Reading Passages.

All gibberish text from here.The consumer’s attention isn’t enough; you have to keep that attention for at least a few seconds. This is where your benefits come into play or a product description that sets your offer apart from the others. Features

Paragraph - This is for a normal paragraph with a line spacing below it

Bold - This is a normal paragraph but used for bold text

Italicize - This is normal paragraph but used for orange font colour

Link - This is how links will look like

Quote - this is used to highlight important information
  • Ordered List will Look like this what happens when i go to List will Look like this what happens when i go to List will Look like this what happens when i go to  List will Look like this what happens when i go to
  • One more example
This is an image element