Vertical Tabs

[vc_row][vc_column][vc_tta_tour title_font=”body” layout=”trendy” title_transform=”uppercase”][vc_tta_section title=”First Tab” tab_id=”tab1″][vc_column_text]

Add any content elements here

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. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. 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_column_text][us_separator size=”large”][vc_row_inner][vc_column_inner width=”1/3″][us_iconbox icon=”material|send” color=”contrast” style=”circle” title=”Iconbox Title”][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/3″][us_iconbox icon=”material|star” style=”circle” title=”Iconbox Title”][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/3″][us_iconbox icon=”material|settings” color=”secondary” style=”circle” title=”Iconbox Title”][/us_iconbox][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section title=”Second Tab” tab_id=”tab2″][vc_row_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 ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi justo.[/vc_column_text][/vc_column_inner][/vc_row_inner][us_separator][vc_row_inner][vc_column_inner width=”1/3″][us_counter initial=”0″ final=”120″ color=”heading” title=”Things happened” css=”%7B%22default%22%3A%7B%22font-family%22%3A%22h1%22%2C%22font-size%22%3A%225rem%22%7D%7D”][/vc_column_inner][vc_column_inner width=”1/3″][us_counter initial=”0″ final=”340″ title=”Things happened” css=”%7B%22default%22%3A%7B%22font-family%22%3A%22h1%22%2C%22font-size%22%3A%225rem%22%7D%7D”][/vc_column_inner][vc_column_inner width=”1/3″][us_counter initial=”0″ final=”560″ color=”secondary” title=”Things happened” css=”%7B%22default%22%3A%7B%22font-family%22%3A%22h1%22%2C%22font-size%22%3A%225rem%22%7D%7D”][/vc_column_inner][/vc_row_inner][us_separator][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. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. 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_column_text][/vc_tta_section][vc_tta_section title=”Third Tab” tab_id=”tab3″][vc_row_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 ut justo. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.

Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][us_image_slider ids=”4944,23254,3167″ img_size=”medium”][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section indents=”none” title=”Full Size Content” tab_id=”tab4″][vc_column_text]

This Tab Has The Full Size Content Area

[/vc_column_text][us_separator][us_grid post_type=”us_portfolio” items_quantity=”3″ items_layout=”22849″ type=”masonry” columns=”3″ items_gap=”” img_size=”large” overriding_link=”post” filter_style=”style_3″][/vc_tta_section][vc_tta_section icon=”material|favorite” title=”Tab With Icon” tab_id=”tab5″][vc_row_inner][vc_column_inner width=”1/2″][us_image image=”23254″ img_size=”full”][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]

Add any content elements here

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.

Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_tta_section][/vc_tta_tour][/vc_column][/vc_row][vc_row height=”auto”][vc_column width=”1/2″][vc_tta_tour title_font=”body” layout=”trendy” title_transform=”uppercase”][vc_tta_section icon=”material|star” tab_id=”1552487924594-c78b783b-1312″][vc_column_text]

You can use only icons

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

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

Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_column_text][/vc_tta_section][vc_tta_section icon=”material|pan_tool” tab_id=”1552487924606-90874de2-5ef2″][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.

Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_tta_section][vc_tta_section icon=”material|send” tab_id=”1552487924619-266d0006-75d7″][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

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. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. 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_column_text][/vc_tta_section][vc_tta_section icon=”material|map” tab_id=”1552487924632-f2533656-20bc”][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. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_tta_section][vc_tta_section icon=”material|file_copy” tab_id=”1552487924645-63a5e8c6-96ca”][vc_column_text]Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. 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_tour][us_separator size=”large”][/vc_column][vc_column width=”1/2″][vc_tta_tour tab_position=”right” c_align=”center” controls_size=”40″ title_font=”body” layout=”trendy” title_transform=”uppercase”][vc_tta_section title=”You can” tab_id=”1552487924686-d1fb790c-bc92″][vc_column_text]Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_column_text][/vc_tta_section][vc_tta_section title=”Change” tab_id=”1552487924712-41110926-252c”][vc_column_text]Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_column_text][/vc_tta_section][vc_tta_section title=”Tabs Position” tab_id=”1552487924738-e7be8969-9383″][vc_column_text]Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_column_text][/vc_tta_section][vc_tta_section title=”Tabs Width” tab_id=”1552487924763-a660d382-a55f”][vc_column_text]Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. 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=”And its text alignment” tab_id=”1552487924790-88e53c8f-3792″][vc_column_text]Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_column_text][/vc_tta_section][/vc_tta_tour][us_separator size=”large”][/vc_column][/vc_row]

به بالا بروید