{"id":1210,"date":"2021-02-14T10:31:38","date_gmt":"2021-02-14T10:31:38","guid":{"rendered":"https:\/\/wp.nkdev.info\/cyberpulse\/?page_id=1210"},"modified":"2023-01-22T15:04:34","modified_gmt":"2023-01-22T15:04:34","slug":"tabs","status":"publish","type":"page","link":"https:\/\/wp.nkdev.info\/cyberpulse\/blocks\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"<p class=\"ghostkit-custom-2927lK\">Separate content on the tabs with titles.<\/p><div class=\"ghostkit-tabs is-style-rdl-tabs\" data-tab-active=\"tab-active-tab-1\"><div class=\"ghostkit-tabs-buttons ghostkit-tabs-buttons-align-start\"><a href=\"#tab-tab-1\" class=\"ghostkit-tabs-buttons-item\">Tab 1<\/a><a href=\"#tab-tab-2\" class=\"ghostkit-tabs-buttons-item\">Tab 2<\/a><a href=\"#tab-active-tab-1\" class=\"ghostkit-tabs-buttons-item\">Active tab<\/a><\/div><div class=\"ghostkit-tabs-content\"><div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-1\"><p>Custom content here. Supported all Gutenberg blocks. Example:<\/p>\n\n<h4 class=\"wp-block-heading\" id=\"heading\">Heading<\/h4>\n\n<ul class=\"wp-block-list\"><li>List item 1<\/li>\n\n<li>List item 2<\/li><\/ul><\/div>\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-2\"><div class=\"ghostkit-progress ghostkit-custom-FBzmN\"><div class=\"ghostkit-progress-caption\">Progress 1<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n<div class=\"ghostkit-progress ghostkit-custom-Z1DPsyx\"><div class=\"ghostkit-progress-caption\">Progress 2<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n<div class=\"ghostkit-progress ghostkit-custom-ZnR5jK\"><div class=\"ghostkit-progress-caption\">Progress 3<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div><\/div>\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-active-tab-1\"><p>Custom content here. Supported all Gutenberg blocks. <\/p><\/div><\/div><\/div><h3 class=\"ghostkit-custom-Z1iJsPc wp-block-heading\" id=\"vertical-tabs\">Vertical Tabs<\/h3><div class=\"ghostkit-tabs ghostkit-tabs-buttons-vertical is-style-rdl-tabs\" data-tab-active=\"tab-active-tab-2\"><div class=\"ghostkit-tabs-buttons ghostkit-tabs-buttons-align-start\"><a href=\"#tab-tab-1-1\" class=\"ghostkit-tabs-buttons-item\">Tab 1<\/a><a href=\"#tab-tab-2-1\" class=\"ghostkit-tabs-buttons-item\">Tab 2<\/a><a href=\"#tab-active-tab-2\" class=\"ghostkit-tabs-buttons-item\">Active tab<\/a><\/div><div class=\"ghostkit-tabs-content\"><div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-1-1\"><p>Custom content here. Supported all Gutenberg blocks. Example:<\/p>\n\n<h4 class=\"wp-block-heading\" id=\"heading\">Heading<\/h4>\n\n<ul class=\"wp-block-list\"><li>List item 1<\/li>\n\n<li>List item 2<\/li><\/ul><\/div>\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-2-1\"><div class=\"ghostkit-progress ghostkit-custom-1wdG7h\"><div class=\"ghostkit-progress-caption\">Progress 1<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n<div class=\"ghostkit-progress ghostkit-custom-AIX0v\"><div class=\"ghostkit-progress-caption\">Progress 2<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n<div class=\"ghostkit-progress ghostkit-custom-Z2jskl2\"><div class=\"ghostkit-progress-caption\">Progress 3<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div><\/div>\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-active-tab-2\"><p>Custom content here. Supported all Gutenberg blocks. <\/p><\/div><\/div><\/div><h3 class=\"ghostkit-custom-Z23NkPs wp-block-heading\" id=\"pills\">Pills<\/h3><div class=\"ghostkit-tabs is-style-pills\" data-tab-active=\"tab-active-tab\"><div class=\"ghostkit-tabs-buttons ghostkit-tabs-buttons-align-start\"><a href=\"#tab-tab-1-2\" class=\"ghostkit-tabs-buttons-item\">Tab 1<\/a><a href=\"#tab-tab-2-2\" class=\"ghostkit-tabs-buttons-item\">Tab 2<\/a><a href=\"#tab-active-tab\" class=\"ghostkit-tabs-buttons-item\">Active tab<\/a><\/div><div class=\"ghostkit-tabs-content\"><div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-1-2\"><p>Custom content here. Supported all Gutenberg blocks. Example:<\/p>\n\n<h4 class=\"wp-block-heading\" id=\"heading\">Heading<\/h4>\n\n<ul class=\"wp-block-list\"><li>List item 1<\/li>\n\n<li>List item 2<\/li><\/ul><\/div>\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-2-2\"><div class=\"ghostkit-progress ghostkit-custom-Z1HtbzD\"><div class=\"ghostkit-progress-caption\">Progress 1<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n<div class=\"ghostkit-progress ghostkit-custom-Z15rTGT\"><div class=\"ghostkit-progress-caption\">Progress 2<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n<div class=\"ghostkit-progress ghostkit-custom-1jKI3s\"><div class=\"ghostkit-progress-caption\">Progress 3<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div><\/div>\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-active-tab\"><p>Custom content here. Supported all Gutenberg blocks. <\/p><\/div><\/div><\/div><h3 class=\"ghostkit-custom-Z27wuE2 wp-block-heading\" id=\"cyber\">Cyber<\/h3><div class=\"ghostkit-tabs is-style-cpl-tabs\" data-tab-active=\"tab-active-tab\"><div class=\"ghostkit-tabs-buttons ghostkit-tabs-buttons-align-start\"><a href=\"#tab-tab-1-2\" class=\"ghostkit-tabs-buttons-item\">Tab 1<\/a><a href=\"#tab-tab-2-2\" class=\"ghostkit-tabs-buttons-item\">Tab 2<\/a><a href=\"#tab-active-tab\" class=\"ghostkit-tabs-buttons-item\">Active tab<\/a><\/div><div class=\"ghostkit-tabs-content\"><div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-1-2\"><p>Custom content here. Supported all Gutenberg blocks. Example:<\/p>\n\n<h4 class=\"wp-block-heading\" id=\"heading\">Heading<\/h4>\n\n<ul class=\"wp-block-list\"><li>List item 1<\/li>\n\n<li>List item 2<\/li><\/ul><\/div>\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-tab-2-2\"><div class=\"ghostkit-progress ghostkit-custom-16aEg5\"><div class=\"ghostkit-progress-caption\">Progress 1<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n<div class=\"ghostkit-progress ghostkit-custom-1sNWiv\"><div class=\"ghostkit-progress-caption\">Progress 2<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div>\n\n<div class=\"ghostkit-progress ghostkit-custom-dtI9n\"><div class=\"ghostkit-progress-caption\">Progress 3<\/div><div class=\"ghostkit-progress-wrap\"><div class=\"ghostkit-progress-bar\" role=\"progressbar\" aria-valuenow=\"95\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div><\/div><\/div><\/div>\n\n<div class=\"ghostkit-tab is-layout-flow wp-block-tabs-tab-v2-is-layout-flow\" data-tab=\"tab-active-tab\"><p>Custom content here. Supported all Gutenberg blocks. <\/p><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Separate content on the tabs with titles. Vertical Tabs Pills Cyber<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1171,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","_vp_format_video_url":"","_vp_image_focal_point":[],"_cpl_content_size":"","_cpl_sidebar":"","_cpl_disabled_page_elements":[],"_cpl_disabled_page_margins":[],"footnotes":""},"class_list":["post-1210","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.nkdev.info\/cyberpulse\/wp-json\/wp\/v2\/pages\/1210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.nkdev.info\/cyberpulse\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.nkdev.info\/cyberpulse\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.nkdev.info\/cyberpulse\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.nkdev.info\/cyberpulse\/wp-json\/wp\/v2\/comments?post=1210"}],"version-history":[{"count":5,"href":"https:\/\/wp.nkdev.info\/cyberpulse\/wp-json\/wp\/v2\/pages\/1210\/revisions"}],"predecessor-version":[{"id":1805,"href":"https:\/\/wp.nkdev.info\/cyberpulse\/wp-json\/wp\/v2\/pages\/1210\/revisions\/1805"}],"up":[{"embeddable":true,"href":"https:\/\/wp.nkdev.info\/cyberpulse\/wp-json\/wp\/v2\/pages\/1171"}],"wp:attachment":[{"href":"https:\/\/wp.nkdev.info\/cyberpulse\/wp-json\/wp\/v2\/media?parent=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}