{"id":17,"date":"2014-07-29T00:25:57","date_gmt":"2014-07-29T00:25:57","guid":{"rendered":"http:\/\/tjoywp.dan-fisher.com\/?page_id=17"},"modified":"2014-07-29T00:25:57","modified_gmt":"2014-07-29T00:25:57","slug":"accordions-tabs","status":"publish","type":"page","link":"https:\/\/www.ali-spa.it\/index.php\/shortcodes\/accordions-tabs\/","title":{"rendered":"Accordions &#038; Tabs"},"content":{"rendered":"<div id=\"pl-17\"  class=\"panel-layout\" ><div id=\"pg-17-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-17-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-17-0-0-0\" class=\"so-panel widget widget_df-heading-widget panel-first-child\" data-index=\"0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-heading-widget so-widget-df-heading-widget-default-b01a01a7143f-17\"\n\t\t\t\n\t\t><div class=\"title-bordered\"><div class=\"title-inner\"><h2>Accordion (Toggled Content)<\/h2><\/div><\/div><\/div><\/div><div id=\"panel-17-0-0-1\" class=\"so-panel widget widget_df-heading-widget\" data-index=\"1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-heading-widget so-widget-df-heading-widget-default-e4a458606b7d-17\"\n\t\t\t\n\t\t><h3>Style 1<\/h3><\/div><\/div><div id=\"panel-17-0-0-2\" class=\"so-panel widget widget_df-accordion-widget panel-last-child\" data-index=\"2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-accordion-widget so-widget-df-accordion-widget-default-d75171398898-17\"\n\t\t\t\n\t\t>\n<div class=\"panel-group accordion accordion__default\" id=\"accordion-388409067\">\n\n  \n    <div class=\"panel\">\n      <div class=\"panel-heading\">\n        <a data-toggle=\"collapse\" data-parent=\"#accordion-388409067\" href=\"#toggle-1-panel-1\" class=\"panel-title  in\">\n          <span class=\"panel-title-inner\">Proin semper turpis quis libero aliquam luctus<\/span>\n        <\/a>\n      <\/div>\n      <div id=\"toggle-1-panel-1\" class=\"panel-collapse collapse  in\">\n        <div class=\"panel-body\">\n          <p>Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices. Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices.<\/p>        <\/div>\n      <\/div>\n    <\/div>\n\n    \n  \n    <div class=\"panel\">\n      <div class=\"panel-heading\">\n        <a data-toggle=\"collapse\" data-parent=\"#accordion-388409067\" href=\"#toggle-1-panel-2\" class=\"panel-title collapsed\">\n          <span class=\"panel-title-inner\">Lorem ipsum dolor sit amet, consectetur adipiscing elit<\/span>\n        <\/a>\n      <\/div>\n      <div id=\"toggle-1-panel-2\" class=\"panel-collapse collapse \">\n        <div class=\"panel-body\">\n          <p>Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices. Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices.<\/p>        <\/div>\n      <\/div>\n    <\/div>\n\n    \n  \n    <div class=\"panel\">\n      <div class=\"panel-heading\">\n        <a data-toggle=\"collapse\" data-parent=\"#accordion-388409067\" href=\"#toggle-1-panel-3\" class=\"panel-title collapsed\">\n          <span class=\"panel-title-inner\">Donec lacus ligula, cursus sit amet mollis et, porttitor a sapien<\/span>\n        <\/a>\n      <\/div>\n      <div id=\"toggle-1-panel-3\" class=\"panel-collapse collapse \">\n        <div class=\"panel-body\">\n          <p>Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices. Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices.<\/p>        <\/div>\n      <\/div>\n    <\/div>\n\n    \n  \n    <div class=\"panel\">\n      <div class=\"panel-heading\">\n        <a data-toggle=\"collapse\" data-parent=\"#accordion-388409067\" href=\"#toggle-1-panel-4\" class=\"panel-title collapsed\">\n          <span class=\"panel-title-inner\">Aenean eu tellus facilisis, viverra metus id, malesuada elit<\/span>\n        <\/a>\n      <\/div>\n      <div id=\"toggle-1-panel-4\" class=\"panel-collapse collapse \">\n        <div class=\"panel-body\">\n          <p>Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices. Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices.<\/p>        <\/div>\n      <\/div>\n    <\/div>\n\n    \n  \n    <div class=\"panel\">\n      <div class=\"panel-heading\">\n        <a data-toggle=\"collapse\" data-parent=\"#accordion-388409067\" href=\"#toggle-1-panel-5\" class=\"panel-title collapsed\">\n          <span class=\"panel-title-inner\">Morbi sit amet volutpat elit, non sodales mi<\/span>\n        <\/a>\n      <\/div>\n      <div id=\"toggle-1-panel-5\" class=\"panel-collapse collapse \">\n        <div class=\"panel-body\">\n          <p>Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices. Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices.<\/p>        <\/div>\n      <\/div>\n    <\/div>\n\n    \n  <\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-17-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-17-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-17-1-0-0\" class=\"so-panel widget widget_df-heading-widget panel-first-child\" data-index=\"3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-heading-widget so-widget-df-heading-widget-default-e4a458606b7d-17\"\n\t\t\t\n\t\t><h3>Style 2<\/h3><\/div><\/div><div id=\"panel-17-1-0-1\" class=\"so-panel widget widget_df-accordion-widget panel-last-child\" data-index=\"4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-accordion-widget so-widget-df-accordion-widget-default-d75171398898-17\"\n\t\t\t\n\t\t>\n<div class=\"panel-group accordion accordion__alt\" id=\"accordion-685534061\">\n\n  \n    <div class=\"panel\">\n      <div class=\"panel-heading\">\n        <a data-toggle=\"collapse\" data-parent=\"#accordion-685534061\" href=\"#toggle-2-panel-1\" class=\"panel-title  in\">\n          <span class=\"panel-title-inner\">Proin semper turpis quis libero aliquam luctus<\/span>\n        <\/a>\n      <\/div>\n      <div id=\"toggle-2-panel-1\" class=\"panel-collapse collapse  in\">\n        <div class=\"panel-body\">\n          <p>Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices. Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices.<\/p>        <\/div>\n      <\/div>\n    <\/div>\n\n    \n  \n    <div class=\"panel\">\n      <div class=\"panel-heading\">\n        <a data-toggle=\"collapse\" data-parent=\"#accordion-685534061\" href=\"#toggle-2-panel-2\" class=\"panel-title collapsed\">\n          <span class=\"panel-title-inner\">Lorem ipsum dolor sit amet, consectetur adipiscing elit<\/span>\n        <\/a>\n      <\/div>\n      <div id=\"toggle-2-panel-2\" class=\"panel-collapse collapse \">\n        <div class=\"panel-body\">\n          <p>Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices. Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices.<\/p>        <\/div>\n      <\/div>\n    <\/div>\n\n    \n  \n    <div class=\"panel\">\n      <div class=\"panel-heading\">\n        <a data-toggle=\"collapse\" data-parent=\"#accordion-685534061\" href=\"#toggle-2-panel-3\" class=\"panel-title collapsed\">\n          <span class=\"panel-title-inner\">Donec lacus ligula, cursus sit amet mollis et, porttitor a sapien<\/span>\n        <\/a>\n      <\/div>\n      <div id=\"toggle-2-panel-3\" class=\"panel-collapse collapse \">\n        <div class=\"panel-body\">\n          <p>Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices. Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices.<\/p>        <\/div>\n      <\/div>\n    <\/div>\n\n    \n  \n    <div class=\"panel\">\n      <div class=\"panel-heading\">\n        <a data-toggle=\"collapse\" data-parent=\"#accordion-685534061\" href=\"#toggle-2-panel-4\" class=\"panel-title collapsed\">\n          <span class=\"panel-title-inner\">Aenean eu tellus facilisis, viverra metus id, malesuada elit<\/span>\n        <\/a>\n      <\/div>\n      <div id=\"toggle-2-panel-4\" class=\"panel-collapse collapse \">\n        <div class=\"panel-body\">\n          <p>Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices. Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices.<\/p>        <\/div>\n      <\/div>\n    <\/div>\n\n    \n  \n    <div class=\"panel\">\n      <div class=\"panel-heading\">\n        <a data-toggle=\"collapse\" data-parent=\"#accordion-685534061\" href=\"#toggle-2-panel-5\" class=\"panel-title collapsed\">\n          <span class=\"panel-title-inner\">Morbi sit amet volutpat elit, non sodales mi<\/span>\n        <\/a>\n      <\/div>\n      <div id=\"toggle-2-panel-5\" class=\"panel-collapse collapse \">\n        <div class=\"panel-body\">\n          <p>Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices. Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices.<\/p>        <\/div>\n      <\/div>\n    <\/div>\n\n    \n  <\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-17-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-17-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-17-2-0-0\" class=\"so-panel widget widget_df-heading-widget panel-first-child\" data-index=\"5\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-heading-widget so-widget-df-heading-widget-default-b01a01a7143f-17\"\n\t\t\t\n\t\t><div class=\"title-bordered\"><div class=\"title-inner\"><h2>Tabs Default Style<\/h2><\/div><\/div><\/div><\/div><div id=\"panel-17-2-0-1\" class=\"so-panel widget widget_df-heading-widget\" data-index=\"6\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-heading-widget so-widget-df-heading-widget-default-e4a458606b7d-17\"\n\t\t\t\n\t\t><h3>Horizontal<\/h3><\/div><\/div><div id=\"panel-17-2-0-2\" class=\"so-panel widget widget_df-tabs-widget panel-last-child\" data-index=\"7\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-tabs-widget so-widget-df-tabs-widget-default-d75171398898-17\"\n\t\t\t\n\t\t>\n<div class=\"tabs-wrapper tabs-default tabs__horizontal tabs-default\">\n  <ul class=\"nav nav-tabs\">\n    \n      <li class=\" active\">\n        <a href=\"#tab-3-1\" data-toggle=\"tab\">Time efficiency<\/a>\n      <\/li>\n\n          \n      <li class=\"\">\n        <a href=\"#tab-3-2\" data-toggle=\"tab\">Live support<\/a>\n      <\/li>\n\n          \n      <li class=\"\">\n        <a href=\"#tab-3-3\" data-toggle=\"tab\">Customize widget<\/a>\n      <\/li>\n\n            <\/ul>\n\n  <div class=\"tab-content\">\n\n    \n      <div id=\"tab-3-1\" class=\"tab-pane fade  in active\">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n      <div id=\"tab-3-2\" class=\"tab-pane fade \">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n      <div id=\"tab-3-3\" class=\"tab-pane fade \">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n  <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-17-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-17-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-17-3-0-0\" class=\"so-panel widget widget_df-heading-widget panel-first-child\" data-index=\"8\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-heading-widget so-widget-df-heading-widget-default-e4a458606b7d-17\"\n\t\t\t\n\t\t><h3>Vertical<\/h3><\/div><\/div><div id=\"panel-17-3-0-1\" class=\"so-panel widget widget_df-tabs-widget panel-last-child\" data-index=\"9\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-tabs-widget so-widget-df-tabs-widget-default-d75171398898-17\"\n\t\t\t\n\t\t>\n<div class=\"tabs-wrapper tabs-default tabs__vertical tabs-default\">\n  <ul class=\"nav nav-tabs\">\n    \n      <li class=\" active\">\n        <a href=\"#tab-4-1\" data-toggle=\"tab\">Time efficiency<\/a>\n      <\/li>\n\n          \n      <li class=\"\">\n        <a href=\"#tab-4-2\" data-toggle=\"tab\">Live support<\/a>\n      <\/li>\n\n          \n      <li class=\"\">\n        <a href=\"#tab-4-3\" data-toggle=\"tab\">Customize widget<\/a>\n      <\/li>\n\n          \n      <li class=\"\">\n        <a href=\"#tab-4-4\" data-toggle=\"tab\">Morbi sit amet<\/a>\n      <\/li>\n\n            <\/ul>\n\n  <div class=\"tab-content\">\n\n    \n      <div id=\"tab-4-1\" class=\"tab-pane fade  in active\">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n      <div id=\"tab-4-2\" class=\"tab-pane fade \">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n      <div id=\"tab-4-3\" class=\"tab-pane fade \">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n      <div id=\"tab-4-4\" class=\"tab-pane fade \">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n  <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-17-4\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-17-4-0\"  class=\"panel-grid-cell\" ><div id=\"panel-17-4-0-0\" class=\"so-panel widget widget_df-heading-widget panel-first-child\" data-index=\"10\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-heading-widget so-widget-df-heading-widget-default-b01a01a7143f-17\"\n\t\t\t\n\t\t><div class=\"title-bordered\"><div class=\"title-inner\"><h2>Tabs Alternative Style<\/h2><\/div><\/div><\/div><\/div><div id=\"panel-17-4-0-1\" class=\"so-panel widget widget_df-heading-widget\" data-index=\"11\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-heading-widget so-widget-df-heading-widget-default-e4a458606b7d-17\"\n\t\t\t\n\t\t><h3>Horizontal<\/h3><\/div><\/div><div id=\"panel-17-4-0-2\" class=\"so-panel widget widget_df-tabs-widget panel-last-child\" data-index=\"12\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-tabs-widget so-widget-df-tabs-widget-default-d75171398898-17\"\n\t\t\t\n\t\t>\n<div class=\"tabs-wrapper tabs-default tabs__horizontal tabs-alt\">\n  <ul class=\"nav nav-tabs\">\n    \n      <li class=\" active\">\n        <a href=\"#tab-5-1\" data-toggle=\"tab\">Time efficiency<\/a>\n      <\/li>\n\n          \n      <li class=\"\">\n        <a href=\"#tab-5-2\" data-toggle=\"tab\">Live support<\/a>\n      <\/li>\n\n          \n      <li class=\"\">\n        <a href=\"#tab-5-3\" data-toggle=\"tab\">Customize widget<\/a>\n      <\/li>\n\n            <\/ul>\n\n  <div class=\"tab-content\">\n\n    \n      <div id=\"tab-5-1\" class=\"tab-pane fade  in active\">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n      <div id=\"tab-5-2\" class=\"tab-pane fade \">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n      <div id=\"tab-5-3\" class=\"tab-pane fade \">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n  <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-17-5\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-17-5-0\"  class=\"panel-grid-cell\" ><div id=\"panel-17-5-0-0\" class=\"so-panel widget widget_df-heading-widget panel-first-child\" data-index=\"13\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-heading-widget so-widget-df-heading-widget-default-e4a458606b7d-17\"\n\t\t\t\n\t\t><h3>Vertical<\/h3><\/div><\/div><div id=\"panel-17-5-0-1\" class=\"so-panel widget widget_df-tabs-widget panel-last-child\" data-index=\"14\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-df-tabs-widget so-widget-df-tabs-widget-default-d75171398898-17\"\n\t\t\t\n\t\t>\n<div class=\"tabs-wrapper tabs-default tabs__vertical tabs-alt\">\n  <ul class=\"nav nav-tabs\">\n    \n      <li class=\" active\">\n        <a href=\"#tab-6-1\" data-toggle=\"tab\">Time efficiency<\/a>\n      <\/li>\n\n          \n      <li class=\"\">\n        <a href=\"#tab-6-2\" data-toggle=\"tab\">Live support<\/a>\n      <\/li>\n\n          \n      <li class=\"\">\n        <a href=\"#tab-6-3\" data-toggle=\"tab\">Customize widget<\/a>\n      <\/li>\n\n          \n      <li class=\"\">\n        <a href=\"#tab-6-4\" data-toggle=\"tab\">Morbi sit amet<\/a>\n      <\/li>\n\n            <\/ul>\n\n  <div class=\"tab-content\">\n\n    \n      <div id=\"tab-6-1\" class=\"tab-pane fade  in active\">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n      <div id=\"tab-6-2\" class=\"tab-pane fade \">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n      <div id=\"tab-6-3\" class=\"tab-pane fade \">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n      <div id=\"tab-6-4\" class=\"tab-pane fade \">\n        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et ullamcorper erat. Aenean nec eros fermentum, facilisis nibh laoreet, pharetra turpis. Curabitur id velit arcu. Ut arcu tortor, semper vitae porttitor eget, convallis et diam. Pellentesque viverra sem mauris, sed ultricies erat rhoncus quis.<\/p><p>Donec porta varius mauris in commodo. Nam consectetur eget nisi eget auctor. Morbi sed sem in tortor interdum hendrerit. Sed tempor libero sed tellus lacinia consequat. In hac habitasse platea dictumst. Morbi adipiscing orci molestie turpis volutpat, nec mollis neque blandit. Donec malesuada, dolor eget molestie tempus, magna nibh tempus arcu, non interdum tortor augue ac urna.<\/p>      <\/div>\n\n          \n  <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Accordion (Toggled Content)Style 1 Proin semper turpis quis libero aliquam luctus Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies ultricies ligula convallis ultrices. Suspendisse posuere faucibus fermentum. Nullam dictum feugiat sem vel pellentesque. Suspendisse ut ligula enim. Nulla facilisis commodo molestie. Maecenas ultricies [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":15,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-left-sidebar.php","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ali-spa.it\/index.php\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ali-spa.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ali-spa.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ali-spa.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ali-spa.it\/index.php\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":0,"href":"https:\/\/www.ali-spa.it\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.ali-spa.it\/index.php\/wp-json\/wp\/v2\/pages\/15"}],"wp:attachment":[{"href":"https:\/\/www.ali-spa.it\/index.php\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}