Tabbed Content

These modular elements can be readily used and customized across pages and in different blocks.

Explore all of Stack’s modular elements
at the Element Index Page →

Text Tabs

The default tab style for Stack. Set the [data-content-align] to ‘left’ if you want the tabs to centered, but the tab content to be left aligned.

To set the default active tab, put the class .active on the relevant tabs parent li element.

  • Code Quality

    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.

  • Visual Design

    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.

  • Stack Experience

    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.

Icon & Text Tabs

The icon tab style for Stack achieved by placing an i element as the first child inside the .tab__title.

To set the default active tab, put the class .active on the relevant tabs parent li element.

  • Code Quality

    Stack follows the BEM naming convention that focusses on logical code readability that is reflected in both the HTML and CSS. Interactive elements such as accordions and tabs follow the same markup patterns making rapid development easier for developers and beginners alike.

    Add to this the thoughtfully presented documentation, featuring code highlighting, snippets, class customizer explanation and you’ve got yourself one powerful value package.

  • Visual Design

    Stack offers a clean and contemporary look to suit a range of purposes from corporate, tech startup, marketing site to digital storefront. Elements have been designed to showcase content in a diverse yet consistent manner.

    Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Visual Composer Page Builder makes experimenting with styles and content arrangements dead simple.

  • Stack Experience

    TommusRhodus is an elite author known for offering high-quality, high-value products backed by timely and personable support. Recognised and awarded by Envato on multiple occasions for producing consistently outstanding products, it’s no wonder over 40,000 customers enjoy using TommusRhodus themes.

Icon Tabs

The icon tab style for Stack achieved by placing an i element as the first child inside the .tab__title.

To set the default active tab, put the class .active on the relevant tabs parent li element.

  • Code Quality

    Stack follows the BEM naming convention that focusses on logical code readability that is reflected in both the HTML and CSS. Interactive elements such as accordions and tabs follow the same markup patterns making rapid development easier for developers and beginners alike.

    Add to this the thoughtfully presented documentation, featuring code highlighting, snippets, class customizer explanation and you’ve got yourself one powerful value package.

  • Visual Design

    Stack offers a clean and contemporary look to suit a range of purposes from corporate, tech startup, marketing site to digital storefront. Elements have been designed to showcase content in a diverse yet consistent manner.

    Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Visual Composer Page Builder makes experimenting with styles and content arrangements dead simple.

  • Customer Experience

    TommusRhodus is an elite author known for offering high-quality, high-value products backed by timely and personable support. Recognised and awarded by Envato on multiple occasions for producing consistently outstanding products, it’s no wonder over 40,000 customers enjoy using TommusRhodus themes.

Text Tabs

The default tab style for Stack. Set the [data-content-align] to ‘left’ if you want the tabs to centered, but the tab content to be left aligned.

To set the default active tab, put the class .active on the relevant tabs parent li element.

  • Code Quality

    Stack follows the BEM naming convention that focusses on logical code readability that is reflected in both the HTML and CSS. Interactive elements such as accordions and tabs follow the same markup patterns making rapid development easier for developers and beginners alike.

    Add to this the thoughtfully presented documentation, featuring code highlighting, snippets, class customizer explanation and you’ve got yourself one powerful value package.

  • Visual Design

    Stack offers a clean and contemporary look to suit a range of purposes from corporate, tech startup, marketing site to digital storefront. Elements have been designed to showcase content in a diverse yet consistent manner.

    Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Visual Composer Page Builder makes experimenting with styles and content arrangements dead simple.

  • Stack Experience

    TommusRhodus is an elite author known for offering high-quality, high-value products backed by timely and personable support. Recognised and awarded by Envato on multiple occasions for producing consistently outstanding products, it’s no wonder over 40,000 customers enjoy using TommusRhodus themes.

Icon & Text Tabs

The icon tab style for Stack achieved by placing an i element as the first child inside the .tab__title.

To set the default active tab, put the class .active on the relevant tabs parent li element.

  • Code Quality

    Stack follows the BEM naming convention that focusses on logical code readability that is reflected in both the HTML and CSS. Interactive elements such as accordions and tabs follow the same markup patterns making rapid development easier for developers and beginners alike.

    Add to this the thoughtfully presented documentation, featuring code highlighting, snippets, class customizer explanation and you’ve got yourself one powerful value package.

  • Visual Design

    Stack offers a clean and contemporary look to suit a range of purposes from corporate, tech startup, marketing site to digital storefront. Elements have been designed to showcase content in a diverse yet consistent manner.

    Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Visual Composer Page Builder makes experimenting with styles and content arrangements dead simple.

  • Stack Experience

    TommusRhodus is an elite author known for offering high-quality, high-value products backed by timely and personable support. Recognised and awarded by Envato on multiple occasions for producing consistently outstanding products, it’s no wonder over 40,000 customers enjoy using TommusRhodus themes.

Icon Tabs

The icon tab style for Stack achieved by placing an i element as the first child inside the .tab__title.

To set the default active tab, put the class .active on the relevant tabs parent li element.

  • Code Quality

    Stack follows the BEM naming convention that focusses on logical code readability that is reflected in both the HTML and CSS. Interactive elements such as accordions and tabs follow the same markup patterns making rapid development easier for developers and beginners alike.

    Add to this the thoughtfully presented documentation, featuring code highlighting, snippets, class customizer explanation and you’ve got yourself one powerful value package.

  • Visual Design

    Stack offers a clean and contemporary look to suit a range of purposes from corporate, tech startup, marketing site to digital storefront. Elements have been designed to showcase content in a diverse yet consistent manner.

    Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Visual Composer Page Builder makes experimenting with styles and content arrangements dead simple.

  • Customer Experience

    TommusRhodus is an elite author known for offering high-quality, high-value products backed by timely and personable support. Recognised and awarded by Envato on multiple occasions for producing consistently outstanding products, it’s no wonder over 40,000 customers enjoy using TommusRhodus themes.

Looking for styled tabs sections?

View Tabs Sections

or try the admin demo ↗

Aviso importante

Capital Strategies Partners, A.V., S.A. (CSP) ha sido informada de que personas físicas están recibiendo llamadas y correos electrónicos en lo que se utiliza fraudulentamente el nombre de CSP, llegándose a reproducir membretes, sellos y firmas falsas de CSP. En algunos casos dichas comunicaciones incluyen recomendaciones de compra de acciones o incluso documentos contractuales y solicitud de pago.

Frente a estas acciones fraudulentas, CSP  ha puesto en marcha una serie de actuaciones:

  • Comunicación de los hechos a la Comisión Nacional del Mercado de Valores.
  • Denuncia ante la Unidad Central de Ciberdelincuencia de la Comisaría General de la Policía Judicial.
  • Comunicación a la Agencia Española de Patentes y Marcas.

Si usted recibe un correo electrónico o es destinatario de otro tipo de comunicación en la que se le proponga inversiones en instrumentos financieros, se solicite información confidencial, económica o personal, números de cuenta o se le inste a suscribir contratos o facilitar cualquier otro tipo de datos, rogamos que, por favor, lo pongan en nuestro conocimiento o directamente se ponga en contacto con la CNMV o, en su caso, con el organismo supervisor local si las acciones no se produjesen en España, para así tener la seguridad de que el remitente se trata de una persona autorizada, registrada y supervisada. Podría tratarse de un intento de fraude suplantando la imagen de Capital Strategies Partners A.V., S.A.

Capital Strategies Partners, A.V., S.A. (CSP) has been informed that individuals are receiving calls and e-mails fraudulently using CSP’s name, including the reproduction of CSP’s letterhead, stamps and forged signatures. In some cases these communications include recommendations to purchase shares or even contractual documents and requests for payment.

In response to these fraudulent actions, CSP has taken a number of steps:

  • Notification of the facts to the National Securities Market Commission (CNMV).
  • Complaint to the Central Cybercrime Unit of the General Commissariat of the Judicial Police.
  • Notification to the Spanish Patent and Trademark Agency.

If you receive an e-mail or are the recipient of any other type of communication proposing investments in financial instruments, requesting confidential, financial or personal information, account numbers or urging you to sign contracts or provide any other type of data, please bring it to our attention or contact the CNMV or, where applicable, the local supervisory body if the actions do not take place in Spain, in order to ensure that the sender is an authorised, registered and supervised person. This could be an attempt to defraud by impersonating Capital Strategies Partners A.V., S.A.