Alert Message

Alert Success
Alert Info
Alert Warning
Alert Danger
Alert Success
Alert Info
Alert Warning
Alert Danger

Button

There are 3 size of button (small, medium, large)
and 2 states (default and hover)

Note: It can be any colors as you want. The hover state always lighter than default one.

Form Elements

This includes all type of elements that appear in basic form.

Textarea

Select Field

Typography

Heading

H1 Heading

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc finibus sit amet ligula id gravida. Curabitur quis orci non leo varius dapibus in ornare tortor.

H3 Heading

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc finibus sit amet ligula id gravida. Curabitur quis orci non leo varius dapibus in ornare tortor.

H5 Heading

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc finibus sit amet ligula id gravida. Curabitur quis orci non leo varius dapibus in ornare tortor.

H2 Heading

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc finibus sit amet ligula id gravida. Curabitur quis orci non leo varius dapibus in ornare tortor.

H4 Heading

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc finibus sit amet ligula id gravida. Curabitur quis orci non leo varius dapibus in ornare tortor.

H6 Heading

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc finibus sit amet ligula id gravida. Curabitur quis orci non leo varius dapibus in ornare tortor.

List
[icon_list visibility=”all” custom_style=”margin: 0;”][icon_list_item text_same_size=”true” text_same_color=”true”]Cum sociis natoque penatibus et magnis[/icon_list_item][icon_list_item text_same_size=”true” text_same_color=”true”]Nunc finibus sit amet [/icon_list_item][icon_list_item text_same_size=”true” text_same_color=”true”]Curabitur quis orci non leo varius[/icon_list_item][icon_list_item text_same_size=”true” text_same_color=”true”]Sociis natoque penatibus et[/icon_list_item][/icon_list]
  1. Cum sociis natoque penatibus
  2. Nunc finibus sit amet
  3. Curabitur quis orci non
  4. Sociis natoque
[icon_list visibility=”all”][icon_list_item text_same_size=”true” text_same_color=”false” icon=”fa-arrow-circle-o-right” icon_color=”#f37259″]Cum sociis natoque penatibus et magnis[/icon_list_item][icon_list_item text_same_size=”true” text_same_color=”false” icon=”fa-arrow-circle-o-right” icon_color=”#f37259″]Nunc finibus sit amet[/icon_list_item][icon_list_item text_same_size=”true” text_same_color=”false” icon=”fa-arrow-circle-o-right” icon_color=”#f37259″]Curabitur quis orci non leo varius[/icon_list_item][icon_list_item text_same_size=”true” text_same_color=”false” icon=”fa-arrow-circle-o-right” icon_color=”#f37259″]Sociis natoque penatibus et[/icon_list_item][/icon_list]
Grid
1/3. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc finibus sit amet ligula id gravida in ornare tortor.
1/3. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc finibus sit amet ligula id gravida in ornare tortor.

 

1/3. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc finibus sit amet ligula id gravida in ornare tortor.

1/3. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc finibus sNunc finibus sit amet ligula id gravida in ornare tortor. Cum sociis natoque penatibus et magnis mus. Nunc finibus.