Responsive Tabs

[rockthemes_specialgridblock avoid_sidebar=”regular” skip_sg=”true”]

[rockthemes_heading bold_color=”#152840″ regular_color=”#56ccc8″ details_color=”#a5a7a8″ bold_text=”DEEPLINKING ” light_text=”RESPONSIVE TABS” details_text=”Use responsive tabs with deeplinking. Try to click a tab to explore more features.” heading_font_size=”” html_tag=”h2″ align=”left” use_icon=”yes” border_bottom=”yes” disable_margin=”no” ][rockthemes_tabs tab_type=”tab-top” tab_use_hash=”yes” avoid_sidebar=”undefined” use_shadow=”false” boxed_layout=”false” open_tab_index=”0″][rockthemes_tabs_single title=”Responsive Tabs” tab_hash=”responsive_tabs” icon_class=”icomoon icomoon-icon-tablet2″ icon_url=””]

Cool and responsive tabs. With Rock Page Builder, you can use different tab models easily. You can use responsive tabs top, responsive tabs left and responsive tabs right. You can also choose to add shadow. 

Deeplinking Support

You can set tab ID’s for your tabs and activate deeplinking. This tabs using deeplinking. Try it by clicking on next tabs.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

Check Our Portfolio

[/rockthemes_tabs_single][rockthemes_tabs_single title=”Different Tabs Models” tab_hash=”different_tabs_models” icon_class=”icomoon icomoon-icon-stack” icon_url=””]

Explore different tabs models. In this page you will see tabs left, tabs right and tabs top. You can also choose to add shadow and wrap the tabs with a box. This is very useful when making a layout with boxed elements.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_tabs_single][rockthemes_tabs_single title=”Easy To Use” tab_hash=”top_easy_to_use” icon_class=”icomoon icomoon-icon-settings” icon_url=””]

Responsive tabs and easy to use. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Responsive tabs uis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia. Phasellus pharetra maximus hendrerit. Morbi eget libero quis lacus tristique congue.

[/rockthemes_tabs_single][rockthemes_tabs_single title=”Tabs 4″ tab_hash=”top_tabs_4″ icon_class=”icomoon icomoon-icon-triangular42″ icon_url=””]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Responsive tabs quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia. Phasellus pharetra maximus hendrerit. Morbi eget libero quis lacus tristique congue.

[/rockthemes_tabs_single][/rockthemes_tabs][rockthemes_vertical_space vertical_space_height=”x_2″ custom_value=”60px”/]

[rockthemes_heading bold_color=”#152840″ regular_color=”#56ccc8″ details_color=”#a5a7a8″ bold_text=”TABS ” light_text=”LEFT” details_text=”Use left tabs with a click. Change tabs models easily.” heading_font_size=”” html_tag=”h2″ align=”left” use_icon=”yes” border_bottom=”yes” disable_margin=”no” ][rockthemes_tabs tab_type=”tab-left” tab_use_hash=”yes” avoid_sidebar=”undefined” use_shadow=”true” boxed_layout=”false” open_tab_index=”0″][rockthemes_tabs_single title=”Left Tabs” tab_hash=”left_01″ icon_class=”icomoon icomoon-icon-loop3″ icon_url=””]

Left, right or top tabs. Choose one easily by selecting the model from Rock Page Builder. No need to wait for page refresh. Ajax based save system will improve your developing time upto 5x faster.

Responsive Tabs design specially used full fluid layout. This makes the content readable on different screens. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. 

[/rockthemes_tabs_single][rockthemes_tabs_single title=”More Tabs” tab_hash=”left_tabs_you_want” icon_class=”icomoon icomoon-icon-telescope” icon_url=””]

Tabs You Want

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_tabs_single][rockthemes_tabs_single title=”Easy To Use” tab_hash=”left_easy_to_use” icon_class=”icomoon icomoon-icon-settings” icon_url=””]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

Mauris nec sodales dolor. Donec eget scelerisque purus. Phasellus nulla nulla, gravida et placerat et, pharetra sollicitudin tortor. Vivamus semper velit urna, eu eleifend nunc hendrerit vel.

[/rockthemes_tabs_single][/rockthemes_tabs][rockthemes_vertical_space vertical_space_height=”x_2″ custom_value=”60px”/]

[rockthemes_heading bold_color=”#152840″ regular_color=”#56ccc8″ details_color=”#a5a7a8″ bold_text=”TABS ” light_text=”RIGHT” details_text=”Use right tabs with a click. Change tabs models easily.” heading_font_size=”” html_tag=”h2″ align=”right” use_icon=”yes” border_bottom=”yes” disable_margin=”no” ][rockthemes_tabs tab_type=”tab-right” tab_use_hash=”yes” avoid_sidebar=”undefined” use_shadow=”false” boxed_layout=”false” open_tab_index=”0″][rockthemes_tabs_single title=”Change Orders” tab_hash=”right_change_orders” icon_class=”icomoon icomoon-icon-loop3″ icon_url=””]

Change Responsive Tabs Orders

You can easily change your tabs order. Drag and drop the tab to move it. Then simply re-order as you like. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in.

Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_tabs_single][rockthemes_tabs_single title=”Easy To Use” tab_hash=”right_easy” icon_class=”icomoon icomoon-icon-settings” icon_url=””]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

Responsive tabs and easy to use UI.  Mauris nec sodales dolor. Donec eget scelerisque purus. Phasellus nulla nulla, gravida et placerat et, pharetra sollicitudin tortor. Vivamus semper velit urna, eu eleifend nunc hendrerit vel.

[/rockthemes_tabs_single][rockthemes_tabs_single title=”More Tabs” tab_hash=”right_more_tabs” icon_class=”icomoon icomoon-icon-telescope” icon_url=””]

Tabs You Want

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_tabs_single][/rockthemes_tabs][rockthemes_vertical_space vertical_space_height=”x_2″ custom_value=”60px”/]

[rockthemes_heading bold_color=”#152840″ regular_color=”#56ccc8″ details_color=”#a5a7a8″ bold_text=”TABS ” light_text=”LEFT” details_text=”Change Columns Easily. You can choose the columns you want by using Rock Page Builder” heading_font_size=”” html_tag=”h2″ align=”left” use_icon=”yes” border_bottom=”yes” disable_margin=”no” ]
[rockthemes_tabs tab_type=”tab-left” tab_use_hash=”no” avoid_sidebar=”undefined” use_shadow=”true” boxed_layout=”false” open_tab_index=”0″][rockthemes_tabs_single title=”Left Tabs” tab_hash=”” icon_class=”icomoon icomoon-icon-loop3″ icon_url=””]

Left, right or top tabs. Choose one easily by selecting the model from Rock Page Builder. No need to wait for page refresh. Ajax based save system will improve your developing time upto 5x faster.

Responsive Tabs design specially used full fluid layout. This makes the content readable on different screens. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. 

[/rockthemes_tabs_single][rockthemes_tabs_single title=”More Tabs” tab_hash=”” icon_class=”icomoon icomoon-icon-telescope” icon_url=””]

Tabs You Want

Responsive Tabs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Responsive Tabs uis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_tabs_single][rockthemes_tabs_single title=”Easy To Use” tab_hash=”” icon_class=”icomoon icomoon-icon-settings” icon_url=””]

Responsive Tabs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

Mauris nec sodales dolor. Donec eget scelerisque purus. Phasellus nulla nulla, gravida et placerat et, pharetra sollicitudin tortor. Vivamus semper velit urna, eu eleifend nunc hendrerit vel.

[/rockthemes_tabs_single][/rockthemes_tabs][rockthemes_vertical_space vertical_space_height=”x_2″ custom_value=”60px”/]

[rockthemes_tabs tab_type=”tab-right” tab_use_hash=”no” avoid_sidebar=”undefined” use_shadow=”true” boxed_layout=”false” open_tab_index=”0″][rockthemes_tabs_single title=”Left Tabs” tab_hash=”” icon_class=”icomoon icomoon-icon-loop3″ icon_url=””]

Left, right or top tabs. Choose one easily by selecting the model from Rock Page Builder. No need to wait for page refresh. Ajax based save system will improve your developing time upto 5x faster.

Responsive Tabs design specially used full fluid layout. This makes the content readable on different screens. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. 

[/rockthemes_tabs_single][rockthemes_tabs_single title=”More Tabs” tab_hash=”” icon_class=”icomoon icomoon-icon-telescope” icon_url=””]

Tabs You Want

Responsive tabs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_tabs_single][rockthemes_tabs_single title=”Easy To Use” tab_hash=”” icon_class=”icomoon icomoon-icon-settings” icon_url=””]

Responsive Tabs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

Mauris nec sodales dolor. Donec eget scelerisque purus. Phasellus nulla nulla, gravida et placerat et, pharetra sollicitudin tortor. Vivamus semper velit urna, eu eleifend nunc hendrerit vel.

[/rockthemes_tabs_single][/rockthemes_tabs]

[rockthemes_heading bold_color=”#152840″ regular_color=”#56ccc8″ details_color=”#a5a7a8″ bold_text=”TABS ” light_text=”RIGHT” details_text=”Change Columns Easily. You can choose the columns you want by using Rock Page Builder” heading_font_size=”” html_tag=”h2″ align=”right” use_icon=”yes” border_bottom=”yes” disable_margin=”no” ]
[rockthemes_vertical_space vertical_space_height=”x_2″ custom_value=”60px”/]
[rockthemes_heading bold_color=”#152840″ regular_color=”#56CCC8″ details_color=”#a5a7a8″ bold_text=”BOXED ” light_text=”TABS” details_text=”You can wrap tabs with box. You can also set a different tab number to open first.” heading_font_size=”” html_tag=”h1″ align=”center” use_icon=”yes” border_bottom=”yes” disable_margin=”no” ][rockthemes_tabs tab_type=”tab-top” tab_use_hash=”no” avoid_sidebar=”undefined” use_shadow=”true” boxed_layout=”true” open_tab_index=”0″][rockthemes_tabs_single title=”Left Tabs” tab_hash=”” icon_class=”icomoon icomoon-icon-loop3″ icon_url=””]

Left, right or top tabs. Choose one easily by selecting the model from Rock Page Builder. No need to wait for page refresh. Ajax based save system will improve your developing time upto 5x faster.

Responsive Tabs design specially used full fluid layout. This makes the content readable on different screens. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. 

[/rockthemes_tabs_single][rockthemes_tabs_single title=”More Tabs” tab_hash=”” icon_class=”icomoon icomoon-icon-telescope” icon_url=””]

Tabs You Want

Responsive tabs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

[/rockthemes_tabs_single][rockthemes_tabs_single title=”Easy To Use” tab_hash=”” icon_class=”icomoon icomoon-icon-settings” icon_url=””]

Responsive Tabs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat est in pulvinar placerat. Morbi sagittis eros mauris, in tincidunt ex vestibulum hendrerit. Suspendisse sollicitudin tempor mi non suscipit. Duis posuere pharetra ex, sit amet euismod sem ultricies in. Quisque in venenatis dolor, quis condimentum risus. Cras convallis eget mauris vel lacinia.

Mauris nec sodales dolor. Donec eget scelerisque purus. Phasellus nulla nulla, gravida et placerat et, pharetra sollicitudin tortor. Vivamus semper velit urna, eu eleifend nunc hendrerit vel.

[/rockthemes_tabs_single][/rockthemes_tabs]

[/rockthemes_specialgridblock]

Leave a Reply

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