HTML Headings Heading Classes Buttons Button Text Label Badge Cards Card Sizes Nav Subnav List Icon Sizes Other HTML Elements Text classes Text Alignments Text ColorS Text classes Rich Text Form Hidden Classes Text classes
Style
Guide

HTML Headings

Heading

Heading

Heading

Heading

Heading
Heading

Heading Classes

XLarge
XLarge
Large
Large
Medium
Medium
Small
Small
Heading H1
Heading H1
Heading H2
Heading H2
Heading H3
Heading H3
Heading H4
Heading H4
Heading H5
Heading H5
Heading H6
Heading H6

Buttons

Button Text

Default
Explore

Label

Badge

Default
Link
Muted
Link
Primary
Link

Cards

Muted
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tincidunt vitae semper quis lectus nulla at volutpat.
Muted
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tincidunt vitae semper quis lectus nulla at volutpat.
Muted
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tincidunt vitae semper quis lectus nulla at volutpat.

Cards

Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tincidunt vitae semper quis lectus nulla at volutpat.
Default
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tincidunt vitae semper quis lectus nulla at volutpat.
Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tincidunt vitae semper quis lectus nulla at volutpat.
XLarge
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tincidunt vitae semper quis lectus nulla at volutpat.

Cards

Badge

List

  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.

List

Other HTML Elements

All Paragraphs
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.

All Links
Quote - Sample text is being used as a placeholder for real text that is normally present.

Text classes

Text Xlarge

Text Large

Text Medium

Text Regular

Text Small

Text Tiny

Text Italic

Text Meta Small

Text Meta

Text Meta Large

Text Link

Text classes

text-align-left
text-align-center
text-align-right

Text Colors

Text Color Default
Text Color Muted
Text Color Primary

Backgrounds

This is some text inside of a div block.
This is some text inside of a div block.

Rich Text

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.
UDESLY-START-PHPecho udesly_get_image(_u('i6af72273', 'img'))->altUDESLY-END-PHP
This is a placeholder image.

Rich Text

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.