Accordion & Toggles

[vc_row content_placement=”middle” height=”small” color_scheme=””][vc_column][us_page_title description=”1″ font_size=”1.8rem” inline=”1″][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]

Accordion Mode

[/vc_column_text][vc_tta_accordion][vc_tta_section 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_tta_section][vc_tta_section 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_tta_section][vc_tta_section 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_tta_section][/vc_tta_accordion][us_separator][vc_tta_accordion c_icon=”triangle”][vc_tta_section icon=”far|star” bg_color=”#eeeeee” title=”Accordion with Custom Colors”][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_tta_section][vc_tta_section icon=”fas|cube” bg_color=”#dddddd” title=”Accordion with Custom Colors”][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_tta_section][vc_tta_section icon=”far|heart” bg_color=”#cccccc” title=”Accordion with Custom Colors”][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_tta_section][/vc_tta_accordion][/vc_column][vc_column width=”1/2″][vc_column_text]

Toggle Mode

[/vc_column_text][vc_tta_accordion toggle=”1″ c_icon=”plus”][vc_tta_section icon=”material|explore” active=”1″ 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_tta_section][vc_tta_section icon=”material|question_answer” 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_tta_section][vc_tta_section icon=”material|redeem” 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_tta_section][/vc_tta_accordion][us_separator][vc_tta_accordion toggle=”1″ c_icon=”plus” c_position=”left”][vc_tta_section icon=”material|devices” i_position=”right” bg_color=”#3f51b5″ text_color=”#ffffff” title=”Toggle with Custom Colors”][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_tta_section][vc_tta_section icon=”material|access_alarm” i_position=”right” bg_color=”#ffd54f” text_color=”#222222″ title=”Toggle with Custom Colors”][us_iconbox icon=”material|android” title=”Iconbox Title” size=”50px”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.[/us_iconbox][/vc_tta_section][vc_tta_section icon=”material|security” i_position=”right” bg_color=”#00bcd4″ text_color=”#ffffff” title=”Toggle with Custom Colors”][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_tta_section][/vc_tta_accordion][/vc_column][/vc_row][vc_row height=”auto”][vc_column][vc_tta_accordion][vc_tta_section icon=”fas|flask” active=”yes” title=”This section opens when page load”][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″][us_image_slider ids=”4944,4788,3167″ autoplay=”1″][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section icon=”fas|trophy” title=”Add any content element”][vc_row_inner][vc_column_inner width=”1/3″][us_image image=”3231″ align=”center” img_size=”full”][/vc_column_inner][vc_column_inner width=”1/3″][us_iconbox icon=”material|camera” style=”circle” color=”secondary” size=”44px” title=”Iconbox Title”]Click here to add your own text[/us_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_tta_section][vc_tta_section icon=”fas|book” indents=”none” title=”Full size content area enabled”][us_grid columns=”10″ post_type=”attachment” items_quantity=”” images=”4944,4788,3167″ orderby=”post__in” items_gap=”” items_layout=”gallery_default” img_size=”thumbnail” overriding_link=”popup_post_image” breakpoint_1_cols=”10″ breakpoint_2_width=”768px” breakpoint_3_width=”480px” breakpoint_2_cols=”4″ breakpoint_3_cols=”3″][/vc_tta_section][/vc_tta_accordion][us_separator size=”large”][/vc_column][/vc_row][vc_row height=”auto” width=”full” boxed_columns=”medium”][vc_column][vc_tta_accordion toggle=”1″ c_align=”center”][vc_tta_section icon=”material|filter_drama” bg_color=”#7049ba” text_color=”#ffffff” title=”This is a FullWidth Toggle” tab_id=”toggle1″][vc_row_inner][vc_column_inner width=”1/3″][us_image image=”3231″ align=”center” img_size=”full”][/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][us_separator size=”large”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/4″][us_iconbox icon=”fab|facebook-f” style=”circle” color=”secondary” iconpos=”left” title=”Iconbox Title” size=”36px” alignment=”left”]Click here to add your own text[/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”fab|twitter” style=”circle” color=”secondary” iconpos=”left” title=”Iconbox Title” size=”36px” alignment=”left”]Click here to add your own text[/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”fab|behance” style=”circle” color=”secondary” iconpos=”left” title=”Iconbox Title” size=”36px” alignment=”left”]Click here to add your own text[/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”fab|yelp” style=”circle” color=”secondary” iconpos=”left” title=”Iconbox Title” size=”36px” alignment=”left”]Click here to add your own text[/us_iconbox][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section icon=”material|laptop_chromebook” indents=”none” bg_color=”#31c5c7″ text_color=”#ffffff” title=”This section has the full size content” tab_id=”toggle2″][us_grid columns=”5″ img_size=”large” post_type=”us_portfolio” filter_style=”style_3″ items_layout=”23328″ items_quantity=”5″ items_gap=”” breakpoint_1_width=”px” breakpoint_1_cols=”” breakpoint_2_width=”px” breakpoint_2_cols=”” breakpoint_3_width=”px” breakpoint_3_cols=”” type=”masonry” overriding_link=”post”][/vc_tta_section][vc_tta_section icon=”material|map” bg_color=”#f2f4f5″ text_color=”#424242″ title=”The UpSolution Philosophy” tab_id=”toggle3″][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_tta_section][/vc_tta_accordion][/vc_column][/vc_row]

Scroll to Top