{"id":1262,"date":"2019-07-31T08:59:20","date_gmt":"2019-07-31T08:59:20","guid":{"rendered":"http:\/\/codesupply.co\/?page_id=912"},"modified":"2019-07-31T08:59:20","modified_gmt":"2019-07-31T08:59:20","slug":"tabs-pills","status":"publish","type":"page","link":"https:\/\/edhype.com\/content-blocks\/tabs-pills\/","title":{"rendered":"Tabs &#038; Pills"},"content":{"rendered":"\n<div class=\"cnvs-block-alert cnvs-block-alert-1564563575039 is-style-cnvs-block-alert-warning\" >\n\t<div class=\"cnvs-block-alert-inner\">\n\t\t\n\n<h6 id=\"please-note\">Please Note<\/h6>\n\n\n\n<p>You need to install and activate <a href=\"https:\/\/wordpress.org\/plugins\/canvas\/\">Canvas<\/a> to make this feature work.<\/p>\n\n\t<\/div>\n\t<\/div>\n\n\n\n<h2 class=\"is-style-default\" id=\"tabs\">Tabs<\/h2>\n\n\n\n<h3 id=\"horizontal\">Horizontal<\/h3>\n\n\n\n<div class=\"cnvs-block-tabs cnvs-block-tabs-1565615365651 cnvs-block-tabs-3\" >\n\t<div class=\"cnvs-block-tabs-buttons\">\n\t\t\t\t\t<div class=\"cnvs-block-tabs-button cnvs-block-tabs-button-active\">\n\t\t\t\t<a href=\"#\">Marketing<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"cnvs-block-tabs-button\">\n\t\t\t\t<a href=\"#\">Design<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"cnvs-block-tabs-button\">\n\t\t\t\t<a href=\"#\">Research <\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t<div class=\"cnvs-block-tabs-content\">\n\t\t\n<div class=\"cnvs-block-tab cnvs-block-tab-1565615367453\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab\">\n<p>Vulputate adipiscing vitae imperdiet hendrerit rhoncus eu. Pretium commodo nec faucibus. Aenean sit quis etiam condimentum nam in. Nunc id eget maecenas rutrum dapibus consequat eu dui nam. Aenean vici magnis quam justo etiam vulputate dapibus ridiculus mus sit varius. Ante nec in ultricies dapibus tincidunt eget arcu sem vel eu sit ut. <\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"cnvs-block-tab cnvs-block-tab-1565615367483\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab\">\n<p>Imperdiet vici condimentum sem etiam quis leo pede nec. Amet etiam feugiat sapien tincidunt eget. Luctus quam ut cum sem dui rhoncus nec eu maecenas. Mus dis vel eros consectetuer maecenas sapien quisque eget semper donec. Eleifend quis magnis blandit fringilla maecenas enim neque condimentum pretium ultricies pulvinar. Vel nisi aenean imperdiet a viverra pulvinar sed ligula pede mus lorem. <\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"cnvs-block-tab cnvs-block-tab-1565615367619\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab\">\n<p>Amet imperdiet vulputate. Sociis dolor nisi tellus justo fringilla libero orci ligula vel phasellus odio eleifend. Ante quam quis varius. Donec aenean sed quisque varius rutrum quam tellus. Massa quis justo et leo ipsum aliquet ullamcorper curabitur eu ut sem. Veni maecenas et rhoncus vivamus metus consectetuer nisi ante etiam. <\/p>\n<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n\n<h3 id=\"vertical\" class=\"is-style-default\"> Vertical <\/h3>\n\n\n\n<div class=\"cnvs-block-tabs cnvs-block-tabs-1564563599022 cnvs-block-tabs-3 cnvs-block-tabs-vertical\" >\n\t<div class=\"cnvs-block-tabs-buttons\">\n\t\t\t\t\t<div class=\"cnvs-block-tabs-button cnvs-block-tabs-button-active\">\n\t\t\t\t<a href=\"#\">Marketing <\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"cnvs-block-tabs-button\">\n\t\t\t\t<a href=\"#\">Design<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"cnvs-block-tabs-button\">\n\t\t\t\t<a href=\"#\">Research <\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t<div class=\"cnvs-block-tabs-content\">\n\t\t\n<div class=\"cnvs-block-tab cnvs-block-tab-1564563599052\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab\">\n<p>Vulputate adipiscing vitae imperdiet hendrerit rhoncus eu. Pretium commodo nec faucibus. Aenean sit quis etiam condimentum nam in. Nunc id eget maecenas rutrum dapibus consequat eu dui nam. Aenean vici magnis quam justo etiam vulputate dapibus ridiculus mus sit varius. Ante nec in ultricies dapibus tincidunt eget arcu sem vel eu sit ut. <\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"cnvs-block-tab cnvs-block-tab-1564563599105\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab\">\n<p>Imperdiet vici condimentum sem etiam quis leo pede nec. Amet etiam feugiat sapien tincidunt eget. Luctus quam ut cum sem dui rhoncus nec eu maecenas. Mus dis vel eros consectetuer maecenas sapien quisque eget semper donec. Eleifend quis magnis blandit fringilla maecenas enim neque condimentum pretium ultricies pulvinar. Vel nisi aenean imperdiet a viverra pulvinar sed ligula pede mus lorem. <\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"cnvs-block-tab cnvs-block-tab-1564563644155\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab\">\n<p>Amet imperdiet vulputate. Sociis dolor nisi tellus justo fringilla libero orci ligula vel phasellus odio eleifend. Ante quam quis varius. Donec aenean sed quisque varius rutrum quam tellus. Massa quis justo et leo ipsum aliquet ullamcorper curabitur eu ut sem. Veni maecenas et rhoncus vivamus metus consectetuer nisi ante etiam. <\/p>\n<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"is-style-default\" id=\"pills\">Pills<\/h2>\n\n\n\n<h3 id=\"horizontal-2\"> Horizontal <\/h3>\n\n\n\n<div class=\"cnvs-block-tabs cnvs-block-tabs-1565615459429 is-style-cnvs-block-tabs-pills cnvs-block-tabs-3\" >\n\t<div class=\"cnvs-block-tabs-buttons\">\n\t\t\t\t\t<div class=\"cnvs-block-tabs-button cnvs-block-tabs-button-active\">\n\t\t\t\t<a href=\"#\">Marketing<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"cnvs-block-tabs-button\">\n\t\t\t\t<a href=\"#\">Design<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"cnvs-block-tabs-button\">\n\t\t\t\t<a href=\"#\">Research <\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t<div class=\"cnvs-block-tabs-content\">\n\t\t\n<div class=\"cnvs-block-tab cnvs-block-tab-1565615459476 wp-block-powerkit-tab\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab wp-block-powerkit-tab\">\n<p>Vulputate adipiscing vitae imperdiet hendrerit rhoncus eu. Pretium commodo nec faucibus. Aenean sit quis etiam condimentum nam in. Nunc id eget maecenas rutrum dapibus consequat eu dui nam. Aenean vici magnis quam justo etiam vulputate dapibus ridiculus mus sit varius. Ante nec in ultricies dapibus tincidunt eget arcu sem vel eu sit ut.  <\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"cnvs-block-tab cnvs-block-tab-1565615459541 wp-block-powerkit-tab\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab wp-block-powerkit-tab\">\n<p>Imperdiet vici condimentum sem etiam quis leo pede nec. Amet etiam feugiat sapien tincidunt eget. Luctus quam ut cum sem dui rhoncus nec eu maecenas. Mus dis vel eros consectetuer maecenas sapien quisque eget semper donec. Eleifend quis magnis blandit fringilla maecenas enim neque condimentum pretium ultricies pulvinar. Vel nisi aenean imperdiet a viverra pulvinar sed ligula pede mus lorem.  <\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"cnvs-block-tab cnvs-block-tab-1565615480451 wp-block-powerkit-tab\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab wp-block-powerkit-tab\">\n<p>Amet imperdiet vulputate. Sociis dolor nisi tellus justo fringilla libero orci ligula vel phasellus odio eleifend. Ante quam quis varius. Donec aenean sed quisque varius rutrum quam tellus. Massa quis justo et leo ipsum aliquet ullamcorper curabitur eu ut sem. Veni maecenas et rhoncus vivamus metus consectetuer nisi ante etiam.  <\/p>\n<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n\n\n\n<h3 id=\"horizontal-2\"><span id=\"vertical-2\">Vertical <\/span><\/h3>\n\n\n\n<div class=\"cnvs-block-tabs cnvs-block-tabs-1565615538964 is-style-cnvs-block-tabs-pills cnvs-block-tabs-3 cnvs-block-tabs-vertical\" >\n\t<div class=\"cnvs-block-tabs-buttons\">\n\t\t\t\t\t<div class=\"cnvs-block-tabs-button cnvs-block-tabs-button-active\">\n\t\t\t\t<a href=\"#\">Marketing<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"cnvs-block-tabs-button\">\n\t\t\t\t<a href=\"#\">Design<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"cnvs-block-tabs-button\">\n\t\t\t\t<a href=\"#\">Research <\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t<div class=\"cnvs-block-tabs-content\">\n\t\t\n<div class=\"cnvs-block-tab cnvs-block-tab-1565615539009 wp-block-powerkit-tab\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab wp-block-powerkit-tab\">\n<p>Vulputate adipiscing vitae imperdiet hendrerit rhoncus eu. Pretium commodo nec faucibus. Aenean sit quis etiam condimentum nam in. Nunc id eget maecenas rutrum dapibus consequat eu dui nam. Aenean vici magnis quam justo etiam vulputate dapibus ridiculus mus sit varius. Ante nec in ultricies dapibus tincidunt eget arcu sem vel eu sit ut.<\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"cnvs-block-tab cnvs-block-tab-1565615539052 wp-block-powerkit-tab\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab wp-block-powerkit-tab\">\n<p>Imperdiet vici condimentum sem etiam quis leo pede nec. Amet etiam feugiat sapien tincidunt eget. Luctus quam ut cum sem dui rhoncus nec eu maecenas. Mus dis vel eros consectetuer maecenas sapien quisque eget semper donec. Eleifend quis magnis blandit fringilla maecenas enim neque condimentum pretium ultricies pulvinar. Vel nisi aenean imperdiet a viverra pulvinar sed ligula pede mus lorem.   <\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"cnvs-block-tab cnvs-block-tab-1565615576620 wp-block-powerkit-tab\" >\n\t\n<div class=\"wp-block-canvas-tab cnvs-block-tab wp-block-powerkit-tab\">\n<p>Amet imperdiet vulputate. Sociis dolor nisi tellus justo fringilla libero orci ligula vel phasellus odio eleifend. Ante quam quis varius. Donec aenean sed quisque varius rutrum quam tellus. Massa quis justo et leo ipsum aliquet ullamcorper curabitur eu ut sem. Veni maecenas et rhoncus vivamus metus consectetuer nisi ante etiam.<\/p>\n<\/div>\n<\/div>\n\n\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Tabs Horizontal Vertical Pills Horizontal Vertical\n","protected":false},"author":1,"featured_media":0,"parent":1260,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","om_disable_all_campaigns":false,"_mi_skip_tracking":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.0 (Yoast SEO v20.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tabs &amp; Pills - Edhype Labs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/edhype.com\/content-blocks\/tabs-pills\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tabs &amp; Pills\" \/>\n<meta property=\"og:description\" content=\"Tabs Horizontal Vertical Pills Horizontal Vertical\" \/>\n<meta property=\"og:url\" content=\"https:\/\/edhype.com\/content-blocks\/tabs-pills\/\" \/>\n<meta property=\"og:site_name\" content=\"Edhype Labs\" \/>\n<meta property=\"og:image\" content=\"https:\/\/edhype.com\/wp-content\/uploads\/2023\/02\/edhype-red-final-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"669\" \/>\n\t<meta property=\"og:image:height\" content=\"245\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/edhype.com\/content-blocks\/tabs-pills\/\",\"url\":\"https:\/\/edhype.com\/content-blocks\/tabs-pills\/\",\"name\":\"Tabs & Pills - Edhype Labs\",\"isPartOf\":{\"@id\":\"https:\/\/edhype.com\/#website\"},\"datePublished\":\"2019-07-31T08:59:20+00:00\",\"dateModified\":\"2019-07-31T08:59:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/edhype.com\/content-blocks\/tabs-pills\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/edhype.com\/content-blocks\/tabs-pills\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/edhype.com\/content-blocks\/tabs-pills\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/edhype.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Content Blocks\",\"item\":\"https:\/\/edhype.com\/content-blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tabs &#038; Pills\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/edhype.com\/#website\",\"url\":\"https:\/\/edhype.com\/\",\"name\":\"Edhype Labs\",\"description\":\"Parent Company of Method Schools and SmartFox\",\"publisher\":{\"@id\":\"https:\/\/edhype.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/edhype.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/edhype.com\/#organization\",\"name\":\"Edhype Labs\",\"url\":\"https:\/\/edhype.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/edhype.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/edhype.com\/wp-content\/uploads\/2021\/06\/edhype-black-200-px.png\",\"contentUrl\":\"https:\/\/edhype.com\/wp-content\/uploads\/2021\/06\/edhype-black-200-px.png\",\"width\":200,\"height\":46,\"caption\":\"Edhype Labs\"},\"image\":{\"@id\":\"https:\/\/edhype.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tabs & Pills - Edhype Labs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/edhype.com\/content-blocks\/tabs-pills\/","og_locale":"en_US","og_type":"article","og_title":"Tabs & Pills","og_description":"Tabs Horizontal Vertical Pills Horizontal Vertical","og_url":"https:\/\/edhype.com\/content-blocks\/tabs-pills\/","og_site_name":"Edhype Labs","og_image":[{"width":669,"height":245,"url":"https:\/\/edhype.com\/wp-content\/uploads\/2023\/02\/edhype-red-final-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/edhype.com\/content-blocks\/tabs-pills\/","url":"https:\/\/edhype.com\/content-blocks\/tabs-pills\/","name":"Tabs & Pills - Edhype Labs","isPartOf":{"@id":"https:\/\/edhype.com\/#website"},"datePublished":"2019-07-31T08:59:20+00:00","dateModified":"2019-07-31T08:59:20+00:00","breadcrumb":{"@id":"https:\/\/edhype.com\/content-blocks\/tabs-pills\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/edhype.com\/content-blocks\/tabs-pills\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/edhype.com\/content-blocks\/tabs-pills\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/edhype.com\/"},{"@type":"ListItem","position":2,"name":"Content Blocks","item":"https:\/\/edhype.com\/content-blocks\/"},{"@type":"ListItem","position":3,"name":"Tabs &#038; Pills"}]},{"@type":"WebSite","@id":"https:\/\/edhype.com\/#website","url":"https:\/\/edhype.com\/","name":"Edhype Labs","description":"Parent Company of Method Schools and SmartFox","publisher":{"@id":"https:\/\/edhype.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/edhype.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/edhype.com\/#organization","name":"Edhype Labs","url":"https:\/\/edhype.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/edhype.com\/#\/schema\/logo\/image\/","url":"https:\/\/edhype.com\/wp-content\/uploads\/2021\/06\/edhype-black-200-px.png","contentUrl":"https:\/\/edhype.com\/wp-content\/uploads\/2021\/06\/edhype-black-200-px.png","width":200,"height":46,"caption":"Edhype Labs"},"image":{"@id":"https:\/\/edhype.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/edhype.com\/wp-json\/wp\/v2\/pages\/1262"}],"collection":[{"href":"https:\/\/edhype.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edhype.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edhype.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edhype.com\/wp-json\/wp\/v2\/comments?post=1262"}],"version-history":[{"count":0,"href":"https:\/\/edhype.com\/wp-json\/wp\/v2\/pages\/1262\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/edhype.com\/wp-json\/wp\/v2\/pages\/1260"}],"wp:attachment":[{"href":"https:\/\/edhype.com\/wp-json\/wp\/v2\/media?parent=1262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}