[layout] Speciale elementen

[notification type=”alert-success” close=”true” ]Below listed shortcodes are powered by Easy Bootstrap Shortcode plugin. To find out more about this plugin and download it please visit WordPress plugin repository. We have made examples for all shortcode types but you can combine them, tweak them, add custom classes and much more. It is among the most powerful Bootstrap plugins to manage shortcodes and we highly recommend it for Dazzling and our other Bootstrap based themes.[/notification]

Accordion

[toggles class=”yourcustomclass”]
[toggle title=”Accordion number 1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed justo eu ligula faucibus vehicula congue hendrerit ligula. Integer interdum, enim mattis ornare rutrum, nulla ligula pellentesque turpis, eget venenatis eros eros vitae massa. Nunc sed mattis mauris. Phasellus facilisis iaculis lacus, vitae lobortis orci suscipit ac. Ut vitae felis eu dolor sagittis tempus. Phasellus at nisi ac nibh venenatis congue. Aenean a nulla ac risus pretium hendrerit quis quis nibh. Vivamus congue egestas ligula a dictum.

colorlib-logo-slider

[/toggle]
[toggle title=”Accordion number 2″ class=”in”]

Etiam a lectus quis ante posuere iaculis sed et mauris. Vivamus pellentesque molestie tellus. In hac habitasse platea dictumst. Vivamus quis eleifend velit, vitae suscipit diam. Proin elementum turpis quis adipiscing viverra. Etiam pulvinar congue nisi, non dictum felis ullamcorper quis. Cras purus felis, dictum sed felis elementum, ultrices porttitor velit.[/toggle]
[toggle title=”Accordion number 3″]Praesent in volutpat orci, sit amet feugiat mauris. Suspendisse luctus lectus non erat ornare, a gravida purus cursus. Ut in nulla erat. Integer elementum orci mi, at gravida sapien pharetra ut.

Duis pretium vulputate elit eget euismod. In eget porta elit. Aenean iaculis, orci sit amet dignissim suscipit, lacus turpis semper turpis, a vestibulum dolor eros ut libero. Curabitur vitae leo varius, accumsan mi non, mattis dui. Sed id augue varius, malesuada urna vel, posuere metus.

Integer congue, velit eu dictum porttitor, arcu enim condimentum orci, a aliquam nibh eros ac turpis. Maecenas sit amet luctus nulla. Sed ut mi pellentesque, scelerisque massa a, pretium tellus. Proin in interdum velit. Sed porttitor ipsum nec interdum aliquam. Duis iaculis, est eu ultrices ultrices, lorem urna blandit eros, sit amet facilisis turpis ante et ante. Aliquam rhoncus at dolor eu facilisis.

[/toggle]
[toggle title=”Accordion number 4″]

Quisque et pellentesque erat. Integer rutrum, quam at iaculis malesuada, purus ante fermentum massa, eu tempus ipsum leo at est. Ut iaculis, turpis quis aliquet ornare, massa ante molestie justo, vitae mollis erat sapien vitae urna. Sed elit metus, vestibulum non nulla eu, blandit pretium nunc. Cras dignissim tellus libero, at aliquam tortor tempus eget. Morbi sed imperdiet purus. Nam ut erat id dolor vehicula vehicula eu in tellus.[/toggle]

[/toggles]

Tabs

[tabs class=”yourcustomclass”]
[tab title=”Tab number 1″ active=”active”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis laoreet condimentum diam nec pretium. Cras sollicitudin mauris ac tortor mattis, et sagittis dui molestie. Nam sed eros facilisis, dapibus ante et, dictum purus. Vestibulum feugiat mi eget felis pretium interdum. In at pharetra neque, eu vehicula justo. Aenean elementum ullamcorper libero, et blandit ante lacinia ut. Aliquam viverra lorem ipsum, in placerat sem cursus vel. Integer augue sem, adipiscing quis tempus ac, congue nec lectus. Aliquam cursus elit at tristique tristique. Sed faucibus aliquam erat, vitae porta ligula accumsan vel.

[/tab]
[tab title=”Tab number 2″]

[/tab]
[tab title=”Tab number 3″]

Donec malesuada dui vitae adipiscing placerat. Fusce lectus ante, accumsan et nibh vel, pellentesque hendrerit mauris. Curabitur ac diam nibh. Duis fermentum ultricies orci consectetur suscipit. Pellentesque lobortis molestie nibh, in fringilla massa vulputate a. Suspendisse potenti. Donec pretium vestibulum facilisis. Morbi sit amet elit tincidunt, condimentum nulla vel, rhoncus neque. Aliquam ipsum nunc, sodales sit amet porttitor vel, interdum et ante. Maecenas nec nunc nec nulla interdum eleifend. Pellentesque sit amet risus eget mauris congue venenatis ac eu turpis.

[/tab]
[tab title=”Tab number 4″]

Quisque et pellentesque erat. Integer rutrum, quam at iaculis malesuada, purus ante fermentum massa, eu tempus ipsum leo at est. Ut iaculis, turpis quis aliquet ornare, massa ante molestie justo, vitae mollis erat sapien vitae urna. Sed elit metus, vestibulum non nulla eu, blandit pretium nunc. Cras dignissim tellus libero, at aliquam tortor tempus eget. Morbi sed imperdiet purus. Nam ut erat id dolor vehicula vehicula eu in tellus.

Ut vitae faucibus tortor, non porttitor nunc. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut vel aliquam urna. Phasellus vitae dignissim arcu. Ut vitae massa at turpis imperdiet luctus a sed magna. Vestibulum consectetur, lorem ac blandit ultrices, elit est molestie urna, at porta lorem magna in nisi. Cras dui sapien, adipiscing nec nunc nec, luctus eleifend eros. Donec nec ullamcorper nisi. Quisque a lacus velit. Mauris non nibh nec neque fringilla pretium. Aliquam erat volutpat. Nam euismod rhoncus dolor, vel mollis nisi vehicula ac. Vivamus sed augue aliquet, molestie lectus ac, congue arcu. Vivamus elementum porta turpis, non imperdiet sapien ullamcorper in. Etiam aliquam condimentum odio sed scelerisque.

[/tab]
[/tabs]

Custom Lists

[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]

Theme Features

[list]
[li type=”glyphicon-ok”]Bootstrap 3 Integration[/li]
[li type=”glyphicon-ok”]Custom Theme Options[/li]
[li type=”glyphicon-ok”]Responsive layout[/li]
[li type=”glyphicon-ok”]Awesome Support[/li]
[li type=”glyphicon-ok”]Full-Screen Slider[/li]
[/list]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]

Theme Features

[list]
[li type=”glyphicon-arrow-right”]Bootstrap 3 Integration[/li]
[li type=”glyphicon-arrow-right”]Custom Theme Options[/li]
[li type=”glyphicon-arrow-right”]Responsive layout[/li]
[li type=”glyphicon-arrow-right”]Awesome Support[/li]
[li type=”glyphicon-arrow-right”]Full-Screen Slider[/li]
[/list]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]

Theme Features

[list]
[li type=”glyphicon-plus”]Bootstrap 3 Integration[/li]
[li type=”glyphicon-plus”]Custom Theme Options[/li]
[li type=”glyphicon-plus”]Responsive layout[/li]
[li type=”glyphicon-plus”]Awesome Support[/li]
[li type=”glyphicon-plus”]Full-Screen Slider[/li]
[/list]

[/column]
[/row]

Buttons

Large Buttons

[button style=”btn-primary btn-lg” type=”link” target=”false” title=”Sample Button” link=”#”] [button style=”btn-success btn-lg” type=”button” title=” Sample Button”] [button style=”btn-danger btn-lg” type=”button” title=” Sample Button”] [button style=”btn-link btn-lg” type=”button” title=” Sample Button”] [button style=”btn-warning btn-lg” type=”button” title=” Sample Button”] [button style=”btn-info btn-lg” type=”button” title=” Sample Button”]

[button style=”btn-primary btn-lg” icon=”glyphicon glyphicon-cloud-download” align=”left”type=”link” target=”false” title=”Button” link=”#”] [button style=”btn-success btn-lg” icon=”glyphicon glyphicon-cloud-download” align=”left”type=”button” title=” Button”] [button style=”btn-danger btn-lg” icon=”glyphicon glyphicon-search” align=”left”type=”button” title=” Button”] [button style=”btn-link btn-lg” icon=”glyphicon glyphicon-eye-open” align=”left”type=”button” title=” Button”] [button style=”btn-warning btn-lg” icon=”glyphicon glyphicon-fire” align=”left”type=”button” title=” Button”] [button style=”btn-info btn-lg” icon=”glyphicon glyphicon-thumbs-up” align=”left”type=”button” title=” Button”]

Regular Buttons

[button style=”btn-primary btn” type=”link” target=”false” title=”Sample Button” link=”#”] [button style=”btn-success btn” type=”button” title=” Sample Button”] [button style=”btn-danger btn” type=”button” title=” Sample Button”] [button style=”btn-link btn” type=”button” title=” Sample Button”] [button style=”btn-warning btn” type=”button” title=” Sample Button”] [button style=”btn-info btn” type=”button” title=” Sample Button”]

[button style=”btn-primary btn-sm” icon=”glyphicon glyphicon-cloud-download” align=”left”type=”link” target=”false” title=”Button” link=”#”] [button style=”btn-success btn-sm” icon=”glyphicon glyphicon-cloud-download” align=”left”type=”button” title=” Button”] [button style=”btn-danger btn-sm” icon=”glyphicon glyphicon-search” align=”left”type=”button” title=” Button”] [button style=”btn-link btn-sm” icon=”glyphicon glyphicon-eye-open” align=”left”type=”button” title=” Button”] [button style=”btn-warning btn-sm” icon=”glyphicon glyphicon-fire” align=”left”type=”button” title=” Button”] [button style=”btn-info btn-sm” icon=”glyphicon glyphicon-thumbs-up” align=”left”type=”button” title=” Button”]

Small Buttons

[button style=”btn-primary btn-xs” type=”link” target=”false” title=”Sample Button” link=”#”] [button style=”btn-success btn-xs” type=”button” title=” Sample Button”] [button style=”btn-danger btn-xs” type=”button” title=” Sample Button”] [button style=”btn-link btn-xs” type=”button” title=” Sample Button”] [button style=”btn-warning btn-xs” type=”button” title=” Sample Button”] [button style=”btn-info btn-xs” type=”button” title=” Sample Button”]

Button Groups

[buttongroup]
[button style=”btn-primary btn-lg” type=”button” title=”Button” ]
[button style=”btn-success btn-lg” type=”button” title=”Button” ]
[button style=”btn-info btn-lg” type=”button” title=”Button” ]
[button style=”btn-warning btn-lg” type=”link” target=”false” link=”#” title=”Button” ]
[button style=”btn-danger btn-lg” type=”link” target=”false” link=”#” title=”Button” ]
[/buttongroup]

[buttongroup][button style=”btn-primary btn-sm” type=”button” title=”Button” ]
[button style=”btn-success btn-sm” type=”button” title=”Button” ]
[button style=”btn-info btn-sm” type=”button” title=”Button” ]
[button style=”btn-warning btn-sm” type=”link” target=”false” link=”#” title=”Button” ]
[button style=”btn-danger btn-sm” type=”link” target=”false” link=”#” title=”Button” ]
[/buttongroup]

Notifications

[notification type=”alert-warning” close=”true” ]Yous custom notification that can be closed[/notification]

[notification type=”alert-success” close=”true” ]Yous custom notification that can be closed[/notification]

[notification type=”alert-danger” close=”true” ]Yous custom notification that can be closed[/notification]

[notification type=”alert-info” close=”false” ]Custom notification without “close” option[/notification]

Columns

2 Columns

[row]
[column lg=”6″ md=”6″ sm=”12″ xs=”12″ ]

1/2

Maecenas et dictum purus. Nullam consequat, nisi non euismod placerat, augue sapien tristique diam, a volutpat sapien urna eget metus. Nam eget lacus in massa blandit euismod adipiscing vitae nisl. Aenean tellus odio, faucibus et ullamcorper et, fermentum at nulla. Nam eget sollicitudin elit, vitae tristique magna. Sed aliquet mi vel sapien vehicula auctor. In faucibus lobortis metus, eget mattis magna pellentesque id. In ac est dolor. Morbi tellus elit, convallis sit amet felis vel, pellentesque lobortis ligula. Donec lacinia eget urna non pellentesque. Vivamus eu iaculis libero, eu gravida massa. Etiam consectetur consectetur hendrerit. Sed bibendum libero neque, quis porta libero feugiat vel. Morbi porta fringilla porttitor. Pellentesque accumsan id metus ut ultrices. Donec non tempus diam, vehicula facilisis nulla.
[/column]
[column lg=”6″ md=”6″ sm=”12″ xs=”12″ ]

1/2

Maecenas et dictum purus. Nullam consequat, nisi non euismod placerat, augue sapien tristique diam, a volutpat sapien urna eget metus. Nam eget lacus in massa blandit euismod adipiscing vitae nisl. Aenean tellus odio, faucibus et ullamcorper et, fermentum at nulla. Nam eget sollicitudin elit, vitae tristique magna. Sed aliquet mi vel sapien vehicula auctor. In faucibus lobortis metus, eget mattis magna pellentesque id. In ac est dolor. Morbi tellus elit, convallis sit amet felis vel, pellentesque lobortis ligula. Donec lacinia eget urna non pellentesque. Vivamus eu iaculis libero, eu gravida massa. Etiam consectetur consectetur hendrerit. Sed bibendum libero neque, quis porta libero feugiat vel. Morbi porta fringilla porttitor. Pellentesque accumsan id metus ut ultrices. Donec non tempus diam, vehicula facilisis nulla.
[/column]
[/row]

3 Columns

[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]

1/3

Ut dictum nunc ac posuere egestas. Vestibulum interdum diam sed sagittis aliquam. Donec non velit sit amet sem malesuada tempus. Nunc pretium massa eu rutrum scelerisque. Fusce nec lorem dapibus, sollicitudin lorem at, tincidunt felis. Fusce id lobortis diam. Nunc congue vehicula magna a venenatis. Integer neque tellus, dignissim vel purus quis, auctor elementum mauris. In commodo eleifend condimentum.
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]

1/3

Ut dictum nunc ac posuere egestas. Vestibulum interdum diam sed sagittis aliquam. Donec non velit sit amet sem malesuada tempus. Nunc pretium massa eu rutrum scelerisque. Fusce nec lorem dapibus, sollicitudin lorem at, tincidunt felis. Fusce id lobortis diam. Nunc congue vehicula magna a venenatis. Integer neque tellus, dignissim vel purus quis, auctor elementum mauris. In commodo eleifend condimentum.
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]

1/3

Ut dictum nunc ac posuere egestas. Vestibulum interdum diam sed sagittis aliquam. Donec non velit sit amet sem malesuada tempus. Nunc pretium massa eu rutrum scelerisque. Fusce nec lorem dapibus, sollicitudin lorem at, tincidunt felis. Fusce id lobortis diam. Nunc congue vehicula magna a venenatis. Integer neque tellus, dignissim vel purus quis, auctor elementum mauris. In commodo eleifend condimentum.
[/column]
[/row]

4 Columns

[row]
[column lg=”3″ md=”6″ sm=”12″ xs=”12″ ]

1/4

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.
[/column]
[column lg=”3″ md=”6″ sm=”12″ xs=”12″ ]

1/4

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.
[/column]
[column lg=”3″ md=”6″ sm=”12″ xs=”12″ ]

1/4

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.
[/column]
[column lg=”3″ md=”6″ sm=”12″ xs=”12″ ]

1/4

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.
[/column]
[/row]

Tables

[table “” not found /]

Tooltips

[tooltip type=”button” link=”” tooltip=”What did you expected?” style=”top” ]Hover Me[/tooltip] [tooltip type=”button” link=”” tooltip=”You can add any message here” style=”bottom” ]Hover Me[/tooltip] [tooltip type=”button” link=”” tooltip=”Another message” style=”left” ]Hover Me[/tooltip] [tooltip type=”button” link=”” tooltip=”Another message” style=”right” ]Hover Me[/tooltip][tooltip type=”link” link=”#” tooltip=”Another” style=”auto” ]Hover Me[/tooltip]

Icon headings

[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[iconheading type=”h3″ style=”glyphicon-heart-empty”]Awesome Theme[/iconheading]

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.

[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[iconheading type=”h3″ style=”glyphicon-leaf”]Clean Look[/iconheading]

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.

[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[iconheading type=”h3″ style=”glyphicon-hand-left”]Best Support[/iconheading]

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.

[/column]
[/row]

Panel shortcode

[panel style=”panel-success”]
[panel-header]
Panel heading goes here
[/panel-header]
[panel-content]

Fusce pretium mi a placerat ultrices. Vivamus id nunc neque. Aenean mollis diam non urna sagittis, eget tincidunt lorem mollis. Suspendisse potenti. Proin mattis a enim at volutpat. Morbi porta urna in sagittis tempor. Vestibulum sed interdum risus, sit amet sagittis nunc. Integer sed dapibus lacus. Cras nec metus nisi. Ut nec cursus odio, vitae faucibus nulla. Sed in euismod odio. Aenean faucibus egestas libero in viverra. Pellentesque tortor nunc, lobortis eleifend dolor tempus, mollis bibendum velit.

[/panel-content]
[/panel]

Popover

[popover title=”A title” pop_content=”Fusce rutrum felis nec tristique consequat. Nunc nec rutrum nisl, eu hendrerit mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vel vehicula elit.” trigger=”click” style=”top” size=”btn-sm” type=”btn-success” ]Click Here[/popover] [popover title=”A title” pop_content=”Fusce rutrum felis nec tristique consequat. Nunc nec rutrum nisl, eu hendrerit mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vel vehicula elit.” trigger=”click” style=”bottom” size=”btn-sm” type=”btn-warning” ]Click Here[/popover] [popover title=”A title” pop_content=”Fusce rutrum felis nec tristique consequat. Nunc nec rutrum nisl, eu hendrerit mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vel vehicula elit.” trigger=”click” style=”left” size=”btn-sm” type=”btn-primary” ]Click Here[/popover] [popover title=”A title” pop_content=”Fusce rutrum felis nec tristique consequat. Nunc nec rutrum nisl, eu hendrerit mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vel vehicula elit.” trigger=”click” style=”right” size=”btn-sm” type=”btn-danger” ]Click Here[/popover]

Button Dropdown

[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-primary” size=”” split=””]
Dropdown
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]

[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-success” size=”” split=””]
Dropdown
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]

[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-warning” size=”” split=””]
Dropdown
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]

[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-info” size=”” split=””]
Dropdown
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]

[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-danger” size=”” split=””]
Dropdown
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”http://colorlib.com/dazzling/” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]

Labels

[label type=”label-primary”]
Sample Label
[/label]

[label type=”label-success”]
Sample Label
[/label]

[label type=”label-warning”]
Sample Label
[/label]

[label type=”label-danger”]
Sample Label
[/label]

[label type=”label-info”]
Sample Label
[/label]

Well

[well type=”well-lg”]
Vivamus id dictum odio, nec bibendum dolor. Praesent non felis massa. Nulla sagittis dapibus lectus. Maecenas ac feugiat sem, vel lacinia neque. Nullam feugiat libero enim, non scelerisque nibh imperdiet aliquam. Morbi at nibh consequat sapien dignissim euismod non a ligula. Fusce lacinia ut leo quis ultricies. Aliquam at mi non nibh ornare sagittis ac ac lorem. Sed id elementum leo, non mollis quam. Quisque sem nunc, sollicitudin ac vestibulum in, bibendum eget mi. Duis dictum vitae mauris luctus suscipit.
[/well]

Responsive Images

[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[thumbnail border=”1″ src=”http://www.atelierklondike.nl/wp-content/uploads/2015/05/long-shadow-logo-example.jpg”]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[thumbnail border=”1″ src=”http://www.atelierklondike.nl/wp-content/uploads/2015/05/long-shadow-logo.png”]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[thumbnail border=”1″ src=”http://www.atelierklondike.nl/wp-content/uploads/2015/05/flatlogo-example.png”]
[/column]
[/row]

Image Effects

[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[image src=”http://www.atelierklondike.nl/wp-content/uploads/2015/05/colorlib-logo-square.png” shape=”img-rounded”]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[image src=”http://www.atelierklondike.nl/wp-content/uploads/2015/05/colorlib-logo-square.png” shape=”img-circle”]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[image src=”http://www.atelierklondike.nl/wp-content/uploads/2015/05/colorlib-logo-square.png” shape=”img-thumbnail”]
[/column]
[/row]

Progress bar

[row]
[column lg=”6″ md=”6″ sm=”12″ xs=”12″ ]
[progressbar value=”50″ bartype=”progress-bar-success” barstyle=”progress-striped active” label=”PHP”]

[progressbar value=”75″ bartype=”progress-bar-primary” barstyle=”progress-striped active” label=”JavaScript”]

[progressbar value=”95″ bartype=”progress-bar-warning” barstyle=”progress-striped active” label=”CSS3″]

[progressbar value=”100″ bartype=”progress-bar-danger” barstyle=”progress-striped active” label=”HTML5″]
[/column]
[column lg=”6″ md=”6″ sm=”12″ xs=”12″ ]
[progressbar value=”50″ bartype=”progress-bar-success” label=”PHP”]

[progressbar value=”75″ bartype=”progress-bar-primary” label=”JavaScript”]

[progressbar value=”95″ bartype=”progress-bar-warning” label=”CSS3″]

[progressbar value=”100″ bartype=”progress-bar-danger” label=”HTML5″]

[/column]
[/row]

Services

[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[servicebox icon=”glyphicon-refresh” icon_size=”40″ iconbg_size=”100″ iconbg_radius=”50″ margin_bottom=”30″ margin_top=”30″ iconbgcolor=”#1FA67A” iconcolor=”#ffffff” headingtype=”h3″ heading=”Awesome Service” readmore=”true” readmore_link=”http://colorlib.com/dazzling/” readmore_text=”Read More” readmore_type=”btn-lg” readmorestyle=”default”]Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ullamcorper pulvinar tortor, ut blandit dui porttitor in. Duis pretium mattis blandit. Morbi eu euismod lorem.[/servicebox]

[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[servicebox icon=”glyphicon-fire” icon_size=”40″ iconbg_size=”100″ iconbg_radius=”50″ margin_bottom=”30″ margin_top=”30″ iconbgcolor=”#1FA67A” iconcolor=”#ffffff” headingtype=”h3″ heading=”Outstanding Support” readmore=”true” readmore_link=”http://colorlib.com/dazzling/” readmore_text=”Read More” readmore_type=”btn-lg” readmorestyle=”default”]Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ullamcorper pulvinar tortor, ut blandit dui porttitor in. Duis pretium mattis blandit. Morbi eu euismod lorem.[/servicebox]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[servicebox icon=”glyphicon-leaf” icon_size=”40″ iconbg_size=”100″ iconbg_radius=”50″ margin_bottom=”30″ margin_top=”30″ iconbgcolor=”#1FA67A” iconcolor=”#ffffff” headingtype=”h3″ heading=”Premium Quality” readmore=”true” readmore_link=”http://colorlib.com/dazzling/” readmore_text=”Read More” readmore_type=”btn-lg” readmorestyle=”default”]Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ullamcorper pulvinar tortor, ut blandit dui porttitor in. Duis pretium mattis blandit. Morbi eu euismod lorem.[/servicebox]

[/column]

[/row]