Skill Bar

[pi_wiloke_progress percent=”70″ contextual=”success”]
[pi_wiloke_progress percent=”55″ contextual=”danger”]
[pi_wiloke_progress percent=”90″ contextual=”info”]
[pi_wiloke_progress percent=”100″ contextual=”warning”]
 

Striped Skill Bar

[pi_wiloke_progress percent=”60″ contextual=”success” striped=”striped”]
[pi_wiloke_progress percent=”80″ contextual=”danger” striped=”striped”]
[pi_wiloke_progress percent=”40″ contextual=”info” striped=”striped”]
[pi_wiloke_progress percent=”90″ contextual=”warning” striped=”striped”]
 

Animated Skill Bar

[pi_wiloke_progress percent=”50″ contextual=”success” striped=”striped” active=”active”]
[pi_wiloke_progress percent=”70″ contextual=”danger” striped=”striped” active=”active”]
[pi_wiloke_progress percent=”90″ contextual=”info” striped=”striped” active=”active”]
[pi_wiloke_progress percent=”50″ contextual=”warning” striped=”striped” active=”active”]
 

Normal Button

[pi_wiloke_button button_name=”Button” contextual=”h-btn” size=”btn-default” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-success” size=”btn-default” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-info” size=”btn-default” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-warning” size=”btn-default” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-danger” size=”btn-default” link=”#”]
 
 

Lager Button

[pi_wiloke_button button_name=”Button” contextual=”h-btn” size=”btn-lg” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-success” size=”btn-lg” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-info” size=”btn-lg” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-warning” size=”btn-lg” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-danger” size=”btn-lg” link=”#”]
 

Small Button

[pi_wiloke_button button_name=”Button” contextual=”h-btn” size=”btn-sm” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-success” size=”btn-sm” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-info” size=”btn-sm” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-warning” size=”btn-sm” link=”#”]
[pi_wiloke_button button_name=”Button” contextual=”btn-danger” size=”btn-sm” link=”#”]
 

Quote

[pi_wiloke_quote quote=”Curabitur quam neque, porta vel velit vitae tempor posuere arcu Integer a arcu id mauris ultricies ullamcorper id a lectus” author=”Wiloke”]
 

Alert

[pi_wiloke_alert alert=”Well done! You successfully read this important alert message. ” contextual=”alert-success”]
[pi_wiloke_alert alert=”Well done! You successfully read this important alert message. ” contextual=”alert-warning”]
[pi_wiloke_alert alert=”Well done! You successfully read this important alert message. ” contextual=”alert-danger”]
[pi_wiloke_alert alert=”Well done! You successfully read this important alert message. ” contextual=”alert-info”]
 

Tabs

[pi_wiloke_tabs][pi_tab title=”Pellentesque” content=”Pellentesque felis eros, auctor sit amet nisi sit amet, consectetur congue mauris. Donec iaculis dolor sed magna sollicitudin luctus. Aenean interdum sagittis tempor. Nulla ante odio, molestie sit amet lobortis at, placerat eleifend diam. Cras magna nisl, cursus eget faucibus quis, posuere in tortor. Ut a nisl vitae ipsum consectetur lacinia. Suspendisse potenti.”][pi_tab title=”Quisque” content=”Quisque sit amet aliquet sem. Aenean posuere justo in sapien porta, vitae blandit justo fermentum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus viverra nulla et ultrices porta.”][pi_tab title=”Fusce” content=”Pellentesque sit amet nisi id sem fringilla aliquam. Integer ullamcorper imperdiet enim quis efficitur. Fusce pharetra diam non lorem pharetra, aliquam ultrices dolor ultricies. Proin ultricies viverra finibus. Sed rutrum non justo in volutpat.”][/pi_wiloke_tabs]
 

Accrodion

[pi_wiloke_accordion][pi_item title=”Donec” content=”Donec auctor dolor dolor, a tempus arcu euismod et. Nullam volutpat vel velit eu porttitor. Morbi tincidunt mauris nibh, sed fringilla odio maximus vel. Morbi venenatis aliquet risus sed congue. Nam sed dui nulla.”][pi_item title=”Pellentesque” content=”Nunc turpis sem, interdum id lacus ut, viverra suscipit urna. Pellentesque nec placerat felis, et malesuada metus. Sed at purus feugiat”][pi_item title=”Nested” content=”Nested and mixed lists are an interesting beast. It’s a corner case to make sure that Lists within lists do not break the ordered list numbering order”][/pi_wiloke_accordion]
 

Tiled Gallery