[rockthemes_specialgridblock avoid_sidebar=»regular» skip_sg=»true»]
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.
[/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»/]
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»/]
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»/]
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»/]
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]
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]