{"id":6910,"date":"2019-12-25T09:38:38","date_gmt":"2019-12-25T09:38:38","guid":{"rendered":"https:\/\/www.lettera.corsica\/blocks\/tabs-pills\/"},"modified":"2026-08-21T13:52:57","modified_gmt":"2026-08-21T13:52:57","slug":"tabs-pills","status":"publish","type":"page","link":"https:\/\/www.lettera.corsica\/en\/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\" class=\"wp-block-heading\">Please Note<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">You need to install and activate <a href=\"https:\/\/wordpress.org\/plugins\/canvas\/\">Canvas<\/a> for this feature to work.<\/p>\n\n\t<\/div>\n\t<\/div>\n\n<h2 class=\"is-style-default wp-block-heading\" id=\"tabs\">Tabs<\/h2>\n\n<h3 class=\"wp-block-heading\" id=\"horizontal\">Horizontal<\/h3>\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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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. The body text features a large, light-gray border, with the Maecenas element positioned at the bottom, and the condimentum element at the top, separated by a thin line. The border is light gray, and the text is set against a dark gray background.       <\/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 class=\"wp-block-paragraph\">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<h3 id=\"vertical\" class=\"is-style-default wp-block-heading\">  Vertical  <\/h3>\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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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. The body text features a large, light-gray border, with the Maecenas element positioned at the bottom, and the condimentum element at the top, separated by a thin line. The border is light gray, and the text is set against a dark gray background.       <\/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 class=\"wp-block-paragraph\">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<h2 class=\"is-style-default wp-block-heading\" id=\"pills\">Pills<\/h2>\n\n<h3 id=\"horizontal-2\" class=\"wp-block-heading\">  Horizontal  <\/h3>\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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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. The body text features a large, light-gray border, with a dark-gray background and a dark-gray border around the text block. The text is set in a light-gray font, with a dark-gray border around the text block.       <\/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 class=\"wp-block-paragraph\">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<h3 class=\"wp-block-heading\" id=\"horizontal-2\"><span id=\"vertical-2\">Vertical  <\/span><\/h3>\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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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. The body text features a large, light-gray border and a dark-gray background, with a dark-gray border and a dark-gray background. The text is in a dark-gray font with a dark-gray border and a dark-gray background.       <\/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 class=\"wp-block-paragraph\">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":6072,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0,"footnotes":""},"class_list":["post-6910","page","type-page","status-publish","cs-entry","cs-video-wrap"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.lettera.corsica\/en\/wp-json\/wp\/v2\/pages\/6910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lettera.corsica\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lettera.corsica\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lettera.corsica\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lettera.corsica\/en\/wp-json\/wp\/v2\/comments?post=6910"}],"version-history":[{"count":2,"href":"https:\/\/www.lettera.corsica\/en\/wp-json\/wp\/v2\/pages\/6910\/revisions"}],"predecessor-version":[{"id":6912,"href":"https:\/\/www.lettera.corsica\/en\/wp-json\/wp\/v2\/pages\/6910\/revisions\/6912"}],"up":[{"embeddable":true,"href":"https:\/\/www.lettera.corsica\/en\/wp-json\/wp\/v2\/pages\/6072"}],"wp:attachment":[{"href":"https:\/\/www.lettera.corsica\/en\/wp-json\/wp\/v2\/media?parent=6910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}