{"id":2046,"date":"2013-04-30T20:56:19","date_gmt":"2013-04-30T20:56:19","guid":{"rendered":"http:\/\/themes.ishyoboy.com\/minicorp\/wp\/wp\/?page_id=2046"},"modified":"2013-04-30T20:56:19","modified_gmt":"2013-04-30T20:56:19","slug":"horizontal-vertical-tabs","status":"publish","type":"page","link":"https:\/\/feathertop.biz\/shortcodes\/horizontal-vertical-tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"<div class=\"space\"><\/div>\n<h2 class=\" color1\">Horizontal tabs<\/h2>\n<div class=\"row\">\n<div class=\"grid6\">\n<h4 class=\"lined-section color2\">Horizontal tabs above the content<span><\/span><\/h4>\n<ul class=\"tabs-navigation\" data-tabs=\"tab_set_1\">\n<li class=\" active\"><a href=\"#tab1\">Tab 1 title<\/a><\/li>\n<li class=\"\"><a href=\"#tab2\">Tab 2 title<\/a><\/li>\n<li class=\"\"><a href=\"#tab3\">Tab 3 title<\/a><\/li>\n<\/ul>\n<div class=\"tabs-content\" data-tabs=\"tab_set_1\">\n<div class=\" tab1\">Tab 1 content sed rhoncus magna quis ligula imperdiet ultricies. Fusce eleifend malesuada erat, eget fringilla nisi iaculis sit amet. Nullam sit amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend enim diam.<\/div>\n<div class=\" tab2\">Tab 2 amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque!<\/div>\n<div class=\" tab3\">Tab 3 content tium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend e.<\/div>\n<\/div>\n<div class=\"space\"><\/div>\n<pre class=\"\">[tabs_navigation pair=tab_set_1\"]\n[tab_title pair=\"tab1\" active=\"yes\"]...[\/tab_title]\n[tab_title pair=\"tab2\"]...[\/tab_title]\n[tab_title pair=\"tab3\"]...[\/tab_title]\n[\/tabs_navigation]\n\n[tabs_content pair=\"tab_set_1\"]\n[tab_content pair=\"tab1\"]...[\/tab_content]\n[tab_content pair=\"tab2\"]...[\/tab_content]\n[tab_content pair=\"tab3\"]..[\/tab_content]\n[\/tabs_content]<\/pre>\n<\/div>\n<div class=\"grid6\">\n<h4 class=\"lined-section color2\">Horizontal tabs below the content<span><\/span><\/h4>\n<div class=\"tabs-content\" data-tabs=\"tab_set_2\">\n<div class=\" tab1\">Tab 1 content sed rhoncus magna quis ligula imperdiet ultricies. Fusce eleifend malesuada erat, eget fringilla nisi iaculis sit amet. Nullam sit amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend enim diam.<\/div>\n<div class=\" tab2\">Tab 2 amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque! In faucibus elementum orci, nec lacinia nunc egestas id imperdiet ultricies. Fusce eleifend malesuada erat content sed rhoncus magna quis ligula imperdiet ultricies? Fringilla nisi iaculis sit amet. Nullam sit amet neque leo. Proin nec nisi sem. Fusce posuere pretium dignissim amet neque leo!<\/div>\n<div class=\" tab3\">Tab 3 content tium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend e imperdiet ultricies. Fusce eleifend malesuada erat. Eget fringilla nisi iaculis sit amet. Nullam sit amet neque leo! Fusce eleifend malesuada erat content sed rhoperdiet ultricies? Bringilla nisi iaculis nullam neque.<\/div>\n<\/div>\n<ul class=\"tabs-navigation color1\" data-tabs=\"tab_set_2\">\n<li class=\" active\"><a href=\"#tab1\">Tab 1 title<\/a><\/li>\n<li class=\"\"><a href=\"#tab2\">Tab 2 title<\/a><\/li>\n<li class=\"\"><a href=\"#tab3\">Tab 3 title<\/a><\/li>\n<\/ul>\n<div class=\"space\"><\/div>\n<pre class=\"\">[tabs_content pair=\"tab_set_2\"]\n[tab_content pair=\"tab1\"]...[\/tab_content]\n[tab_content pair=\"tab2\"]...[\/tab_content]\n[tab_content pair=\"tab3\"]..[\/tab_content]\n[\/tabs_content]\n\n[tabs_navigation pair=tab_set_2\" color=\"color1\"]\n[tab_title pair=\"tab1\" active=\"yes\"]...[\/tab_title]\n[tab_title pair=\"tab2\"]...[\/tab_title]\n[tab_title pair=\"tab3\"]...[\/tab_title]\n[\/tabs_navigation]<\/pre>\n<\/div>\n<\/div>\n<div class=\"space\"><\/div>\n<h2 class=\" color1\">Vertical tabs<\/h2>\n<div class=\"row\">\n<div class=\"grid6\">\n<h4 class=\"lined-section color2\">Vertical tabs on left<span><\/span><\/h4>\n<div class=\"row\">\n<div class=\"grid3\">\n<ul class=\"tabs-navigation color3 vertical\" data-tabs=\"tab_set_3\">\n<li class=\" active\"><a href=\"#tab1\">Tab 1 title<\/a><\/li>\n<li class=\"\"><a href=\"#tab2\">Tab 2 title<\/a><\/li>\n<li class=\"\"><a href=\"#tab3\">Tab 3 title<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"grid9\">\n<div class=\"tabs-content\" data-tabs=\"tab_set_3\">\n<div class=\" tab1\">Tab 1 content sed rhoncus magna quis ligula imperdiet ultricies. Fusce eleifend malesuada erat, eget fringilla nisi iaculis sit amet. Nullam sit amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus.<\/div>\n<div class=\" tab2\">Tab 2 amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque!<\/div>\n<div class=\" tab3\">Tab 3 content tium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend e.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"space\"><\/div>\n<pre class=\"\">[one_fourth]\n[tabs_navigation pair=\"tab_set_3\" vertical=\"yes\" color=\"color3\"]\n[tab_title pair=\"tab1\" active=\"yes\"]...[\/tab_title]\n[tab_title pair=\"tab2\"]...[\/tab_title]\n[tab_title pair=\"tab3\"]...[\/tab_title]\n[\/tabs_navigation]\n[\/one_fourth]\n\n[three_fourths]\n[tabs_content pair=\"tab_set_3\"]\n[tab_content pair=\"tab1\"]...[\/tab_content]\n[tab_content pair=\"tab2\"]...[\/tab_content]\n[tab_content pair=\"tab3\"]...[\/tab_content]\n[\/tabs_content]\n[\/three_fourths]<\/pre>\n<\/div>\n<div class=\"grid6\">\n<h4 class=\"lined-section color2\">Vertical tabs on right<span><\/span><\/h4>\n<div class=\"row\">\n<div class=\"grid9\">\n<div class=\"tabs-content\" data-tabs=\"tab_set_4\">\n<div class=\" tab1\">Tab 1 content sed rhoncus magna quis ligula imperdiet ultricies. Fusce eleifend malesuada erat, eget fringilla nisi iaculis sit amet. Nullam sit amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus.<\/div>\n<div class=\" tab2\">Tab 2 amet neque leo, id porta felis. Proin nec nisi sem. Fusce posuere pretium dignissim. Ut sem metus, pellentesque!<\/div>\n<div class=\" tab3\">Tab 3 content tium dignissim. Ut sem metus, pellentesque a fermentum nec, semper at velit. In faucibus elementum orci, nec lacinia nunc egestas id. Duis sed leo risus, et pretium est. Suspendisse eleifend e.<\/div>\n<\/div>\n<\/div>\n<div class=\"grid3\">\n<ul class=\"tabs-navigation color4 vertical\" data-tabs=\"tab_set_4\">\n<li class=\" active\"><a href=\"#tab1\">Tab 1 title<\/a><\/li>\n<li class=\"\"><a href=\"#tab2\">Tab 2 title<\/a><\/li>\n<li class=\"\"><a href=\"#tab3\">Tab 3 title<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"space\"><\/div>\n<pre class=\"\">[three_fourths]\n[tabs_content pair=\"tab_set_4\"]\n[tab_content pair=\"tab1\"]...[\/tab_content]\n[tab_content pair=\"tab2\"]...[\/tab_content]\n[tab_content pair=\"tab3\"]...[\/tab_content]\n[\/tabs_content]\n[\/three_fourths]\n\n[one_fourth]\n[tabs_navigation pair=\"tab_set_4\" vertical=\"yes\" color=\"color4\"]\n[tab_title pair=\"tab1\" active=\"yes\"]...[\/tab_title]\n[tab_title pair=\"tab2\"]...[\/tab_title]\n[tab_title pair=\"tab3\"]...[\/tab_title]\n[\/tabs_navigation]\n[\/one_fourth]<\/pre>\n<\/div>\n<\/div>\n<div class=\"space\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":371,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_links_to":"","_links_to_target":""},"_links":{"self":[{"href":"https:\/\/feathertop.biz\/wp-json\/wp\/v2\/pages\/2046"}],"collection":[{"href":"https:\/\/feathertop.biz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/feathertop.biz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/feathertop.biz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/feathertop.biz\/wp-json\/wp\/v2\/comments?post=2046"}],"version-history":[{"count":0,"href":"https:\/\/feathertop.biz\/wp-json\/wp\/v2\/pages\/2046\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/feathertop.biz\/wp-json\/wp\/v2\/pages\/371"}],"wp:attachment":[{"href":"https:\/\/feathertop.biz\/wp-json\/wp\/v2\/media?parent=2046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}