Tabs

[lead]Tabs are typically used to display lots of information in a small space. They help to organize and de-clutter information. You can use unlimited Tabs on a single page. They also adjust to the width of your columns.[/lead]

[tabs] [tab title=”Webdesign” id=”t1″] business-woman-3Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante sit amet imperdiet, felis enim. Quisquet amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec neque velit, aliquam nec lacinia at velit ante sit amet imperdiet ante sit amet imperdiet , a faucibus purus. Quisque dignissim, ante sit amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec sit amet ipsum velit. Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante sit amet imperdiet, felis enim. Quisquet amet imperdiet ultricies.Nullam rutrum velit eget quam pretium vehicula. Phasellus gravida porttitor porta. Maecenas eu metus vel leo placerat cursus.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut sagittis consequat dui, sit amet tempor erat elementum id. Mauris vitae pulvinar eros. Etiam neque velit, aliquam nec lacinia at, aliquam vel quam. Cum sociis natoque penatibus.

[/tab]
[tab title=”Web Development” id=”t2″]
[row][column lg=”6″]

Columns also work in Tabs

Quisquet amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec neque velit, aliquam nec lacinia at velit ante sit amet imperdiet ante sit amet imperdiet , a faucibus purus. Quisque dignissim, ante sit amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. [/column][column lg=”6″]

Columns also work in Tabs

Quisquet amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec neque velit, aliquam nec lacinia at velit ante sit amet imperdiet ante sit amet imperdiet , a faucibus purus. Quisque dignissim, ante sit amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. [/column] [/row]
[/tab] [tab title=”SEO Services” id=”t3″] Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante sit amet imperdiet, felis enim. Quisquet amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec neque velit, aliquam nec lacinia at velit ante sit amet imperdiet ante sit amet imperdiet , a faucibus purus. Quisque dignissim, ante sit amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec sit amet ipsum velit. Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante sit amet imperdiet, felis enim. Quisquet amet imperdiet ultricies.Nullam rutrum velit eget quam pretium vehicula. Phasellus gravida porttitor porta. Maecenas eu metus vel leo placerat cursus.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut sagittis consequat dui, sit amet tempor erat elementum id. Mauris vitae pulvinar eros. Etiam neque velit, aliquam nec lacinia at, aliquam vel quam. Cum sociis natoque penatibus. 

  • 2 different styles; boxed or default
  • Use with columns to control size
  • Responsive design supported
  • Unlimited tabs on a single page

[/tab] [/tabs]

[row xclass=”sp-t-40″ ][column lg=”6″]

They also work with and in columns

  • 2 different styles; boxed or default
  • Use with columns to control size
  • Responsive design supported
  • Unlimited tabs on a single page

[/column][column lg=”6″]

[tabs boxed=”true”] [tab title=”Webdesign” id=”t1″] Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante sit amet imperdiet, felis enim. Quisquet amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec neque velit, aliquam nec lacinia at velit ante sit amet imperdiet ante sit amet imperdiet , a faucibus purus. Quisque dignissim, ante sit amet imperdiet ultricies. Aliquam nec lacinia at velit ante sit amet imperdiet ante sit amet imperdiet.[/tab] [tab title=”Web Development” id=”t2″] Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante sit amet imperdiet, felis enim. Quisquet amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec neque velit, aliquam nec lacinia at velit ante sit amet imperdiet ante sit amet imperdiet , a faucibus purus. Quisque dignissim, ante sit amet imperdiet ultricies.[/tab] [tab title=”SEO Services” id=”t3″] Quisque dignissim, ante sit amet imperdiet ultricies ipsum velit ante sit amet imperdiet, felis enim. Quisquet amet imperdiet ultricies. Dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec neque velit, aliquam nec lacinia at velit ante sit amet imperdiet ante sit amet imperdiet , a faucibus purus. Quisque dignissim, ante sit amet imperdiet ultricies.[/tab] [/tabs]
[/column] [/row]