# Styleguide

## HTML Headings

# Heading H1

## Heading H2

### Heading H3

#### Heading H4

##### Heading H5

###### Heading H6

## Heading Classes

Heading XLarge

Heading Large

Heading Medium

Heading Small

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5

Heading H6

## Buttons

Default

[Button\
\
Button](/content/template-info/styleguide#/index.html)

Muted

[Button\
\
Button](/content/template-info/styleguide#/index.html)

Primary

[Button\
\
Button](/content/template-info/styleguide#/index.html)

## Button Text

Default

[Button Text](/content/template-info/styleguide#/index.html)

## Button Group

Default

[Instagram](/content/template-info/styleguide#/index.html)

Small

[Instagram](/content/template-info/styleguide#/index.html)

## Label

Default

[Link\
\
Link](/content/template-info/styleguide#/index.html)

Label

Muted

[Link\
\
Link](/content/template-info/styleguide#/index.html)

Label

Primary

[Link\
\
Link](/content/template-info/styleguide#/index.html)

Label

## Badge

Default

Link

Muted

Link

Primary

Link

## Cards

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.

Muted

Primary

## Card Sizes

XSmall

Small

Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Medium

Large

XLarge

## 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.

## Images

## Other HTML Elements

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.

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

## Rich Text

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

- 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](/content/template-info/styleguide#/index.html)

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

## Form

Text Input

Text Area

Select fieldSelect one...First ChoiceSecond ChoiceThird Choice

Checkbox field

Checkbox

Radio button

Radio

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.