{"id":4885,"date":"2014-07-08T09:27:28","date_gmt":"2014-07-08T09:27:28","guid":{"rendered":"http:\/\/marine.arenaofthemes.com\/?page_id=4885"},"modified":"2014-07-08T09:27:28","modified_gmt":"2014-07-08T09:27:28","slug":"a-new-page","status":"publish","type":"page","link":"https:\/\/universalmarineelectric.com\/de\/a-new-page\/","title":{"rendered":"Tabs &#038; Accordion"},"content":{"rendered":"<div class=\"row\">\n<div class=\"col-lg-4 col-md-4 col-sm-12\">\n<h3 class=\" wow animated fadeInDown\"    data-animation=\"fadeInDown\">Tabs Classical <\/h3>\n\r\n\t\t<div id='tab-40651' class='tabs animated slideDown '>\r\n\t\t<div class=\"tab-header\">\r\n\t\t\t<ul class=''>\r\n\t\t\t\t<li><a href=\"#tab1\">Title 1 <\/a><\/li><li><a href=\"#tab2\">Title 2 <\/a><\/li><li><a href=\"#tab3\">Title 3 <\/a><\/li>\r\n\t\t\t<\/ul>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"tab-content\">\r\n\t\t\t\t<div id=\"tab1\" class=\"tab\">In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit.<\/p>\n<p>Praesent a fringilla felis. Pellentesque ultrices sollicitudin mattis.Vestibulum a mattis nunc. Fusce consectetur placerat ligula vel blandit.<\/div><div id=\"tab2\" class=\"tab\">In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit. Praesent a fringilla felis. Pellentesque ultrices sollicitudin mattis. Vestibulum a mattis nunc. Fusce consectetur placerat ligula vel blandit.<\/div><div id=\"tab3\" class=\"tab\">In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit. Praesent a fringilla felis. Pellentesque ultrices sollicitudin mattis. Vestibulum a mattis nunc. Fusce consectetur placerat ligula vel blandit.<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t \n<\/div>\n<div class=\"col-lg-8 col-md-8 col-sm-12\">\n<h3 class=\" wow animated fadeInDown\"    data-animation=\"fadeInDown\">Tabs Classical with Icons<\/h3>\n\r\n\t\t<div id='tab-42888' class='tabs animated fadeIn '>\r\n\t\t<div class=\"tab-header\">\r\n\t\t\t<ul class=''>\r\n\t\t\t\t<li><a href=\"#tab1\"><i class=\"icons icon-play\"><\/i>Title 1 <\/a><\/li><li><a href=\"#tab2\"><i class=\"icons icon-compass-5\"><\/i>Title 2<\/a><\/li><li><a href=\"#tab3\"><i class=\"icons icon-font-2\"><\/i>Title 3<\/a><\/li><li><a href=\"#tab4\"><i class=\"icons icon-buffer\"><\/i>Title 4 <\/a><\/li>\r\n\t\t\t<\/ul>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"tab-content\">\r\n\t\t\t\t<div id=\"tab1\" class=\"tab\">In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit. Praesent a fringilla felis. Pellentesque ultrices sollicitudin mattis.<\/p>\n<p>Vestibulum a mattis nunc. Fusce consectetur placerat ligula vel blandit. In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit. Praesent a fringilla felis. Pellentesque ultrices sollicitudin mattis. Vestibulum a mattis nunc. Fusce consectetur placerat ligula vel blandit.<\/div><div id=\"tab2\" class=\"tab\">In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit. Praesent a fringilla felis. Pellentesque ultrices sollicitudin mattis. Vestibulum a mattis nunc. Fusce consectetur placerat ligula vel blandit.In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit. Praesent a fringilla felis. Pellentesque ultrices sollicitudin mattis. Vestibulum a mattis nunc. Fusce consectetur placerat ligula vel blandit.<\/div><div id=\"tab3\" class=\"tab\">In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit. Praesent a fringilla felis. Pellentesque ultrices sollicitudin mattis. Vestibulum a mattis nunc. Fusce consectetur placerat ligula vel blandit.In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit. Praesent a fringilla felis. Pellentesque ultrices sollicitudin mattis. Vestibulum a mattis nunc. Fusce consectetur placerat ligula vel blandit.<\/div><div id=\"tab4\" class=\"tab\">In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit. Praesent a fringilla felis. Pellentesque ultrices sollicitudin mattis. Vestibulum a mattis nunc. Fusce consectetur placerat ligula vel blandit.In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit. Praesent a fringilla felis. Pellentesque ultrices sollicitudin mattis. Vestibulum a mattis nunc. Fusce consectetur placerat ligula vel blandit.<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t \n<\/div>\n<\/div> \n<div class=\"clearfix\" style=\"height: 40px\"><\/div>\n<div class=\"row\">\n<div class=\"col-lg-6 col-md-6 col-sm-12\">\n<h3 class=\" wow animated fadeInDown\"    data-animation=\"fadeInDown\">Tabs Modern<\/h3>\n\r\n\t\t<div id='tab-33155' class='tabs animated fadeIn  style2'>\r\n\t\t<div class=\"tab-header\">\r\n\t\t\t<ul class=''>\r\n\t\t\t\t<li><a href=\"#tab1\"><i class=\"icons icon-rocket\"><\/i>WEB DEVELOPMENT<\/a><\/li><li><a href=\"#tab2\"><i class=\"icons icon-desktop\"><\/i>HTML\/CSS3<\/a><\/li><li><a href=\"#tab3\"><i class=\"icons icon-tablet\"><\/i>CUSTOMIZATION<\/a><\/li><li><a href=\"#tab4\"><i class=\"icons icon-mobile\"><\/i>ONLINE SUPPORT<\/a><\/li>\r\n\t\t\t<\/ul>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"tab-content\">\r\n\t\t\t\t<div id=\"tab1\" class=\"tab\"><h4><span style=\"color: #008fd5;\">Web Developement<\/span><\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras commodo erat at lacus convallis convallis.<\/p>\n\n<ul class=\"list check-style\">\n<li>Branding<\/li>\n<li>HTML\/CSS<\/li>\n<li>Illustration<\/li>\n<\/ul><\/div><div id=\"tab2\" class=\"tab\"><h3><span style=\"color: #008fd5;\">Web Developement<\/span><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras commodo erat at lacus convallis convallis.<\/p>\n\n<ul class=\"list check-style\">\n<li>Branding<\/li>\n<li>HTML\/CSS<\/li>\n<li>ILLUSTRATIONS<\/li>\n<\/ul><\/div><div id=\"tab3\" class=\"tab\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras commodo erat at lacus convallis convallis.<\/p>\n\n<ul class=\"list check-style\">\n<li>Branding<\/li>\n<li>HTML\/CSS<\/li>\n<li>ILLUSTRATIONS<\/li>\n<\/ul><\/div><div id=\"tab4\" class=\"tab\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras commodo erat at lacus convallis convallis.<\/p>\n\n<ul class=\"list check-style\">\n<li>Branding<\/li>\n<li>HTML\/CSS<\/li>\n<li>ILLUSTRATIONS<\/li>\n<\/ul><\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t \n<\/div>\n<div class=\"col-lg-6 col-md-6 col-sm-12\">\n<h3 class=\" wow animated fadeInDown\"    data-animation=\"fadeInDown\">Tabs Modern no Icons<\/h3>\n\r\n\t\t<div id='tab-18233' class='tabs animated fadeIn  style2'>\r\n\t\t<div class=\"tab-header\">\r\n\t\t\t<ul class=''>\r\n\t\t\t\t<li><a href=\"#tab1\"><i class=\"icons \"><\/i>WEB DEVELOPMENT<\/a><\/li><li><a href=\"#tab2\"><i class=\"icons \"><\/i>HTML\/CSS3<\/a><\/li><li><a href=\"#tab3\"><i class=\"icons \"><\/i>CUSTOMIZATION<\/a><\/li><li><a href=\"#tab4\"><i class=\"icons \"><\/i>ONLINE SUPPORT<\/a><\/li>\r\n\t\t\t<\/ul>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"tab-content\">\r\n\t\t\t\t<div id=\"tab1\" class=\"tab\"><h4><span style=\"color: #008fd5;\">Web Developement<\/span><\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras commodo erat at lacus convallis convallis.<\/p>\n\n<ul class=\"list check-style\">\n<li>Branding<\/li>\n<li>HTML\/CSS<\/li>\n<li>Illustration<\/li>\n<\/ul><\/div><div id=\"tab2\" class=\"tab\"><h3><span style=\"color: #008fd5;\">Web Developement<\/span><\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras commodo erat at lacus convallis convallis.<\/p>\n\n<ul class=\"list check-style\">\n<li>Branding<\/li>\n<li>HTML\/CSS<\/li>\n<li>ILLUSTRATIONS<\/li>\n<\/ul><\/div><div id=\"tab3\" class=\"tab\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras commodo erat at lacus convallis convallis.<\/p>\n\n<ul class=\"list check-style\">\n<li>Branding<\/li>\n<li>HTML\/CSS<\/li>\n<li>ILLUSTRATIONS<\/li>\n<\/ul><\/div><div id=\"tab4\" class=\"tab\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras commodo erat at lacus convallis convallis.<\/p>\n\n<ul class=\"list check-style\">\n<li>Branding<\/li>\n<li>HTML\/CSS<\/li>\n<li>ILLUSTRATIONS<\/li>\n<\/ul><\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t \n<\/div>\n<\/div> \n<div class=\"clearfix\" style=\"height: 40px\"><\/div>\n<div class=\"row\">\n<div class=\"col-lg-4 col-md-4 col-sm-12\">\n<h3 class=\" wow animated fadeInDown\"    data-animation=\"fadeInDown\">Accordions<\/h3>\n<div class=\"accordions\">\r\n\t\t\t<div class=\"accordion accordion-active\">\r\n\t\t\t\t<div class=\"accordion-header\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"accordion-icon\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<h5>Duis tempus risus at<\/h5>\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"accordion-content\" style=\"display: block;\">\r\n\t\t\t\t\tIn placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit.\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"accordion \">\r\n\t\t\t\t<div class=\"accordion-header\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"accordion-icon\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<h5>Well tempass suspendisse <\/h5>\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"accordion-content\" >\r\n\t\t\t\t\tIn placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit.\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"accordion \">\r\n\t\t\t\t<div class=\"accordion-header\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"accordion-icon\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<h5>Lorem reampte vilus qu<\/h5>\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"accordion-content\" >\r\n\t\t\t\t\tIn placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit.\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div><\/div><\/div>\n<div class=\"col-lg-8 col-md-8 col-sm-12\">\n<h3 class=\" wow animated fadeInDown\"    data-animation=\"fadeInDown\">Accordions Big<\/h3>\n<div class=\"accordions\">\r\n\t\t\t<div class=\"accordion accordion-active\">\r\n\t\t\t\t<div class=\"accordion-header\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"accordion-icon\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<h5>In placerat nunc quis velit mattis pharetra. Nullam lorem tellus<\/h5>\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"accordion-content\" style=\"display: block;\">\r\n\t\t\t\t\tIn placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit.<\/p>\n<p>In placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"accordion \">\r\n\t\t\t\t<div class=\"accordion-header\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"accordion-icon\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<h5>Duis tempus risus at tortor pulvinar sodales. Quisque accumsan<\/h5>\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"accordion-content\" >\r\n\t\t\t\t\tIn placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit.\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"accordion \">\r\n\t\t\t\t<div class=\"accordion-header\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"accordion-icon\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<h5>Lorem ipsum dolor site valem lorem tellus<\/h5>\r\n\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"accordion-content\" >\r\n\t\t\t\t\tIn placerat nunc quis velit mattis pharetra. Nullam lorem tellus, condimentum in sapien sit amet, condimentum rutrum neque. Duis tempus risus at tortor pulvinar sodales. Quisque accumsan molestie sem nec blandit.\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div><\/div>\n<\/div>\n<\/div> \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"translation":{"provider":"WPGlobus","version":"2.10.7","language":"de","enabled_languages":["en","de","ja"],"languages":{"en":{"title":true,"content":true,"excerpt":false},"de":{"title":false,"content":false,"excerpt":false},"ja":{"title":false,"content":false,"excerpt":false}}},"_links":{"self":[{"href":"https:\/\/universalmarineelectric.com\/de\/wp-json\/wp\/v2\/pages\/4885"}],"collection":[{"href":"https:\/\/universalmarineelectric.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/universalmarineelectric.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/universalmarineelectric.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/universalmarineelectric.com\/de\/wp-json\/wp\/v2\/comments?post=4885"}],"version-history":[{"count":0,"href":"https:\/\/universalmarineelectric.com\/de\/wp-json\/wp\/v2\/pages\/4885\/revisions"}],"wp:attachment":[{"href":"https:\/\/universalmarineelectric.com\/de\/wp-json\/wp\/v2\/media?parent=4885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}