Typography
Font Family
Body Font Family
Aa
Font Family
"Rubik", sans-serif
Heading Font Family
Aa
Font Family
"Montserrat", sans-serif
Headings
All HTML headings, <h1>
through <h6>
, are available.
h1. Bootstrap heading
h2. Bootstrap heading
h3. Bootstrap heading
h4. Bootstrap heading
h5. Bootstrap heading
h6. Bootstrap heading
Display Headings
Use fs-1
, fs-2
, fs-3
,
fs-4
, fs-5
, or fs-6
, class to change the
font-size respectively.
.fs-1 text
.fs-2 text
.fs-3 text
.fs-4 text
.fs-5 text
.fs-6 text
Display Headings
Traditional heading elements are designed to work best in the meat of your page content.
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
Inline Text Elements
Styling for common inline HTML5 elements.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted
text.
This line of text is meant to be treated as no longeraccurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined.
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
Left Aligned Blockquotes
Goodness isn't about avoiding falls, but about the courage to rise, stronger and kinder, with every stumble.
Right Aligned Blockquotes
Goodness isn't about avoiding falls, but about the courage to rise, stronger and kinder, with every stumble.
Blockquote Background Color
Use blockquote-
class with the
below-mentioned color variation to set the blockquote background color.
Custom Blockquote Primary Example