{"id":1022,"date":"2012-09-22T12:48:44","date_gmt":"2012-09-22T12:48:44","guid":{"rendered":"http:\/\/yaritheme.com\/vintage\/?page_id=1022"},"modified":"2012-09-22T12:48:44","modified_gmt":"2012-09-22T12:48:44","slug":"tab-and-accordion","status":"publish","type":"page","link":"https:\/\/whiteandwilson.com\/index.php\/typography-and-elements\/tab-and-accordion\/","title":{"rendered":"Tab and Accordion"},"content":{"rendered":"<h4 class=\"page-heading\">Tab &#8211; Demo 1<\/h4>\n<div class=\"heading-width-line\"><\/div>\n<div class=\"tabs-container\"><ul class=\"tabs default\"><li><a href=\"#\">First Tab<\/a><\/li><li><a href=\"#\"> Second Tab<\/a><\/li><li><a href=\"#\"> Third Tab<\/a><\/li><\/ul><div class=\"panes default\"> <div><\/p>\n<h2>About us<\/h2>\n<p>You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don&#8217;t know exactly when we turned on each other, but I know that seven of us survived the slide&#8230; and only five made it out. Now we took an oath, that I&#8217;m breaking now. We said we&#8217;d say it was the snow that killed the other two, but it wasn&#8217;t. Nature is lethal but it doesn&#8217;t hold a candle to man. <\/div> <div><\/p>\n<h2>Services<\/h2>\n<p>Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that&#8217;s what you see at a toy store. And you must think you&#8217;re in a toy store, because you&#8217;re here shopping for an infant named Jeb.<\/div> <div><\/p>\n<h2>Contact<\/h2>\n<p>You see? It&#8217;s curious. Ted did figure it out &#8211; time travel. And when we get back, we gonna tell everyone. How it&#8217;s possible, how it&#8217;s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an &#8216;unknown entry event&#8217;? Why don&#8217;t they know? If they don&#8217;t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.<\/div> <\/div><\/div>\n<pre lang=\"LANGUAGE\" line=\"1\"><div class=\"tabs-container\"><ul class=\"tabs default\"><li><a href=\"#\">Tab One<\/a><\/li><li><a href=\"#\"> Tab Two<\/a><\/li><li><a href=\"#\"> Tab Three<\/a><\/li><\/ul><div class=\"panes default\">\n<div>Tab One Content<\/div>\n<div>Tab Two Content<\/div>\n<div>Tab Three Content<\/div>\n<\/div><\/div><\/pre>\n<h4 class=\"page-heading\">Tab &#8211; Demo 2<\/h4>\n<div class=\"heading-width-line\"><\/div>\n<div class=\"tabs-container\"><ul class=\"tabs second\"><li><a href=\"#\">First Tab<\/a><\/li><li><a href=\"#\"> Second Tab<\/a><\/li><li><a href=\"#\"> Third Tab<\/a><\/li><\/ul><div class=\"panes second\"> <div><\/p>\n<h2>About us<\/h2>\n<p>You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don&#8217;t know exactly when we turned on each other, but I know that seven of us survived the slide&#8230; and only five made it out. Now we took an oath, that I&#8217;m breaking now. We said we&#8217;d say it was the snow that killed the other two, but it wasn&#8217;t. Nature is lethal but it doesn&#8217;t hold a candle to man.<\/div> <div><\/p>\n<h2>Services<\/h2>\n<p>Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that&#8217;s what you see at a toy store. And you must think you&#8217;re in a toy store, because you&#8217;re here shopping for an infant named Jeb.<\/div> <div><\/p>\n<h2>Contact<\/h2>\n<p>You see? It&#8217;s curious. Ted did figure it out &#8211; time travel. And when we get back, we gonna tell everyone. How it&#8217;s possible, how it&#8217;s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an &#8216;unknown entry event&#8217;? Why don&#8217;t they know? If they don&#8217;t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.<\/div> <\/div><\/div>\n<pre lang=\"LANGUAGE\" line=\"1\"><div class=\"tabs-container\"><ul class=\"tabs second\"><li><a href=\"#\">Tab One<\/a><\/li><li><a href=\"#\"> Tab Two<\/a><\/li><li><a href=\"#\"> Tab Three<\/a><\/li><\/ul><div class=\"panes second\">\n<div>Tab One Content<\/div>\n<div>Tab Two Content<\/div>\n<div>Tab Three Content<\/div>\n<\/div><\/div><\/pre>\n<h4 class=\"page-heading\">Tab &#8211; Demo 3<\/h4>\n<div class=\"heading-width-line\"><\/div>\n<div class=\"tabs-container\"><ul class=\"tabs third\"><li><a href=\"#\">First Tab<\/a><\/li><li><a href=\"#\"> Second Tab<\/a><\/li><li><a href=\"#\"> Third Tab<\/a><\/li><\/ul><div class=\"panes third\"> <div><\/p>\n<h2>About us<\/h2>\n<p>You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don&#8217;t know exactly when we turned on each other, but I know that seven of us survived the slide&#8230; and only five made it out. Now we took an oath, that I&#8217;m breaking now. We said we&#8217;d say it was the snow that killed the other two, but it wasn&#8217;t. Nature is lethal but it doesn&#8217;t hold a candle to man.<\/div> <div><\/p>\n<h2>Services<\/h2>\n<p>Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that&#8217;s what you see at a toy store. And you must think you&#8217;re in a toy store, because you&#8217;re here shopping for an infant named Jeb.<\/div> <div><\/p>\n<h2>Contact<\/h2>\n<p>You see? It&#8217;s curious. Ted did figure it out &#8211; time travel. And when we get back, we gonna tell everyone. How it&#8217;s possible, how it&#8217;s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an &#8216;unknown entry event&#8217;? Why don&#8217;t they know? If they don&#8217;t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.<\/div> <\/div><\/div>\n<pre lang=\"LANGUAGE\" line=\"1\"><div class=\"tabs-container\"><ul class=\"tabs third\"><li><a href=\"#\">Tab One<\/a><\/li><li><a href=\"#\"> Tab Two<\/a><\/li><li><a href=\"#\"> Tab Three<\/a><\/li><\/ul><div class=\"panes third\">\n<div>Tab One Content<\/div>\n<div>Tab Two Content<\/div>\n<div>Tab Three Content<\/div>\n<\/div><\/div><\/pre>\n<h4 class=\"page-heading\">Tab &#8211; Demo 4<\/h4>\n<div class=\"heading-width-line\"><\/div>\n<div class=\"tabs-container\"><ul class=\"tabs fourth\"><li><a href=\"#\">First Tab<\/a><\/li><li><a href=\"#\"> Second Tab<\/a><\/li><li><a href=\"#\"> Third Tab<\/a><\/li><\/ul><div class=\"panes fourth\"> <div><\/p>\n<h2>About us<\/h2>\n<p>You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don&#8217;t know exactly when we turned on each other, but I know that seven of us survived the slide&#8230; and only five made it out. Now we took an oath, that I&#8217;m breaking now. We said we&#8217;d say it was the snow that killed the other two, but it wasn&#8217;t. Nature is lethal but it doesn&#8217;t hold a candle to man.<\/div> <div><\/p>\n<h2>Services<\/h2>\n<p>Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that&#8217;s what you see at a toy store. And you must think you&#8217;re in a toy store, because you&#8217;re here shopping for an infant named Jeb. <\/div> <div><\/p>\n<h2>Contact<\/h2>\n<p>You see? It&#8217;s curious. Ted did figure it out &#8211; time travel. And when we get back, we gonna tell everyone. How it&#8217;s possible, how it&#8217;s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an &#8216;unknown entry event&#8217;? Why don&#8217;t they know? If they don&#8217;t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.<\/div> <\/div><\/div>\n<pre lang=\"LANGUAGE\" line=\"1\"><div class=\"tabs-container\"><ul class=\"tabs fourth\"><li><a href=\"#\">Tab One<\/a><\/li><li><a href=\"#\"> Tab Two<\/a><\/li><li><a href=\"#\"> Tab Three<\/a><\/li><\/ul><div class=\"panes fourth\">\n<div>Tab One Content<\/div>\n<div>Tab Two Content<\/div>\n<div>Tab Three Content<\/div>\n<\/div><\/div><\/pre>\n<p>&nbsp;<\/p>\n<h4 class=\"page-heading\">Accordion<\/h4>\n<div class=\"heading-width-line\"><\/div>\n<div class=\"accordion-container\"><div id=\"accordion\"> <h2>First Pane<\/h2><div class=\"pane\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien mi, rhoncus vel luctus sit amet, fermentum in tortor. Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.<\/div> <h2>Second Pane<\/h2><div class=\"pane\">Nam sapien mi, rhoncus vel luctus sit amet, fermentum in tortor. Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.<\/div> <h2>Third Pane<\/h2><div class=\"pane\">Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.<\/div> <\/div><\/div>\n<pre lang=\"LANGUAGE\" line=\"1\"><div class=\"accordion-container\"><div id=\"accordion\">\n<h2>First Pane<\/h2><div class=\"pane\">Pane One Content<\/div>\n<h2>Second Pane<\/h2><div class=\"pane\">Pane Two Content<\/div>\n<h2>Third Pane<\/h2><div class=\"pane\">Pane Three Content<\/div>\n<\/div><\/div><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Tab &#8211; Demo 1 Tab &#8211; Demo 2 Tab &#8211; Demo 3 Tab &#8211; Demo 4 &nbsp; Accordion<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":1018,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/pages\/1022"}],"collection":[{"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/comments?post=1022"}],"version-history":[{"count":0,"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/pages\/1022\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/pages\/1018"}],"wp:attachment":[{"href":"https:\/\/whiteandwilson.com\/index.php\/wp-json\/wp\/v2\/media?parent=1022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}