styleguide

Style Guide page contains styles that are used the most throughout this template

HTML heading tags

heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6
Heading Classes

Heading huge

Heading xlarge

Heading large

Heading Medium

Heading Small

Heading XSMALL

HTML text tags

All Paragraphs (HTML-TAG)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni

All Links (HTML-TAG)
All Quotes (HTML-TAG)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet
Text sizes

Text Size Large:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni

Text Size Medium:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet

Text Size Small:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet

Text Size Tiny:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet

Text weights
Text Weight Bold
Text Weight Semibold
Text Weight Medium
Text Weight Normal
Text Weight Light
Text styles

Text Style Strikethrough

Text Style Strikethrough

Text Style Muted
text style allcaps
Text Style Nowrap
Text Style Link
Text Style Quote:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,
Text alignments
Text Align Left
Text Align Center
Text Align Right
RTF

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,

This is a link

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
This is a placeholder image
Text colors
Text Align Left
Text Align Left
Text Align Left
Text Align Left
Text Align Left
Text Align Left
Colors
Color 1
#101118
Color 2
#202026
Color 3
#202330
Color 4
#2b2f3a
Color 5
#5e6065
Color 6
#6c757d
Color 7
#adb5bd
Color 8
#ced4da
Color 9
#dde1e6
Color 10
#e4e7eb
Color 11
#f0f2f5
Color 12
#ffffff
Background colors