{"id":2418,"date":"2015-07-02T10:52:29","date_gmt":"2015-07-02T10:52:29","guid":{"rendered":"http:\/\/imagecalgary.flywheelsites.com?page_id=2418"},"modified":"2015-07-02T10:52:29","modified_gmt":"2015-07-02T10:52:29","slug":"tabs","status":"publish","type":"page","link":"https:\/\/imagecalgary.ca\/shortcodes\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"<div  class=\"one withsmallpadding ppb_text\" style=\"text-align:left;padding:30px 0 30px 0;\" >\n<div class=\"standard_wrapper\">\n<div class=\"page_content_wrapper\">\n<div class=\"inner\">\n<div style=\"margin:auto;width:100%%\">\n<h5 class=\"space\">Horizontal Tab<\/h5>\n<div class=\"tabs\">\n<ul>\n<li><a href=\"#tabs-1\">Tab 1<\/a><\/li>\n<li><a href=\"#tabs-2\">Tab 2<\/a><\/li>\n<li><a href=\"#tabs-3\">Tab 3<\/a><\/li>\n<\/ul>\n<div id=\"tabs-1\" class=\"tab_wrapper\"><br class=\"clear\"\/>Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Sit amet cursus nisl aliquam. Aliquam et elit eu nunc rhoncus viverra quis at felis.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. <\/p>\n<p>Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla dolores ipsums fugiats. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rerums unsers sadips amets. Ut enim ad minim veniam, quis nostrud neque porro quisquam est.\n<\/p>\n<\/div>\n<div id=\"tabs-2\" class=\"tab_wrapper\"><br class=\"clear\"\/><\/p>\n<div class=\"one_half \" style=\"\">\n<h5>One Half<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit.<\/p>\n<\/div>\n<div class=\"one_half last \" style=\"\">\n<h5>One Half<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.<\/p>\n<\/div>\n<p><br class=\"clear\"\/><br class=\"clear\"\/><\/div>\n<div id=\"tabs-3\" class=\"tab_wrapper\"><br class=\"clear\"\/>Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Sit amet cursus nisl aliquam. Aliquam et elit eu nunc rhoncus viverra quis at felis.<\/p>\n<div class=\"social_wrapper shortcode  small\">\n<ul>\n<li class=\"facebook\"><a target=\"_blank\" title=\"Facebook\" href=\"#\"><i class=\"fa fa-facebook-official\"><\/i><\/a><\/li>\n<li class=\"twitter\"><a target=\"_blank\" title=\"Twitter\" href=\"https:\/\/twitter.com\/#\"><i class=\"fa fa-twitter\"><\/i><\/a><\/li>\n<li class=\"pinterest\"><a target=\"_blank\" title=\"Pinterest\" href=\"https:\/\/pinterest.com\/#\"><i class=\"fa fa-pinterest\"><\/i><\/a><\/li>\n<li class=\"instagram\"><a target=\"_blank\" title=\"Instagram\" href=\"https:\/\/instagram.com\/nasualua\"><i class=\"fa fa-instagram\"><\/i><\/a><\/li>\n<li class=\"500px\"><a target=\"_blank\" title=\"500px\" href=\"#\"><i class=\"fa fa-500px\"><\/i><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div  class=\"one withsmallpadding ppb_text\" style=\"text-align:left;padding:30px 0 30px 0;\" >\n<div class=\"standard_wrapper\">\n<div class=\"page_content_wrapper\">\n<div class=\"inner\">\n<div style=\"margin:auto;width:100%%\">\n<h5 class=\"space\">Vertical Tab<\/h5>\n<div class=\"tabs vertical left\">\n<ul>\n<li><a href=\"#tabs-1\">Tab 1<\/a><\/li>\n<li><a href=\"#tabs-2\">Tab 2<\/a><\/li>\n<li><a href=\"#tabs-3\">Tab 3<\/a><\/li>\n<\/ul>\n<div id=\"tabs-1\" class=\"tab_wrapper\"><br class=\"clear\"\/><\/p>\n<div class=\"one_half \" style=\"\">\n<h5>One Half<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit.<\/p>\n<\/div>\n<div class=\"one_half last \" style=\"\">\n<h5>One Half<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.<\/p>\n<\/div>\n<p><br class=\"clear\"\/>\n<\/div>\n<div id=\"tabs-2\" class=\"tab_wrapper\"><br class=\"clear\"\/>Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Sit amet cursus nisl aliquam. Aliquam et elit eu nunc rhoncus viverra quis at felis.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.<\/p>\n<div class=\"social_share_wrapper shortcode\">\n<h5>Share On<\/h5>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=http:\/\/imagecalgary.com\/shortcodes\/tabs\/\"><i class=\"fa fa-facebook marginright\"><\/i><\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?original_referer=http:\/\/imagecalgary.com\/shortcodes\/tabs\/&#038;url=http:\/\/imagecalgary.com\/shortcodes\/tabs\/\"><i class=\"fa fa-twitter marginright\"><\/i><\/a><\/li>\n<li><a target=\"_blank\" href=\"http:\/\/www.pinterest.com\/pin\/create\/button\/?url=http%3A%2F%2F10.0.1.191%2Fshortcodes%2Ftabs%2F\"><i class=\"fa fa-pinterest marginright\"><\/i><\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/plus.google.com\/share?url=http:\/\/imagecalgary.com\/shortcodes\/tabs\/\"><i class=\"fa fa-google-plus marginright\"><\/i><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div id=\"tabs-3\" class=\"tab_wrapper\"><br class=\"clear\"\/>Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Sit amet cursus nisl aliquam. Aliquam et elit eu nunc rhoncus viverra quis at felis.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. <\/p>\n<p>Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla dolores ipsums fugiats. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rerums unsers sadips amets. Ut enim ad minim veniam, quis nostrud neque porro quisquam est.<\/p>\n<\/div>\n<\/div>\n<p><br class=\"clear\"\/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"standard_wrapper\">\n<div  class=\"one_half withsmallpadding ppb_text\" style=\"text-align:left;padding:30px 0 30px 0;\" >\n<div class=\"standard_wrapper\">\n<div class=\"page_content_wrapper\">\n<div class=\"inner\">\n<div style=\"margin:auto;width:100%%\">\n<h5 class=\"space\">Horizontal Tab Use With Columns<\/h5>\n<div class=\"tabs\">\n<ul>\n<li><a href=\"#tabs-1\">Tab 1<\/a><\/li>\n<li><a href=\"#tabs-2\">Tab 2<\/a><\/li>\n<li><a href=\"#tabs-3\">Tab 3<\/a><\/li>\n<\/ul>\n<div id=\"tabs-1\" class=\"tab_wrapper\"><br class=\"clear\"\/>Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Sit amet cursus nisl aliquam. Aliquam et elit eu nunc rhoncus viverra quis at felis.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. <\/p>\n<p>Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla dolores ipsums fugiats.\n<\/p>\n<\/div>\n<div id=\"tabs-2\" class=\"tab_wrapper\"><br class=\"clear\"\/><\/p>\n<div class=\"one_half \" style=\"\">\n<h5>One Half<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit.<\/p>\n<\/div>\n<div class=\"one_half last \" style=\"\">\n<h5>One Half<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.<\/p>\n<\/div>\n<p><br class=\"clear\"\/><br class=\"clear\"\/><\/div>\n<div id=\"tabs-3\" class=\"tab_wrapper\"><br class=\"clear\"\/>Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Sit amet cursus nisl aliquam. Aliquam et elit eu nunc rhoncus viverra quis at felis.<\/p>\n<div class=\"social_wrapper shortcode  small\">\n<ul>\n<li class=\"facebook\"><a target=\"_blank\" title=\"Facebook\" href=\"#\"><i class=\"fa fa-facebook-official\"><\/i><\/a><\/li>\n<li class=\"twitter\"><a target=\"_blank\" title=\"Twitter\" href=\"https:\/\/twitter.com\/#\"><i class=\"fa fa-twitter\"><\/i><\/a><\/li>\n<li class=\"pinterest\"><a target=\"_blank\" title=\"Pinterest\" href=\"https:\/\/pinterest.com\/#\"><i class=\"fa fa-pinterest\"><\/i><\/a><\/li>\n<li class=\"instagram\"><a target=\"_blank\" title=\"Instagram\" href=\"https:\/\/instagram.com\/nasualua\"><i class=\"fa fa-instagram\"><\/i><\/a><\/li>\n<li class=\"500px\"><a target=\"_blank\" title=\"500px\" href=\"#\"><i class=\"fa fa-500px\"><\/i><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"standard_wrapper\">\n<div  class=\"one_half last withsmallpadding ppb_text\" style=\"text-align:left;padding:30px 0 30px 0;\" >\n<div class=\"standard_wrapper\">\n<div class=\"page_content_wrapper\">\n<div class=\"inner\">\n<div style=\"margin:auto;width:100%%\">\n<h5 class=\"space\">Vertical Tab Using With Columns<\/h5>\n<div class=\"tabs vertical right\">\n<ul>\n<li><a href=\"#tabs-1\">Tab 1<\/a><\/li>\n<li><a href=\"#tabs-2\">Tab 2<\/a><\/li>\n<li><a href=\"#tabs-3\">Tab 3<\/a><\/li>\n<\/ul>\n<div id=\"tabs-1\" class=\"tab_wrapper\"><br class=\"clear\"\/>Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Sit amet cursus nisl aliquam. Aliquam et elit eu nunc rhoncus viverra quis at felis.<\/p>\n<div class=\"social_share_wrapper shortcode\">\n<h5>Share On<\/h5>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=http:\/\/imagecalgary.com\/shortcodes\/tabs\/\"><i class=\"fa fa-facebook marginright\"><\/i><\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?original_referer=http:\/\/imagecalgary.com\/shortcodes\/tabs\/&#038;url=http:\/\/imagecalgary.com\/shortcodes\/tabs\/\"><i class=\"fa fa-twitter marginright\"><\/i><\/a><\/li>\n<li><a target=\"_blank\" href=\"http:\/\/www.pinterest.com\/pin\/create\/button\/?url=http%3A%2F%2F10.0.1.191%2Fshortcodes%2Ftabs%2F\"><i class=\"fa fa-pinterest marginright\"><\/i><\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/plus.google.com\/share?url=http:\/\/imagecalgary.com\/shortcodes\/tabs\/\"><i class=\"fa fa-google-plus marginright\"><\/i><\/a><\/li>\n<\/ul>\n<\/div>\n<p>\n<\/div>\n<div id=\"tabs-2\" class=\"tab_wrapper\"><br class=\"clear\"\/>Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Sit amet cursus nisl aliquam. Aliquam et elit eu nunc rhoncus viverra quis at felis.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.\n<\/p>\n<\/div>\n<div id=\"tabs-3\" class=\"tab_wrapper\"><br class=\"clear\"\/><\/p>\n<div class=\"one_half \" style=\"\">\n<h5>One Half<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit.<\/p>\n<\/div>\n<div class=\"one_half last \" style=\"\">\n<h5>One Half<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.<\/p>\n<\/div>\n<p><br class=\"clear\"\/><br class=\"clear\"\/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!--c450bc4e--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Horizontal Tab Tab 1 Tab 2 Tab 3 Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Sit amet cursus nisl aliquam. Aliquam et [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6266,"parent":1749,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2418","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/imagecalgary.ca\/wp-json\/wp\/v2\/pages\/2418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imagecalgary.ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imagecalgary.ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imagecalgary.ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imagecalgary.ca\/wp-json\/wp\/v2\/comments?post=2418"}],"version-history":[{"count":0,"href":"https:\/\/imagecalgary.ca\/wp-json\/wp\/v2\/pages\/2418\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/imagecalgary.ca\/wp-json\/wp\/v2\/pages\/1749"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imagecalgary.ca\/wp-json\/wp\/v2\/media\/6266"}],"wp:attachment":[{"href":"https:\/\/imagecalgary.ca\/wp-json\/wp\/v2\/media?parent=2418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}