Accordion & Toggles

[vc_row][vc_column width=”1/2″][vc_column_text]

Accordion Mode

[/vc_column_text][vc_accordion][vc_accordion_tab title=”Our Company Mission”][vc_column_text] 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_column_text][/vc_accordion_tab][vc_accordion_tab title=”The UpSolution Philosophy”][vc_column_text] 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_column_text][/vc_accordion_tab][vc_accordion_tab title=”Another Tab Title”][vc_column_text] 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_column_text][/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”][vc_column_text] 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_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion with Custom Colors” bg_color=”#dddddd” icon=”cube”][vc_column_text] 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_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion with Custom Colors” bg_color=”#cccccc” icon=”heart-o”][vc_column_text] 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_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column width=”1/2″][vc_column_text]

Toggle Mode

[/vc_column_text][vc_accordion toggle=”yes”][vc_accordion_tab title=”Our Company Mission” icon=”mdfi_action_explore”][vc_column_text] 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_column_text][/vc_accordion_tab][vc_accordion_tab title=”The UpSolution Philosophy” icon=”mdfi_action_question_answer”][vc_column_text] 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_column_text][/vc_accordion_tab][vc_accordion_tab title=”Another Tab Title” icon=”mdfi_action_redeem”][vc_column_text] 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_column_text][/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”][vc_column_text] 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_column_text][/vc_accordion_tab][vc_accordion_tab title=”Toggle with Custom Colors” bg_color=”#ffd54f” icon=”mdfi_device_access_alarm” text_color=”#222222″][vc_iconbox icon=”mdfi_action_android” type=”default” color=”primary” iconpos=”top” size=”medium” title=”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_iconbox][/vc_accordion_tab][vc_accordion_tab title=”Toggle with Custom Colors” bg_color=”#00bcd4″ icon=”mdfi_hardware_security” text_color=”#ffffff”][vc_column_text] 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_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_separator icon=”star” type=”invisible” size=”big”][vc_accordion][vc_accordion_tab title=”This section opens when page load” icon=”flask” active=”yes”][vc_row_inner][vc_column_inner width=”2/3″][vc_column_text]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_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_simple_slider ids=”4751,4752,4753″ arrows=”always” nav=”none” transition=”slide” auto_rotation=”yes”][/vc_column_inner][/vc_row_inner][/vc_accordion_tab][vc_accordion_tab title=”Add any content element” icon=”trophy”][vc_row_inner][vc_column_inner width=”1/3″][vc_single_image image=”4751″ img_size=”full” align=”center”][/vc_column_inner][vc_column_inner width=”1/3″][vc_iconbox icon=”mdfi_image_camera” type=”circle” color=”secondary” iconpos=”top” size=”big” title=”Iconbox Title”]Click here to add your own text[/vc_iconbox][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_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_column_text][/vc_column_inner][/vc_row_inner][/vc_accordion_tab][vc_accordion_tab title=”Full size content area enabled” icon=”book” no_indents=”yes”][vc_gallery ids=”4751,4752,4753″ columns=”10″][/vc_accordion_tab][/vc_accordion][/vc_column][/vc_row][vc_row section=”yes” full_width=”yes” full_height=”yes”][vc_column width=”1/1″][vc_accordion toggle=”yes” title_center=”yes”][vc_accordion_tab title=”This is a FullWidth Toggle” icon=”mdfi_image_filter_drama” bg_color=”#7049ba” text_color=”#ffffff”][vc_row_inner][vc_column_inner width=”1/3″][vc_single_image image=”4751″ img_size=”full” align=”center”][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text]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_column_text][vc_separator type=”invisible” size=”big”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/4″][vc_iconbox icon=”facebook” type=”circle” color=”secondary” iconpos=”left” size=”medium” title=”Iconbox Title”]Click here to add your own text[/vc_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][vc_iconbox icon=”twitter” type=”circle” color=”secondary” iconpos=”left” size=”medium” title=”Iconbox Title”]Click here to add your own text[/vc_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][vc_iconbox icon=”behance” type=”circle” color=”secondary” iconpos=”left” size=”medium” title=”Iconbox Title”]Click here to add your own text[/vc_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][vc_iconbox icon=”yelp” type=”circle” color=”secondary” iconpos=”left” size=”medium” title=”Iconbox Title”]Click here to add your own text[/vc_iconbox][/vc_column_inner][/vc_row_inner][/vc_accordion_tab][vc_accordion_tab title=”This section has the full size content” icon=”mdfi_hardware_laptop_chromebook” bg_color=”#31c5c7″ text_color=”#ffffff” no_indents=”yes”][vc_portfolio columns=”5″ style=”type_1″ align=”center” ratio=”3:2″ meta=”date”][/vc_accordion_tab][vc_accordion_tab title=”The UpSolution Philosophy” icon=”mdfi_maps_map” bg_color=”#f2f4f5″ text_color=”#424242″][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]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.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]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_column_text][/vc_column_inner][/vc_row_inner][/vc_accordion_tab][/vc_accordion][/vc_column][/vc_row]

Leave a Reply

Your email address will not be published. Required fields are marked *