M Y S I A

Heading Examples

Basic, colored, aligned & display headings

Basic Headings

HTML heading tags are used to organize your content and create hierarchy. Sizes are defined in typography.scss file.

H1 Main Heading (48px)

H2 Subheading (36px)

H3 Section Heading (27px)

H4 Subsection (24px)

H5 Small Heading (20px)
H6 Smallest Heading (16px)

Theme Color & Bootstrap Headings

You can use theme color classes and Bootstrap color utilities with headings.

Theme Color 1

Theme Color 2

Bootstrap Primary

Bootstrap Secondary

Bootstrap Success

Bootstrap Danger

Bootstrap Warning

Bootstrap Info

Heading Alignments

You can align your headings in different ways.

Left Aligned Heading

Center Aligned Heading

Right Aligned Heading

Display Headings

Display headings are designed to stand out more than normal headings.

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6