{"id":44055,"date":"2026-05-21T14:26:27","date_gmt":"2026-05-21T14:26:27","guid":{"rendered":"https:\/\/getshortcodes.com\/?post_type=demo-modal&p=44055"},"modified":"2026-05-21T16:10:01","modified_gmt":"2026-05-21T16:10:01","slug":"tabs","status":"publish","type":"demo-modal","link":"https:\/\/getshortcodes.com\/demo-modal\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"\n

Basic Example<\/h2>\n\n\n
Tab Title<\/span>Tab Title<\/span>Tab Title<\/span><\/div>
Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
\n<\/div>\n
Tab content<\/div>\n
Tab content<\/div><\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_tabs]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[\/su_tabs]<\/code><\/pre>\n<\/details>\n\n\n\n
Custom Active Tab<\/h2>\n\n\n
Tab Title<\/span>Default active tab<\/span>Tab Title<\/span><\/div>
Tab content<\/div>\n
 Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
\n<\/div>\n
Tab content<\/div><\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_tabs active=\"2\"]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[\/su_tabs]<\/code><\/pre>\n<\/details>\n\n\n\n
Disabled Tabs<\/h2>\n\n\n
Tab Title<\/span>This tab is disabled<\/span>Tab Title<\/span><\/div>
 Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
\n<\/div>\n
Tab content<\/div>\n
Tab content<\/div><\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_tabs]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[su_tab title=\"This tab is disabled\" disabled=\"yes\"]Tab content[\/su_tab]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[\/su_tabs]<\/code><\/pre>\n<\/details>\n\n\n\n
Tabs with Nested Accordion<\/h2>\n\n\n
Tab Title<\/span>Tab Title<\/span>Tab Title<\/span><\/div>
\n
\n
<\/span>Accordion Title<\/div>
 Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
\n<\/div><\/div>\n
<\/span>Accordion Title<\/div>
Hidden content<\/div><\/div>\n
<\/span>Accordion Title<\/div>
Hidden content<\/div><\/div>\n<\/div>\n<\/div>\n
Tab content<\/div>\n
Tab content<\/div><\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_tabs]\n[su_tab title=\"Tab Title\"]\n[su_accordion]\n[su_spoiler title=\"Accordion Title\" open=\"yes\"]Hidden content[\/su_spoiler]\n[su_spoiler title=\"Accordion Title\"]Hidden content[\/su_spoiler]\n[su_spoiler title=\"Accordion Title\"]Hidden content[\/su_spoiler]\n[\/su_accordion]\n[\/su_tab]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[\/su_tabs]<\/code><\/pre>\n<\/details>\n\n\n\n
Modern Styles<\/h2>\n\n\n
Modern: Dark<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n
Modern: Light<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n
Modern: Blue<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n
Modern: Orange<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_tabs style=\"modern-dark\"]\n[su_tab title=\"Modern: Dark\"] Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]\n\n[su_tabs style=\"modern-light\"]\n[su_tab title=\"Modern: Light\"] Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]\n\n[su_tabs style=\"modern-blue\"]\n[su_tab title=\"Modern: Blue\"] Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]\n\n[su_tabs style=\"modern-orange\"]\n[su_tab title=\"Modern: Orange\"] Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]<\/code><\/pre>\n<\/details>\n\n\n\n
Flat styles<\/h2>\n\n\n
Flat: Dark<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n
Flat: Light<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n
Flat: Blue<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n
Flat: Green<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_tabs style=\"flat-dark\"]\n[su_tab title=\"Flat: Dark\"] Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]\n\n[su_tabs style=\"flat-light\"]\n[su_tab title=\"Flat: Light\"] Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]\n\n[su_tabs style=\"flat-blue\"]\n[su_tab title=\"Flat: Blue\"] Completely synergize resource taxing relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]\n\n[su_tabs style=\"flat-green\"]\n[su_tab title=\"Flat: Green\"] Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]<\/code><\/pre>\n<\/details>\n\n\n\n
Miscellaneous styles<\/h2>\n\n\n
Carbon<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n
Sharp<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Phosfluorescently engage worldwide methodologies with web-enabled technology. Interactively coordinate proactive e-commerce via process-centric “outside the box” thinking. Completely pursue scalable customer service through sustainable potentialities. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n
Grid<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Collaboratively administrate turnkey channels whereas virtual e-tailers. Objectively seize scalable metrics whereas proactive e-services. Seamlessly empower fully researched growth strategies and interoperable internal or “organic” sources. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n
Wood<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Credibly innovate granular internal or “organic” sources whereas high standards in web-readiness. Energistically scale future-proof core competencies vis-a-vis impactful experiences. Dramatically synthesize integrated schemas with optimal networks. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n
Fabric<\/span>Tab title<\/span>Tab title<\/span><\/div>
 Interactively procrastinate high-payoff content without backward-compatible data. Quickly cultivate optimal processes and tactical architectures. Completely iterate covalent strategic theme areas via accurate e-markets. <\/div>\n
 Tab content <\/div>\n
 Tab content <\/div><\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_tabs style=\"carbon\"]\n[su_tab title=\"Carbon\"] Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality intellectual capital without superior collaboration and idea-sharing. Holistically pontificate installed base portals after maintainable products. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]\n\n[su_tabs style=\"sharp\"]\n[su_tab title=\"Sharp\"] Phosfluorescently engage worldwide methodologies with web-enabled technology. Interactively coordinate proactive e-commerce via process-centric \"outside the box\" thinking. Completely pursue scalable customer service through sustainable potentialities. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]\n\n[su_tabs style=\"grid\"]\n[su_tab title=\"Grid\"] Collaboratively administrate turnkey channels whereas virtual e-tailers. Objectively seize scalable metrics whereas proactive e-services. Seamlessly empower fully researched growth strategies and interoperable internal or \"organic\" sources. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]\n\n[su_tabs style=\"wood\"]\n[su_tab title=\"Wood\"] Credibly innovate granular internal or \"organic\" sources whereas high standards in web-readiness. Energistically scale future-proof core competencies vis-a-vis impactful experiences. Dramatically synthesize integrated schemas with optimal networks. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]\n\n[su_tabs style=\"fabric\"]\n[su_tab title=\"Fabric\"] Interactively procrastinate high-payoff content without backward-compatible data. Quickly cultivate optimal processes and tactical architectures. Completely iterate covalent strategic theme areas via accurate e-markets. [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[su_tab] Tab content [\/su_tab]\n[\/su_tabs]<\/code><\/pre>\n<\/details>\n\n\n\n
Vertical Tabs<\/h2>\n\n\n
Tab Title<\/span>Tab Title<\/span>Tab Title<\/span><\/div>
Tab content<\/div>\n
Tab content<\/div>\n
Tab content<\/div><\/div><\/div>\n\n\n\n
Shortcode<\/summary>\n
[su_tabs vertical=\"yes\"]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[su_tab title=\"Tab Title\"]Tab content[\/su_tab]\n[\/su_tabs]<\/code><\/pre>\n<\/details>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"class_list":["post-44055","demo-modal","type-demo-modal","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo-modal\/44055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo-modal"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/demo-modal"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=44055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}