Accordion & Toggles

Home Shortcodes Accordion & Toggles

Accordion Mode

[vc_accordion][vc_accordion_tab title=“Our Company Mission“]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.

[/vc_accordion_tab][vc_accordion_tab title=“The UpSolution Philosophy“]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.

[/vc_accordion_tab][vc_accordion_tab title=“Another Tab Title“]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.

[/vc_accordion_tab][/vc_accordion][vc_separator type=“invisible“][vc_accordion][vc_accordion_tab title=“Accordion with Custom Colors“ bg_color=“#eeeeee“ icon=“star-o“]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.

[/vc_accordion_tab][vc_accordion_tab title=“Accordion with Custom Colors“ bg_color=“#dddddd“ icon=“cube“]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.

[/vc_accordion_tab][vc_accordion_tab title=“Accordion with Custom Colors“ bg_color=“#cccccc“ icon=“heart-o“]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.

[/vc_accordion_tab][/vc_accordion]

Toggle Mode

[vc_accordion toggle=“yes“][vc_accordion_tab title=“Our Company Mission“ active=““ no_indents=““]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.

[/vc_accordion_tab][vc_accordion_tab title=“The UpSolution Philosophy“ active=““ no_indents=““]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.

[/vc_accordion_tab][vc_accordion_tab title=“Another Tab Title“ icon=“mdfi_action_redeem“]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.

[/vc_accordion_tab][/vc_accordion][vc_separator type=“invisible“][vc_accordion toggle=“yes“ title_center=“yes“][vc_accordion_tab title=“Toggle with Custom Colors“ bg_color=“#3f51b5″ icon=“mdfi_device_devices“ text_color=“#ffffff“]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis.

[/vc_accordion_tab][vc_accordion_tab title=“Toggle with Custom Colors“ bg_color=“#ffd54f“ icon=“mdfi_device_access_alarm“ text_color=“#222222″]

Iconbox Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.

[/vc_accordion_tab][vc_accordion_tab title=“Toggle with Custom Colors“ bg_color=“#00bcd4″ icon=“mdfi_hardware_security“ text_color=“#ffffff“]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.

[/vc_accordion_tab][/vc_accordion]
[vc_separator icon=“star“ type=“invisible“ size=“big“][vc_accordion][vc_accordion_tab title=“This section opens when page load“ icon=“flask“ active=“yes“]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien. Suspendisse consectetur fringilla suctus. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor.

Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien. Suspendisse consectetur fringilla suctus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/vc_accordion_tab][vc_accordion_tab title=“Add any content element“ icon=“trophy“]
[vc_single_image image=“3540″ img_size=“full“ align=“center“ img_link_large=““ img_link_new_tab=““]

Iconbox Title

Click here to add your own text

Lorem ipsum dolor sit amet, consectetur elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.

Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.

[/vc_accordion_tab][vc_accordion_tab title=“Full size content area enabled“ icon=“book“ no_indents=“yes“][vc_gallery ids=“3540,3541,3542″ columns=“10″ masonry=““ indents=““][/vc_accordion_tab][/vc_accordion]
[vc_accordion toggle=“yes“ title_center=“yes“][vc_accordion_tab title=“This is a FullWidth Toggle“ icon=“cloud“ bg_color=“#7049ba“ text_color=“#ffffff“ active=““ no_indents=““]
[vc_single_image image=“3540″ img_size=“full“ align=“center“ img_link_large=““ img_link_new_tab=““]

Aliquam id lacus ac urna laoreet posuere in ac orci. Aliquam ornare vulputate nunc lacinia maximus. Praesent vitae libero in nunc maximus consectetur id ac sapien. Praesent quis enim hendrerit, gravida sem malesuada, pellentesque ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer velit ex, pretium a arcu in, lacinia interdum lorem.

Proin at facilisis libero. In hac habitasse platea dictumst. Sed quis rutrum ipsum. Phasellus mattis tortor et varius lobortis. Integer dapibus quam ligula, eu maximus mi dictum non. Sed facilisis convallis nisl, placerat ornare neque efficitur a. Cras vestibulum volutpat urna id aliquet. Nam maximus sem quis turpis mattis, eget congue justo feugiat. Morbi condimentum vel sem accumsan scelerisque.

[vc_separator type=“invisible“ size=“big“]

Iconbox Title

Click here to add your own text

Iconbox Title

Click here to add your own text

Iconbox Title

Click here to add your own text

Iconbox Title

Click here to add your own text

[/vc_accordion_tab][vc_accordion_tab title=“This section has the full size content“ icon=“laptop“ bg_color=“#31c5c7″ text_color=“#ffffff“ no_indents=“yes“ active=““][/vc_accordion_tab][vc_accordion_tab title=“The UpSolution Philosophy“ icon=“street-view“ bg_color=“#f2f4f5″ text_color=“#424242″ active=““ no_indents=““]

Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien. Suspendisse consectetur fringilla suctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien. Suspendisse consectetur fringilla suctus. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.

[/vc_accordion_tab][/vc_accordion]