All Components

Line

border-color

border-color-dark

Alerts

This is a primary alert—check it out!

This is a secondary alert—check it out!

This is a success alert—check it out!

This is a danger alert—check it out!

This is a warning alert—check it out!

This is a info alert—check it out!

This is a light alert—check it out!

This is a dark alert—check it out!

Buttons

Outline buttons

Large buttons

Small buttons

Form

Radius Element

radius-sm

radius-lg

Social List

.social-list .social-lg

.social-list .social-lg .social-color

.social-list .social-lg .social-bg-color

.social-list .social-lg .social-bg-dark

.social-list .social-sm

.social-list .social-sm .social-color

.social-list .social-sm .social-bg-color

.social-list .social-sm .social-bg-dark

.social-list

.social-list .social-color

.social-list .social-bg-color

.social-list .social-bg-dark

Verticle Content - Category type 1

20

I am a badge

Card Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

I am a badge

Card Normal - Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

I am a badge

Card Border

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

I am a badge

Card Border - Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Verticle Content - Category type 2

20

I am a badge

Card Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

I am a badge

Card Normal - Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

I am a badge

Card Border

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

I am a badge

Card Border - Center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Horizontal Content - `card-horizontal-1`

.cat-overlap can use for 2 type category: bgcolor & border

card-horizontal-1 card-item cat-overlap card-align-center

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-1 card-item cat-overlap card-align-normal

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

.cat-normal

card-horizontal-1 card-item cat-normal card-align-center

20

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-1 card-item cat-normal card-align-normal

20

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Horizontal Content - `card-horizontal-2`

.cat-overlap can use for 2 type category: bgcolor & border

card-horizontal-2 card-item cat-overlap card-align-center

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-2 card-item cat-overlap card-align-normal

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

.cat-normal

card-horizontal-2 card-item cat-normal card-align-center

20

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-2 card-item cat-normal card-align-normal

20

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Horizontal Content - `card-horizontal-3`

.cat-overlap can use for 2 type category: bgcolor & border

card-horizontal-3 card-item cat-overlap card-align-center

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-3 card-item cat-overlap card-align-normal

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

.cat-normal

card-horizontal-3 card-item cat-normal card-align-center

20

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

card-horizontal-3 card-item cat-normal card-align-normal

20

I am a badge

Stylist Julie Pelipas Launches Bettter, the Answer to Chic Suiting

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien massa, volutpat imperdiet porttitor id, rhoncus et orci. Pellentesque velit ligula, iaculis sit amet tortor et, euismod feugiat justo. Aliquam eget ante.

By Super User

Jan 26

Block Title

text-left title-border-top-dark title-border-bottom-dark title-border-center-none

I am a Block Title

text-left title-border-top-gray title-border-bottom-gray title-border-center-none

I am a Block Title

text-left title-border-center-gray

I am a Block Title

text-left title-border-center-dark

I am a Block Title

text-center title-border-center-gray

I am a Block Title

text-center title-border-center-dark

Social media

Card Normal

Card Normal - Center

Card Border

Card Border - Center

Card Normal

Card Normal - Center

Card Border

Card Border - Center

Joomla! Pages

Other Pages

J!Content

Subscribe

Social media

Line

Alerts

Buttons

Outline buttons

Large buttons

Small buttons

Form

Radius Element

Social List

Meta

Category

Verticle Content - Category type 1

Verticle Content - Category type 2

Horizontal Content - card-horizontal-1

Horizontal Content - card-horizontal-2

Horizontal Content - card-horizontal-3

Block Title

I am a Block Title

I am a Block Title

I am a Block Title

I am a Block Title

I am a Block Title

I am a Block Title

Joomla! Pages

Other Pages

J!Content

Subscribe

Horizontal Content - `card-horizontal-1`

Horizontal Content - `card-horizontal-2`

Horizontal Content - `card-horizontal-3`