{"id":670,"date":"2013-05-17T14:09:05","date_gmt":"2013-05-17T14:09:05","guid":{"rendered":"http:\/\/doozyden.co.uk\/one_cause\/?page_id=670"},"modified":"2013-05-17T14:09:05","modified_gmt":"2013-05-17T14:09:05","slug":"tabs","status":"publish","type":"page","link":"https:\/\/d.cloudmate.gr\/en\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"<p>A small flap of material on something, used to hold or manipulate it, or for identification and information. ChimpStudio theme comes with the option to add as many tabs as required. Different data sets can be managed distinctly with the help of tabs. It helps to keep data aligned in different categories and avoids mixing.<\/p>\n<header>\n<h2 class=\"section-title\">Horizontal Tabs with Icons<\/h2>\n<\/header>\n<p><div class=\"tabs horizontal\"><ul class=\"nav nav-tabs\" id=\"myTab\"><li class=\" active\"><a data-toggle=\"tab\" href=\"#tab11\"><i class=\"fa fa-twitter\"><\/i> Morbi tristique senectus<\/a><\/li><li class=\"\"><a data-toggle=\"tab\" href=\"#tab12\"><i class=\"fa fa-facebook\"><\/i> Tristique ac pretium<\/a><\/li><li class=\"\"><a data-toggle=\"tab\" href=\"#tab13\"><i class=\"fa fa-youtube\"><\/i> Adipiscing luctus<\/a><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade in  active\" id=\"tab11\"> \nLorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.\n<\/div><div class=\"tab-pane fade in \" id=\"tab12\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.<\/div><div class=\"tab-pane fade in \" id=\"tab13\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.<\/div><\/div><\/div><div class=\"clear\"><\/div><header class=\"cs-heading-title\"><h2 class=\"cs-section-title cs-heading-color\">Horizontal Tabs Shortcode goes here<\/h2><\/header><div class=\"code-element\"><pre>\n[tab style=\"horizontal\"]\n[tab_item active=\"yes\" icon=\"fa-instagram\" title=\"Tab Title 1\" tabs=\"tabs\"]Tab Title 1[\/tab_item]\n[tab_item icon=\"\" title=\"Tab Title 2\" tabs=\"tabs\"]Tab Title 2[\/tab_item]\n[tab_item icon=\"\" title=\"Tab Title 3\" tabs=\"tabs\"]Tab Title 3[\/tab_item]\n[\/tab]\n<\/pre><\/div><div class=\"clear\"><\/div><\/p>\n<header>\n<h2 class=\"section-title\">Horizontal Tabs without Icons<\/h2>\n<\/header>\n<div class=\"tabs horizontal\"><ul class=\"nav nav-tabs\" id=\"myTab\"><li class=\" active\"><a data-toggle=\"tab\" href=\"#tab21\"><i class=\"fa \"><\/i> Interdum vel quis<\/a><\/li><li class=\"\"><a data-toggle=\"tab\" href=\"#tab22\"><i class=\"fa \"><\/i> Varius interdum<\/a><\/li><li class=\"\"><a data-toggle=\"tab\" href=\"#tab23\"><i class=\"fa \"><\/i> Tab Title 3<\/a><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade in  active\" id=\"tab21\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.<\/div><div class=\"tab-pane fade in \" id=\"tab22\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.<\/div><div class=\"tab-pane fade in \" id=\"tab23\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.<\/div><\/div><\/div><div class=\"clear\"><\/div>\n<header class=\"cs-heading-title\"><h2 class=\"cs-section-title cs-heading-color\">Horizontal Tabs Shortcode goes here<\/h2><\/header><div class=\"code-element\"><pre>\n[tab style=\"horizontal\"]\n[tab_item active=\"yes\" icon=\"\" title=\"Tab Title 1\" tabs=\"tabs\"]Tab Content 1[\/tab_item]\n[tab_item icon=\"\" title=\"Tab Title 2\" tabs=\"tabs\"]Tab Content 2[\/tab_item]\n[tab_item icon=\"\" title=\"Tab Title 3\" tabs=\"tabs\"]Tab Content 3[\/tab_item]\n[\/tab]<\/pre><\/div><div class=\"clear\"><\/div>\n<header>\n<h2 class=\"section-title\">Vertical Tabs<\/h2>\n<\/header>\n<div class=\"tabs vertical\"><ul class=\"nav nav-tabs\" id=\"myTab\"><li class=\" active\"><a data-toggle=\"tab\" href=\"#tab31\"><i class=\"fa \"><\/i> Prtretium non pretium<\/a><\/li><li class=\"\"><a data-toggle=\"tab\" href=\"#tab32\"><i class=\"fa \"><\/i> Nulla adipiscing ipsum<\/a><\/li><li class=\"\"><a data-toggle=\"tab\" href=\"#tab33\"><i class=\"fa \"><\/i> Sed facilisis ultricie<\/a><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade in  active\" id=\"tab31\">Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna.\nAdipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna <\/div><div class=\"tab-pane fade in \" id=\"tab32\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies.\nSed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas<\/div><div class=\"tab-pane fade in \" id=\"tab33\">Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.\nPellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna.<\/div><\/div><\/div><div class=\"clear\"><\/div>\n<header class=\"cs-heading-title\"><h2 class=\"cs-section-title cs-heading-color\">Vertical Tabs Shortcode goes here<\/h2><\/header><div class=\"code-element\"><pre>\n[tab style=\"vertical\"]\n[tab_item active=\"\" icon=\"fa-instagram\" title=\"Tab Title 1\" tabs=\"tabs\"]Tab Content 1[\/tab_item]\n[tab_item icon=\"\" title=\"Tab Title 2\" tabs=\"tabs\"]Tab Content 2[\/tab_item]\n[tab_item icon=\"\" title=\"Tab Title 3\" tabs=\"tabs\"]Tab Content 3[\/tab_item]\n[\/tab]\n<\/pre><\/div><div class=\"clear\"><\/div>\n<header>\n<h2 class=\"section-title\">Customization Options \/ Features<\/h2>\n<\/header>\n<div class=\"list_styles\"><ul class='tick'>\n<li><i class='fa fa-ok'><\/i>Unlimited number of tabs.<\/li>\n<li><i class='fa fa-ok'><\/i>Categories data for the ease of clients.<\/li>\n<li><i class='fa fa-ok'><\/i>Different tab for different set of data.<\/li>\n<li><i class='fa fa-ok'><\/i>Any kind of content such as text, button or image can add in tabs.<\/li>\n<\/ul><\/div><div class=\"clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>A small flap of material on something, used to hold or manipulate it, or for identification and information. ChimpStudio theme comes with the option to add as many tabs as required. Different data sets can be managed distinctly with the help of tabs. It helps to keep data aligned in different categories and avoids mixing. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":56,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/d.cloudmate.gr\/en\/wp-json\/wp\/v2\/pages\/670"}],"collection":[{"href":"https:\/\/d.cloudmate.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/d.cloudmate.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/d.cloudmate.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d.cloudmate.gr\/en\/wp-json\/wp\/v2\/comments?post=670"}],"version-history":[{"count":0,"href":"https:\/\/d.cloudmate.gr\/en\/wp-json\/wp\/v2\/pages\/670\/revisions"}],"wp:attachment":[{"href":"https:\/\/d.cloudmate.gr\/en\/wp-json\/wp\/v2\/media?parent=670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}