[section background_color=”” background_image_path=”” top=”10″ bottom=”10″]
[heading textcolor=”white” top=”10″ bottom=”10″ textalign=”text-left” size=”2″]Alerts[/heading]
[row]
[column2 first=yes]

Alert Messages – Light

[alert color_style=”” type=”warning”] Notice Message. Your Message Goes Here. [/alert]
[alert color_style=”” type=”danger”] Error Message. Your Message Goes Here. [/alert]
[alert color_style=”” type=”info”] Info Message. Your Message Goes Here. [/alert]
[alert color_style=”” type=”success”] Success Message. Your Message Goes Here. [/alert]
[/column2]
[column2]

Alert Messages – Dark

[alert color_style=”white” type=”warning”] Notice Message. Your Message Goes Here. [/alert]
[alert color_style=”white” type=”danger”] Error Message. Your Message Goes Here. [/alert]
[alert color_style=”white” type=”info”] Info Message. Your Message Goes Here. [/alert]
[alert color_style=”white” type=”success”] Success Message. Your Message Goes Here. [/alert]
[/column2]
[/row]
[divider top=”15″ bottom=”15″ style=”divider-light”]
[heading textcolor=”white” top=”10″ bottom=”10″ textalign=”text-left” size=”2″]Buttons[/heading]
[row]
[column4 first=yes]

Buttons

[button link=”” color_type=”default” type=”” size=”sm” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[button link=”” color_type=”white” type=”” size=”sm” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[/column4]
[column4]

Buttons with Icon

[button link=”” color_type=”default” type=”bordered” size=”sm” button_icon=”fa-user” align=”left” target=”_self”] GET NOW [/button]
[button link=”” color_type=”white” type=”bordered” size=”sm” button_icon=”fa-user” align=”left” target=”_self”] GET NOW [/button]
[/column4]
[column4]

Small Buttons

[button link=”” color_type=”default” type=”” size=”xs” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[button link=”” color_type=”white” type=”” size=”xs” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[/column4]
[column4]

Medium Buttons

[button link=”” color_type=”default” type=”” size=”sm” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[button link=”” color_type=”white” type=”” size=”sm” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[/column4]
[/row]
[row]
[column4 first=yes]

Bordered Buttons

[button link=”” color_type=”default” type=”bordered” size=”sm” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[button link=”” color_type=”white” type=”bordered” size=”sm” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[/column4]
[column4]

Bordered Buttons with Icon

[button link=”” color_type=”default” type=”bordered” size=”sm” button_icon=”fa-user” align=”left” target=”_self”] GET NOW [/button]
[button link=”” color_type=”white” type=”bordered” size=”sm” button_icon=”fa-user” align=”left” target=”_self”] GET NOW [/button]
[/column4]
[column4]

Large Buttons

[button link=”” color_type=”default” type=”” size=”” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[button link=”” color_type=”white” type=”” size=”” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[/column4]
[column4]

Extra Large Buttons

[button link=”” color_type=”default” type=”” size=”lg” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[button link=”” color_type=”white” type=”” size=”lg” button_icon=”” align=”left” target=”_self”] GET NOW [/button]
[/column4]
[/row]
[divider top=”15″ bottom=”15″ style=”divider-light”]
[heading textcolor=”white” top=”10″ bottom=”10″ textalign=”text-left” size=”2″]Dividers[/heading]
[row]
[column1]
[divider top=”5″ bottom=”5″ style=”divider-light”]
[divider top=”5″ bottom=”5″ style=”divider-light”]
[/column1]
[/row]
[divider top=”15″ bottom=”15″ style=”divider-light”]
[heading textcolor=”white” top=”10″ bottom=”10″ textalign=”text-left” size=”2″]Call to Action Box[/heading]
[row]
[column1]
[callout background_color=”white-callout-box” title_icon=”fa-question-circle” title=”Any questions and Any help” description=”The theme comes with several eye-candy loading effects and lets you choose several parallax-scrolling effects for your posts. Also, you can choose between the metro and horizontal. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu lacus sodales, rhoncus lorem eu, consequat risus. Donec auctor ultricies neque in tristique. Maecenas ullamcorper congue elementum.” button=”true” button_text=”GET NOW” button_link=”” button_icon=”fa-info” size=”sm” btn_target=”_self”]
[callout background_color=”default-callout-box” title_icon=”fa-question-circle” title=”Any questions and Any help” description=”The theme comes with several eye-candy loading effects and lets you choose several parallax-scrolling effects for your posts. Also, you can choose between the metro and horizontal. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu lacus sodales, rhoncus lorem eu, consequat risus. Donec auctor ultricies neque in tristique. Maecenas ullamcorper congue elementum.” button=”true” button_text=”GET NOW” button_link=”” button_icon=”” size=”sm” btn_target=”_self”]
[callout background_color=”grey-callout-box” title_icon=”fa-question-circle” title=”Any questions and Any help” description=”The theme comes with several eye-candy loading effects and lets you choose several parallax-scrolling effects for your posts. Also, you can choose between the metro and horizontal. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu lacus sodales, rhoncus lorem eu, consequat risus. Donec auctor ultricies neque in tristique. Maecenas ullamcorper congue elementum.” button=”true” button_text=”GET NOW” button_link=”” button_icon=”fa-info” size=”sm” btn_target=”_self”]
[/column1]
[/row]
[divider top=”15″ bottom=”15″ style=”divider-light”]
[heading textcolor=”white” top=”10″ bottom=”10″ textalign=”text-left” size=”2″]Accordion[/heading]
[row]
[column2 first=yes]
[accordions active=”0″]
[accordion title=”Lorem ipsum dolor sit amet” icon=”fa-user”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id sem posuere, eleifend erat non, adipiscing nunc. Aenean eu convallis urna. Donec porta enim purus, sed placerat mi varius nec. Sed nulla nunc, placerat eu sapien non, semper blandit lacus. [/accordion]
[accordion title=”Donec dapibus lacus et nibh lobortis tincidunt.” icon=”fa-heart”] Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. [/accordion]
[accordion title=”Etiam quis odio pulvinar nunc scelerisque ultrices.” icon=”fa-trophy”] Aenean vulputate congue lorem vitae semper. Suspendisse tristique metus sed laoreet placerat. Fusce sollicitudin, mi sit amet porttitor molestie, risus mauris malesuada dolor, id posuere justo ipsum sed dui. Sed pulvinar, diam id malesuada mattis, justo elit feugiat mi, eu condimentum ligula turpis mollis leo. Quisque mi nisl, lobortis a libero in, ornare consequat nisi. [/accordion]
[/accordions]
[/column2]
[column2]
[accordions active=”1″]
[accordion title=”Lorem ipsum dolor sit amet” icon=””] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id sem posuere, eleifend erat non, adipiscing nunc. Aenean eu convallis urna. Donec porta enim purus, sed placerat mi varius nec. Sed nulla nunc, placerat eu sapien non, semper blandit lacus. [/accordion]
[accordion title=”Donec dapibus lacus et nibh lobortis tincidunt.” icon=””] Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. [/accordion]
[accordion title=”Etiam quis odio pulvinar nunc scelerisque ultrices.” icon=””] Aenean vulputate congue lorem vitae semper. Suspendisse tristique metus sed laoreet placerat. Fusce sollicitudin, mi sit amet porttitor molestie, risus mauris malesuada dolor, id posuere justo ipsum sed dui. Sed pulvinar, diam id malesuada mattis, justo elit feugiat mi, eu condimentum ligula turpis mollis leo. Quisque mi nisl, lobortis a libero in, ornare consequat nisi. [/accordion]
[/accordions]
[/column2]
[/row]
[divider top=”15″ bottom=”15″ style=”divider-light”]
[heading textcolor=”white” top=”10″ bottom=”10″ textalign=”text-left” size=”2″]Toggle[/heading]
[row]
[column2 first=yes]
[toggles active=”0″ icon_position=”fonticon-right”]
[toggle title=”Lorem ipsum dolor sit amet”] Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. [/toggle]
[toggle title=”Etiam quis odio pulvinar nunc scelerisque ultrices”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id sem posuere, eleifend erat non, adipiscing nunc. Aenean eu convallis urna. Donec porta enim purus, sed placerat mi varius nec. Sed nulla nunc, placerat eu sapien non, semper blandit lacus. [/toggle]
[toggle title=”Donec dapibus lacus et nibh lobortis tincidunt”] Aenean vulputate congue lorem vitae semper. Suspendisse tristique metus sed laoreet placerat. Fusce sollicitudin, mi sit amet porttitor molestie, risus mauris malesuada dolor, id posuere justo ipsum sed dui. Sed pulvinar, diam id malesuada mattis, justo elit feugiat mi, eu condimentum ligula turpis mollis leo. Quisque mi nisl, lobortis a libero in, ornare consequat nisi. [/toggle]
[/toggles]
[/column2]
[column2]
[toggles active=”1″ icon_position=”fonticon-left”]
[toggle title=”Lorem ipsum dolor sit amet”] Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. [/toggle]
[toggle title=”Etiam quis odio pulvinar nunc scelerisque ultrices”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id sem posuere, eleifend erat non, adipiscing nunc. Aenean eu convallis urna. Donec porta enim purus, sed placerat mi varius nec. Sed nulla nunc, placerat eu sapien non, semper blandit lacus. [/toggle]
[toggle title=”Donec dapibus lacus et nibh lobortis tincidunt”] Aenean vulputate congue lorem vitae semper. Suspendisse tristique metus sed laoreet placerat. Fusce sollicitudin, mi sit amet porttitor molestie, risus mauris malesuada dolor, id posuere justo ipsum sed dui. Sed pulvinar, diam id malesuada mattis, justo elit feugiat mi, eu condimentum ligula turpis mollis leo. Quisque mi nisl, lobortis a libero in, ornare consequat nisi. [/toggle]
[/toggles]
[/column2]
[/row]
[/section]