logo

Typography

Typography

The Use tags h1 to h6 for get desire heading.

H1 - Heading

H2 - Heading

H3 - Heading

H4 - Heading

H5 - Heading
H6 - Heading

Paragraph with justify

Use tag text-justify for get desire paragraph

Mauris consectetur, lacus sit amet malesuada convallis, quam erat laoreet turpis, eget dapibus magna erat et turpis. Quisque malesuada nunc justo, laoreet egestas orci commodo ac. Cras finibus metus in nisi pellentesque, at luctus ex consectetur. Nunc hendrerit sollicitudin commodo.

Alignment text

Use tags text-start, text-center, text-end for get desire text.

Left aligned text on all viewport sizes.

Left aligned text on all viewport sizes.

Left aligned text on all viewport sizes.

View port text

Use tags text-sm-start, text-md-start, text-lg-start, text-xl-start for get desire text.

Left aligned text on viewports sized SM (small) or wider.

Left aligned text on viewports sized MD (medium) or wider.

Left aligned text on viewports sized LG (large) or wider.

Left aligned text on viewports sized XL (extra-large) or wider.

Font weight and italics

Use tags fw-bold, fw-normal, fw-italic for get desire text.

Bold text.

Normal weight text.

Italic text.

Text colors

Use tags below class for get desire text.

  • This is an example of muted text.

    Add class text-muted

  • This is an example of muted text.

    Add class text-primary

  • This is an example of muted text.

    Add class text-success

  • This is an example of muted text.

    Add class text-info

  • This is an example of muted text.

    Add class text-warning

  • This is an example of muted text.

    Add class text-danger

Address

Use address for get desire address.

4140 Parker Rd.
Allentown, New Mexico 31134

Blockquotes

Use blockquote for get desire address.

Mauris consectetur, lacus sit amet malesuada convallis, quam erat laoreet turpis, eget dapibus magna erat et turpis.

Someone famous in Source Title

Ul Listing

Use tags ul > li for get desire ol list.

  • Mauris consectetur, lacus sit amet
  • Malesuada convallis, quam erat laoreet
  • Turpis, eget dapibus magna erat et turpis.

Ol Listing

Use tags ol > li for get desire ol list.

  1. Mauris consectetur, lacus sit amet
  2. Malesuada convallis, quam erat laoreet
  3. Turpis, eget dapibus magna erat et turpis.

Description Text

Use tags dl > dt for get desire ol list.

Standard Description List
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et sodales purus.
Description List Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et sodales purus.

Fancy Listing

Use class list-iconsfor get desire ol list

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Duis et sodales purus.

Fancy Listing with href

Use class list-iconsfor get desire ol list