{"id":766,"date":"2019-09-22T11:12:25","date_gmt":"2019-09-22T11:12:25","guid":{"rendered":"https:\/\/demo.loftocean.com\/eaven\/?page_id=766"},"modified":"2019-09-22T12:42:44","modified_gmt":"2019-09-22T12:42:44","slug":"tabs-accordions","status":"publish","type":"page","link":"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/","title":{"rendered":"Tabs &#038; Accordions"},"content":{"rendered":"<h3>Tabs<\/h3>\n<div class=\"lo-tabs\" style=\"display: none;\"><div class=\"lo-tabs-titles\"><a href=\"#\">Tab 1<\/a><a href=\"#\">Tab 2<\/a><a href=\"#\">Tab 3<\/a><\/div><div class=\"lo-tabs-content\">\n<div class=\"lo-tab-content\">Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis, congue lobortis magna. Proin hendrerit dolor sit amet erat convallis lobortis. Phasellus rhoncus eros nec ultricies luctus. Morbi suscipit pretium mi, eu faucibus odio fermentum sit amet. Pellentesque finibus dui quis odio vehicula gravida sit amet et nisi. Phasellus euismod sem nunc, ut efficitur massa imperdiet vitae. Donec vitae congue nulla. Vivamus non porta augue.<\/div>\n<div class=\"lo-tab-content\"><strong>Proin in est tincidunt<\/strong>, venenatis ligula et, ultrices eros. Proin eget nisl ut augue viverra scelerisque. Donec eget est non elit egestas viverra sed eu justo. Pellentesque ultrices volutpat tincidunt. Morbi mattis nibh auctor ex faucibus fermentum. Sed quis metus vulputate, congue ex ac, feugiat nulla. Maecenas auctor, elit nec iaculis ullamcorper, dolor felis euismod est, ut efficitur enim ipsum ac est. Sed quam purus, euismod vitae molestie id, ultrices eu erat. Pellentesque elementum libero ut nisl gravida faucibus.<\/div>\n<div class=\"lo-tab-content\">\n<h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/h5>\n<p>Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis, congue lobortis magna. Proin hendrerit dolor sit amet erat convallis lobortis. Phasellus rhoncus eros nec ultricies luctus. Morbi suscipit pretium mi, eu faucibus odio fermentum sit amet.<\/div>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<h3>Tabs &#8211; Vertical<\/h3>\n<div class=\"lo-tabs vertical-tab\" style=\"display: none;\"><div class=\"lo-tabs-titles\"><a href=\"#\">Tab 1<\/a><a href=\"#\">Tab 2<\/a><a href=\"#\">Tab 3<\/a><\/div><div class=\"lo-tabs-content\">\n<div class=\"lo-tab-content\">Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis, congue lobortis magna. Proin hendrerit dolor sit amet erat convallis lobortis. Phasellus rhoncus eros nec ultricies luctus. Morbi suscipit pretium mi, eu faucibus odio fermentum sit amet. Pellentesque finibus dui quis odio vehicula gravida sit amet et nisi. Phasellus euismod sem nunc, ut efficitur massa imperdiet vitae. Donec vitae congue nulla. Vivamus non porta augue.<\/div>\n<div class=\"lo-tab-content\"><strong>Proin in est tincidunt<\/strong>, venenatis ligula et, ultrices eros. Proin eget nisl ut augue viverra scelerisque. Donec eget est non elit egestas viverra sed eu justo. Pellentesque ultrices volutpat tincidunt. Morbi mattis nibh auctor ex faucibus fermentum. Sed quis metus vulputate, congue ex ac, feugiat nulla. Maecenas auctor, elit nec iaculis ullamcorper, dolor felis euismod est, ut efficitur enim ipsum ac est.<\/div>\n<div class=\"lo-tab-content\">\n<h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/h5>\n<p>Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis, congue lobortis magna. Proin hendrerit dolor sit amet erat convallis lobortis. Phasellus rhoncus eros nec ultricies luctus. Morbi suscipit pretium mi, eu faucibus odio fermentum sit amet.<\/div>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<h3>Tabs and other shortcodes<\/h3>\n<div class=\"lo-tabs\" style=\"display: none;\"><div class=\"lo-tabs-titles\"><a href=\"#\">Lorem Ipsum<\/a><a href=\"#\">Pellentesque<\/a><a href=\"#\">Aenean in fringilla<\/a><\/div><div class=\"lo-tabs-content\">\n<div class=\"lo-tab-content\"><div class=\"lo-row\">\n<div class=\"lo-column one-half\"><p class=\"dropcap\">Proin in est tincidunt venenatis ligula et, ultrices eros. Proin eget nisl ut augue viverra scelerisque. Donec eget est non elit egestas viverra sed eu justo. Pellentesque ultrices volutpat tincidunt. Morbi mattis nibh auctor ex faucibus fermentum. Sed quis metus vulputate, congue ex ac, feugiat nulla. Maecenas auctor, elit nec iaculis ullamcorper.<\/p> <\/div>\n<div class=\"lo-column one-half\">\n<p>Dolor felis euismod est, ut efficitur enim ipsum ac est. Sed quam purus, euismod vitae molestie id, ultrices eu erat. Pellentesque elementum libero ut nisl gravida faucibus.<\/p>\n<a href=\"#\" class=\"button lo-button medium\"><span>Find Out More<\/span><\/a><\/div>\n<\/div><\/div>\n<div class=\"lo-tab-content\"><p class=\"dropcap square dark-bg\">Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis, congue lobortis magna. Proin hendrerit dolor sit amet erat convallis lobortis. Phasellus rhoncus eros nec ultricies luctus. Morbi suscipit pretium mi, eu faucibus odio fermentum sit amet. Pellentesque finibus dui quis odio vehicula gravida sit amet et nisi. Phasellus euismod sem nunc, ut efficitur massa imperdiet vitae. Donec vitae congue nulla. Vivamus non porta augue.<\/p><\/div>\n<div class=\"lo-tab-content\">\n<h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/h5>\n<p>Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis, congue lobortis magna. Proin hendrerit dolor sit amet erat convallis lobortis. Phasellus rhoncus eros nec ultricies luctus. Morbi suscipit pretium mi, eu faucibus odio fermentum sit amet. Pellentesque finibus dui quis odio vehicula gravida sit amet et nisi. Phasellus euismod sem nunc, ut efficitur massa imperdiet vitae. Donec vitae congue nulla. Vivamus non porta augue.<\/div>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<div class=\"lo-row\">\n<div class=\"lo-column one-half\"><div class=\"lo-tabs\" style=\"display: none;\"><div class=\"lo-tabs-titles\"><a href=\"#\">Tab 1<\/a><a href=\"#\">Tab 2<\/a><a href=\"#\">Tab 3<\/a><\/div><div class=\"lo-tabs-content\">\n<div class=\"lo-tab-content\">Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis, congue lobortis magna. Proin hendrerit dolor sit amet erat convallis lobortis. Phasellus rhoncus eros nec ultricies luctus. Morbi suscipit pretium mi.<\/div>\n<div class=\"lo-tab-content\"><strong>Proin in est tincidunt<\/strong>, venenatis ligula et, ultrices eros. Proin eget nisl ut augue viverra scelerisque. Donec eget est non elit egestas viverra sed eu justo. Pellentesque ultrices volutpat tincidunt. Morbi mattis nibh auctor ex faucibus fermentum.<\/div>\n<div class=\"lo-tab-content\">\n<h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/h5>\n<p>Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis, congue lobortis magna. Proin hendrerit dolor sit amet. <\/div>\n<\/div><\/div><\/div>\n<div class=\"lo-column one-half\"><div class=\"lo-tabs\" style=\"display: none;\"><div class=\"lo-tabs-titles\"><a href=\"#\">Tab 1<\/a><a href=\"#\">Tab 2<\/a><a href=\"#\">Tab 3<\/a><\/div><div class=\"lo-tabs-content\">\n<div class=\"lo-tab-content\">Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis, congue lobortis magna. Proin hendrerit dolor sit amet erat convallis lobortis. Phasellus rhoncus eros nec ultricies luctus. Morbi suscipit pretium mi.<\/div>\n<div class=\"lo-tab-content\"><strong>Proin in est tincidunt<\/strong>, venenatis ligula et, ultrices eros. Proin eget nisl ut augue viverra scelerisque. Donec eget est non elit egestas viverra sed eu justo. Pellentesque ultrices volutpat tincidunt. Morbi mattis nibh auctor ex faucibus fermentum.<\/div>\n<div class=\"lo-tab-content\">\n<h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/h5>\n<p>Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis, congue lobortis magna. <\/div>\n<\/div><\/div><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<h3>Accordions<\/h3>\n<div class=\"lo-accordions accordions\">\n<div class=\"accordion-item\"><div class=\"accordion-title\"><span class=\"accordion-icon\"><\/span><span class=\"title\">Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/span><\/div><div class=\"accordion-content\">Aenean in fringilla dui, nec ullamcorper leo. Curabitur lacus nulla, ultricies sit amet efficitur quis, congue lobortis magna. Proin hendrerit dolor sit amet erat convallis lobortis. Phasellus rhoncus eros nec ultricies luctus. Morbi suscipit pretium mi, eu faucibus odio fermentum sit amet. <\/div><\/div>\n<div class=\"accordion-item\"><div class=\"accordion-title\"><span class=\"accordion-icon\"><\/span><span class=\"title\">Proin in est tincidunt, venenatis ligula et, ultrices eros?<\/span><\/div><div class=\"accordion-content\">Vel aliquet diam. Suspendisse quis sodales risus. Quisque pharetra, lacus quis venenatis molestie, nibh tortor aliquam dui, id venenatis lectus metus id ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet libero faucibus.<\/div><\/div>\n<div class=\"accordion-item\"><div class=\"accordion-title\"><span class=\"accordion-icon\"><\/span><span class=\"title\">Etiam sed enim vitae magna pretium tincidunt eget vel massa.<\/span><\/div><div class=\"accordion-content\">Cras purus turpis, laoreet eget hendrerit id, ornare commodo augue. Integer sit amet ante sollicitudin, luctus ipsum non, lobortis nibh. Sed felis ipsum, ornare ac varius vel, mattis sed sapien. Mauris nec tortor diam.<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tabs &nbsp; Tabs &#8211; Vertical &nbsp; Tabs and other shortcodes &nbsp; &nbsp; Accordions<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-no-sidebar.php","meta":{"loftocean_post_format_gallery":"","loftocean_post_format_gallery_ids":"","loftocean_post_format_gallery_urls":"","loftocean_post_format_video_id":0,"loftocean_post_format_video_url":"","loftocean_post_format_video_type":"","loftocean_post_format_video":"","loftocean_post_format_audio_type":"","loftocean_post_format_audio_url":"","loftocean_post_format_audio_id":0,"loftocean_post_format_audio":"","loftocean-featured-post":"","loftocean-like-count":0,"loftocean-view-count":0,"loftocean-enable-content-navigation":"","loftocean-content-navigation-position":"","loftocean-content-navigation-heading":"","loftocean-content-navigation-label":"","loftocean-content-navigation-icon":"","loftocean-map-location":"","loftocean-map-latlng":"","loftocean-map-auto-latlng":"","eaven_single_post_hide_thumbnail":"","eaven_single_post_template":"","eaven_single_post_sidebar":"","eaven_hide_before_page_content_ad":"","eaven_hide_after_page_content_ad":"","eaven_advanced_classname":"","footnotes":""},"class_list":["post-766","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tabs &amp; Accordions - Eaven<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tabs &amp; Accordions - Eaven\" \/>\n<meta property=\"og:description\" content=\"Tabs &nbsp; Tabs &#8211; Vertical &nbsp; Tabs and other shortcodes &nbsp; &nbsp; Accordions\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/\" \/>\n<meta property=\"og:site_name\" content=\"Eaven\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-22T12:42:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/\",\"url\":\"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/\",\"name\":\"Tabs & Accordions - Eaven\",\"isPartOf\":{\"@id\":\"https:\/\/demo.loftocean.com\/eaven\/#website\"},\"datePublished\":\"2019-09-22T11:12:25+00:00\",\"dateModified\":\"2019-09-22T12:42:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/demo.loftocean.com\/eaven\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tabs &#038; Accordions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/demo.loftocean.com\/eaven\/#website\",\"url\":\"https:\/\/demo.loftocean.com\/eaven\/\",\"name\":\"Eaven\",\"description\":\"Life and Travel Personal WordPress Theme\",\"publisher\":{\"@id\":\"https:\/\/demo.loftocean.com\/eaven\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/demo.loftocean.com\/eaven\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/demo.loftocean.com\/eaven\/#organization\",\"name\":\"Eaven\",\"url\":\"https:\/\/demo.loftocean.com\/eaven\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/demo.loftocean.com\/eaven\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/demo.loftocean.com\/eaven\/wp-content\/uploads\/sites\/40\/2019\/09\/eaven-logo-white-260x53.png\",\"contentUrl\":\"https:\/\/demo.loftocean.com\/eaven\/wp-content\/uploads\/sites\/40\/2019\/09\/eaven-logo-white-260x53.png\",\"width\":260,\"height\":53,\"caption\":\"Eaven\"},\"image\":{\"@id\":\"https:\/\/demo.loftocean.com\/eaven\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tabs & Accordions - Eaven","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/","og_locale":"en_US","og_type":"article","og_title":"Tabs & Accordions - Eaven","og_description":"Tabs &nbsp; Tabs &#8211; Vertical &nbsp; Tabs and other shortcodes &nbsp; &nbsp; Accordions","og_url":"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/","og_site_name":"Eaven","article_modified_time":"2019-09-22T12:42:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/","url":"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/","name":"Tabs & Accordions - Eaven","isPartOf":{"@id":"https:\/\/demo.loftocean.com\/eaven\/#website"},"datePublished":"2019-09-22T11:12:25+00:00","dateModified":"2019-09-22T12:42:44+00:00","breadcrumb":{"@id":"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/demo.loftocean.com\/eaven\/tabs-accordions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demo.loftocean.com\/eaven\/"},{"@type":"ListItem","position":2,"name":"Tabs &#038; Accordions"}]},{"@type":"WebSite","@id":"https:\/\/demo.loftocean.com\/eaven\/#website","url":"https:\/\/demo.loftocean.com\/eaven\/","name":"Eaven","description":"Life and Travel Personal WordPress Theme","publisher":{"@id":"https:\/\/demo.loftocean.com\/eaven\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demo.loftocean.com\/eaven\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/demo.loftocean.com\/eaven\/#organization","name":"Eaven","url":"https:\/\/demo.loftocean.com\/eaven\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demo.loftocean.com\/eaven\/#\/schema\/logo\/image\/","url":"https:\/\/demo.loftocean.com\/eaven\/wp-content\/uploads\/sites\/40\/2019\/09\/eaven-logo-white-260x53.png","contentUrl":"https:\/\/demo.loftocean.com\/eaven\/wp-content\/uploads\/sites\/40\/2019\/09\/eaven-logo-white-260x53.png","width":260,"height":53,"caption":"Eaven"},"image":{"@id":"https:\/\/demo.loftocean.com\/eaven\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/demo.loftocean.com\/eaven\/wp-json\/wp\/v2\/pages\/766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.loftocean.com\/eaven\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.loftocean.com\/eaven\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.loftocean.com\/eaven\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.loftocean.com\/eaven\/wp-json\/wp\/v2\/comments?post=766"}],"version-history":[{"count":5,"href":"https:\/\/demo.loftocean.com\/eaven\/wp-json\/wp\/v2\/pages\/766\/revisions"}],"predecessor-version":[{"id":805,"href":"https:\/\/demo.loftocean.com\/eaven\/wp-json\/wp\/v2\/pages\/766\/revisions\/805"}],"wp:attachment":[{"href":"https:\/\/demo.loftocean.com\/eaven\/wp-json\/wp\/v2\/media?parent=766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}