Search
Friday 15 November 2019
  • :
  • :

Elements

[heading animation="" type="2" align="alignnone"]Buttons with Icons – all use as you like[/heading]

[button animation="" color="#ffffff" background_color="#ff9900" icon="icomoon-checkmark" icon_upload="" target="_blank" url=""]Ok[/button]

[button animation=”” color=”#ffffff” background_color=”#09c” icon=”icomoon-cloud” icon_upload=”” target=”_blank” url=””]Clouds[/button]

[button animation=”” color=”#ffffff” background_color=”#e5cc19” icon=”icomoon-warning” icon_upload=”” target=”_blank” url=””]Warning[/button]

[button animation=”” color=”#ffffff” background_color=”#007F99” icon=”icomoon-user” icon_upload=”” target=”_blank” url=””]User[/button]

[button animation=”” color=”#ffffff” background_color=”#E59919” icon=”icomoon-tag” icon_upload=”” target=”_blank” url=””]Tag[/button]

[button animation=”” color=”#ffffff” background_color=”#4C6699” icon=”icomoon-table” icon_upload=”” target=”_blank” url=””]Table[/button]

[button animation=”” color=”#ffffff” background_color=”#99CC4C” icon=”icomoon-star” icon_upload=”” target=”_blank” url=””]Star[/button]

[button animation=”” color=”#ffffff” background_color=”#66667F” icon=”icomoon-search” icon_upload=”” target=”_blank” url=””]Search[/button]

[button animation=”” color=”#ffffff” background_color=”#E56619” icon=”icomoon-phone” icon_upload=”” target=”_blank” url=””]Phone[/button]

[divider]

[heading animation="" type="2" align="alignnone"]Style Boxes[/heading]

[message animation="bounceInDown" style="1" type="info"]This is an Information Message! – Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.[/message]

[message animation="bounceInDown" style="1" type="success"]This is an Success Message! – Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.[/message]

[message animation="bounceInDown" type="notice"]This is an Notice Message! – Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.[/message]

[message animation="bounceInDown" type="error"]This is an Error Message! – Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text.[/message]

[divider]

[heading animation="" type="2" align="alignnone"]Alternate Style Boxes[/heading]

[message animation="" style="2" type="info"]This is an Information Message! – Lorem Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure thereem Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure thereisn’t anything embarrassing hidden in the middle of text.[/message]

[message animation="" type="success"]This is an Success Message! – Lorem Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure thereem Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure thereisn’t anything embarrassing hidden in the middle of text.[/message]

[message animation="" type="notice"]This is an Notice Message! – Lorem Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure thereem Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure thereisn’t anything embarrassing hidden in the middle of text.[/message]

[message animation="" type="error"]This is an Error Message! – Lorem Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure thereem Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure there em Ipsum, you need to be sure thereisn’t anything embarrassing hidden in the middle of text.[/message]

[divider]

[heading animation="" type="2" align="alignnone"]Styles of Tables[/heading]

[table]
[table_row][table_cell]A1[/table_cell][table_cell]A2[/table_cell][table_cell]A3[/table_cell][/table_row]
[table_row][table_cell]B1[/table_cell][table_cell]B2[/table_cell][table_cell]B3[/table_cell][/table_row]
[table_row][table_cell]C1[/table_cell][table_cell]C2[/table_cell][table_cell]C3[/table_cell][/table_row]
[table_row][table_cell]D1[/table_cell][table_cell]D2[/table_cell][table_cell]D3[/table_cell][/table_row]
[/table]