# Quiety Styleguide

Browse the UI elements available on the Template. Software is a Quiety Template for Software and SaaS companies. Software was designed & developed by ThemeTags

Buy Template

## Color

#### Color Palette

.bg-primary
.bg-info
.bg-success
.bg-warning
.bg-danger
.bg-dark
.bg-secondary
.bg-white

#### Background Color Palette

.bg-primary-soft
.bg-primary-light
.bg-primary
.bg-primary-dark
.bg-info-soft
.bg-info-light
.bg-info
.bg-info-dark
.bg-success-soft
.bg-success-light
.bg-success
.bg-success-dark
.bg-warning-soft
.bg-warning-light
.bg-warning
.bg-warning-dark
.bg-danger-soft
.bg-danger-light
.bg-danger
.bg-danger-dark
.bg-dark-soft
.bg-dark-light
.bg-dark
.bg-dark-dark
.bg-secondary-light
.bg-secondary
.bg-secondary-dark

#### Gradient Color Palette

.primary-bg-gradient
.info-bg-gradient
.success-bg-gradient
.warning-bg-gradient
.danger-bg-gradient
.dark-bg-gradient
.secondary-bg-gradient
.gradient-bg

## Typography

#### Heading

Heading H1 - Aa Bb Cc Dd

Heading H2 - Aa Bb Cc Dd

Heading H3 - Aa Bb Cc Dd

Heading H4 - Aa Bb Cc Dd

Heading H5 - Aa Bb Cc Dd

Heading H6 - Aa Bb Cc Dd

#### Display

Display-1 - Aa Bb

Display-2 - Aa Bb

Display-3 - Aa Bb Cc Dd

Display-4 - Aa Bb Cc Dd

Display-5 - Aa Bb Cc Dd

Display-6 - Aa Bb Cc Dd

#### Paragraph

This is a paragraph. It stands out from regular paragraphs. Proactively reintermediate interactive benefits whereas superior markets. Dramatically myocardinate impactful ROI and market-driven potentialities. Energistically matrix go forward vortals through alternative products. Dynamically initiate.

Efficiently revolutionize next-generation collaboration and idea-sharing rather than process-centric initiatives. Credibly negotiate ubiquitous human capital with sustainable alignments. Proactively pontificate extensible methods of empowerment.

##### Lead Paragraph

This is a lead paragraph. It stands out from regular paragraphs. Proactively reintermediate interactive benefits whereas superior markets. Dramatically myocardinate impactful ROI and market-driven potentialities. Energistically matrix go forward vortals through alternative products. Dynamically initiate.

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

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.

> A well-known quote, contained in a blockquote element.

- This is a list.
- It appears completely unstyled.
- Structurally, it's still a list.
- However, this style only applies to immediate child elements.
- Nested lists:
  - are unaffected by this style
  - will still show a bullet
  - and have appropriate left margin
- This may still come in handy in some situations.

- This is a list item.
- And another one.
- But they're displayed inline.

## Buttons

#### Button styles

## Forms

First name
Last name
Birthday
Gender
Email This is the main email address that we'll send notifications.
Phone