Social media

## Social Icons

Primary Color on Hover
Brand Color on Hover
Boxed
Boxed & Bordered
Boxed & Rounded
Boxed & Colored
Cycling
Sizes
Action

## Buttons

Use our custom button styles for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.

Primary Secondary Success Info Warning Danger White Dark
Round
Primary Secondary Success Info Warning Danger White Dark
Outline
Primary Secondary Success Info Warning Danger White Dark
Circular
Sizing
Primary Primary Primary Primary Primary
App Download
Give feedback

## Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Dissmissable
Holy guacamole! You should check in on some of those fields below.
Scroll

## Flash Down

A collection of arrows and scroll down animations to put inside the intro of your website and notify visitors to scroll down.

Inverse
Input, radio, checkbox

## Form Controls

TheSaaS provides several form control styles, layout options, and custom components for creating a wide variety of forms.

Small
Normal
Large
Small
Normal
Large
Textarea
Checkbox and Radio
Unchecked Checked Disable and unchecked Disable and checked
Unchecked Checked Disable and unchecked Disable and checked
Input groups
Text addon
@
@example.com
$ .00
Icon addon
Sizes
@
@
@
Round inputs
@
Transparent input
@
Glass input
@
reCAPTCHA

To use reCAPTCHA, you should get a sitekey from Google and insert it into your /assets/js/script.js. Please open script.js to learn how you can get one.

Now, you can create a reCAPTCHA with `<div data-provide="recaptcha"></div>` and set the settings using data attributes. See available data attributes. Also, learn how you can verify the user's response here or here.

Icons

## Available Icons

You have access to more than thousands icons provided by FontAwesome and Themify Icons.

###### Font Awesome

###### Themify Icons

###### Et-line Icons

Icons

## Iconbox

Wrap your icons inside a square or round box.

Outline
Square
Colors
Navigation

## Pagination

Pagination links indicate a series of related content exists across multiple pages.

Pager