{"id":1088,"date":"2015-02-01T01:11:28","date_gmt":"2015-02-01T01:11:28","guid":{"rendered":"https:\/\/photographiesandmore.de\/?page_id=1088"},"modified":"2017-05-15T13:34:55","modified_gmt":"2017-05-15T11:34:55","slug":"tabs-toggles","status":"publish","type":"page","link":"https:\/\/photographiesandmore.de\/en\/tabs-toggles\/","title":{"rendered":"Tabs &#038; Toggles"},"content":{"rendered":"<p><section id=\"section-6a292ddc06f9f\" class=\"fw-main-row-custom fw-main-row-top fw-content-overlay-md fw_theme_bg_fw-custom fw-image-section fw-section-height-md\" style=\" background-image:url(http:\/\/testlabs.themefuse.com\/zweckehotgmailcom\/wp-content\/uploads\/sites\/24351\/2015\/02\/bg-head.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;  \"  >\n\t\t<div class=\"fw-container\">\n\t\t<div class=\"fw-row\">\n\t\n<div id=\"column-6a292ddc079fc\" class=\"fw-col-sm-12\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-heading fw-heading-h1 fw-heading-center\">\n\t\t\t<h1 class=\"fw-special-title fw_theme_text_color_4\" >SHORTCODES<\/h1>\n\t\t<svg version=\"1.1\" id=\"Layer_3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"549.511px\" height=\"16.103px\" viewbox=\"0 0 549.511 16.103\" enable-background=\"new 0 0 549.511 16.103\" xml:space=\"preserve\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#7A4448\" d=\"M0,0v16.103c0,0,1.099-8.277,9.157-8.162 c0.07,0.001,10.766,0.003,10.837,0.006V6.905L9.148,6.91C9.148,6.91,0.759,5.569,0,0z M549.511,0v16.103 c0,0-1.098-8.277-9.156-8.162c-0.07,0.001-520.266,0.003-520.337,0.006V6.905L540.363,6.91C540.363,6.91,548.753,5.569,549.511,0z\" \/><\/svg>\t<\/div>\t<\/div>\n<\/div><\/div>\n\n\t<\/div>\n<\/section><section id=\"section-6a292ddc09110\" class=\"fw-main-row  auto\" style=\"   \"  >\n\t\t<div class=\"fw-container\">\n\t\t<div class=\"fw-row\">\n\t\n<div id=\"column-6a292ddc09bb6\" class=\"fw-col-sm-12\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-heading fw-heading-h3 fw-heading-left\">\n\t\t\t<h3 class=\"fw-special-title fw_theme_text_color_1\" >TABS & TOGGLES<\/h3>\n\t\t\t<\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t\n<div id=\"column-6a292ddc0b10e\" class=\"fw-col-sm-12\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-divider-space space-sm\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t\n<div id=\"column-6a292ddc0c662\" class=\"fw-col-sm-6\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-heading fw-heading-h5 fw-heading-left\">\n\t\t\t<h5 class=\"fw-special-title fw_theme_text_color_2\" >Framed Tabs<\/h5>\n\t\t\t<\/div><div class=\"fw-tabs fw-tabs-framed fw-tabs-top\">\n    <ul class=\"nav nav-tabs\">\n                    <li class=\"active\">\n                <a href=\"#tab-cont-6a292ddc0d5f3-1\" data-toggle=\"tab\">\n                                        Tab 1                <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc0d5f3-2\" data-toggle=\"tab\">\n                                        Tab 2                <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc0d5f3-3\" data-toggle=\"tab\">\n                                        Tab 3                <\/a>\n            <\/li>\n            <\/ul>\n\n    <div class=\"tab-content clearfix\">\n                    <div id=\"tab-cont-6a292ddc0d5f3-1\" class=\"tab-pane fade in active\">\n                                    <strong>Tab 1 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc0d5f3-2\" class=\"tab-pane fade\">\n                                    <strong>Tab 2 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc0d5f3-3\" class=\"tab-pane fade\">\n                                    <strong>Tab 3 Content<\/strong>\n                \n                                    <p>Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor.<\/p>\n<p>Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n            <\/div>\n<\/div>\t<\/div>\n<\/div>\n<div id=\"column-6a292ddc1001f\" class=\"fw-col-sm-6\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-heading fw-heading-h5 fw-heading-left\">\n\t\t\t<h5 class=\"fw-special-title fw_theme_text_color_2\" >Minimal Tabs<\/h5>\n\t\t\t<\/div><div class=\"fw-tabs fw-tabs-minimal fw-tabs-top\">\n    <ul class=\"nav nav-tabs\">\n                    <li class=\"active\">\n                <a href=\"#tab-cont-6a292ddc10e9c-1\" data-toggle=\"tab\">\n                                        Tab 1                <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc10e9c-2\" data-toggle=\"tab\">\n                                        Tab 2                <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc10e9c-3\" data-toggle=\"tab\">\n                                        Tab 3                <\/a>\n            <\/li>\n            <\/ul>\n\n    <div class=\"tab-content clearfix\">\n                    <div id=\"tab-cont-6a292ddc10e9c-1\" class=\"tab-pane fade in active\">\n                                    <strong>Tab 1 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc10e9c-2\" class=\"tab-pane fade\">\n                                    <strong>Tab 2 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc10e9c-3\" class=\"tab-pane fade\">\n                                    <strong>Tab 3 Content<\/strong>\n                \n                                    <p>Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor.<\/p>\n<p>Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n            <\/div>\n<\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t\n<div id=\"column-6a292ddc1357e\" class=\"fw-col-sm-12\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-divider-space space-sm\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t\n<div id=\"column-6a292ddc1461d\" class=\"fw-col-sm-6\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-heading fw-heading-h5 fw-heading-left\">\n\t\t\t<h5 class=\"fw-special-title fw_theme_text_color_2\" >Justified Framed Tabs<\/h5>\n\t\t\t<\/div><div class=\"fw-tabs fw-tabs-framed fw-tabs-top\">\n    <ul class=\"nav nav-tabs nav-justified\">\n                    <li class=\"active\">\n                <a href=\"#tab-cont-6a292ddc14f0b-1\" data-toggle=\"tab\">\n                                        Tab 1                <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc14f0b-2\" data-toggle=\"tab\">\n                                        Tab 2                <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc14f0b-3\" data-toggle=\"tab\">\n                                        Tab 3                <\/a>\n            <\/li>\n            <\/ul>\n\n    <div class=\"tab-content clearfix\">\n                    <div id=\"tab-cont-6a292ddc14f0b-1\" class=\"tab-pane fade in active\">\n                                    <strong>Tab 1 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc14f0b-2\" class=\"tab-pane fade\">\n                                    <strong>Tab 2 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc14f0b-3\" class=\"tab-pane fade\">\n                                    <strong>Tab 3 Content<\/strong>\n                \n                                    <p>Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor.<\/p>\n<p>Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n            <\/div>\n<\/div>\t<\/div>\n<\/div>\n<div id=\"column-6a292ddc15c0d\" class=\"fw-col-sm-6\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-heading fw-heading-h5 fw-heading-left\">\n\t\t\t<h5 class=\"fw-special-title fw_theme_text_color_2\" >Left Side Tabs (minimal)<\/h5>\n\t\t\t<\/div><div class=\"fw-tabs fw-tabs-minimal fw-tabs-left\">\n    <ul class=\"nav nav-tabs\">\n                    <li class=\"active\">\n                <a href=\"#tab-cont-6a292ddc16456-1\" data-toggle=\"tab\">\n                                            <i class=\"fa fa-check-square-o\"><\/i>\n                                        Tab 1                <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc16456-2\" data-toggle=\"tab\">\n                                            <i class=\"fa fa-exclamation-circle\"><\/i>\n                                        Tab 2                <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc16456-3\" data-toggle=\"tab\">\n                                            <i class=\"fa fa-info-circle\"><\/i>\n                                        Tab 3                <\/a>\n            <\/li>\n            <\/ul>\n\n    <div class=\"tab-content clearfix\">\n                    <div id=\"tab-cont-6a292ddc16456-1\" class=\"tab-pane fade in active\">\n                                    <strong>Tab 1 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc16456-2\" class=\"tab-pane fade\">\n                                    <strong>Tab 2 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc16456-3\" class=\"tab-pane fade\">\n                                    <strong>Tab 3 Content<\/strong>\n                \n                                    <p>Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor.<\/p>\n<p>Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n            <\/div>\n<\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t\n<div id=\"column-6a292ddc17db2\" class=\"fw-col-sm-12\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-divider-space space-sm\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t\n<div id=\"column-6a292ddc18ca6\" class=\"fw-col-sm-6\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-heading fw-heading-h5 fw-heading-left\">\n\t\t\t<h5 class=\"fw-special-title fw_theme_text_color_2\" >Tabs With Icons<\/h5>\n\t\t\t<\/div><div class=\"fw-tabs fw-tabs-framed fw-tabs-top\">\n    <ul class=\"nav nav-tabs nav-justified\">\n                    <li class=\"active\">\n                <a href=\"#tab-cont-6a292ddc1943c-1\" data-toggle=\"tab\">\n                                            <i class=\"fa fa-bar-chart\"><\/i>\n                                        Tab 1                <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc1943c-2\" data-toggle=\"tab\">\n                                            <i class=\"fa fa-bullseye\"><\/i>\n                                        Tab 2                <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc1943c-3\" data-toggle=\"tab\">\n                                            <i class=\"fa fa-youtube-play\"><\/i>\n                                        Tab 3                <\/a>\n            <\/li>\n            <\/ul>\n\n    <div class=\"tab-content clearfix\">\n                    <div id=\"tab-cont-6a292ddc1943c-1\" class=\"tab-pane fade in active\">\n                                    <strong>Tab 1 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc1943c-2\" class=\"tab-pane fade\">\n                                    <strong>Tab 2 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc1943c-3\" class=\"tab-pane fade\">\n                                    <strong>Tab 3 Content<\/strong>\n                \n                                    <p>Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor.<\/p>\n<p>Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n            <\/div>\n<\/div>\t<\/div>\n<\/div>\n<div id=\"column-6a292ddc1a1a8\" class=\"fw-col-sm-6\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-heading fw-heading-h5 fw-heading-left\">\n\t\t\t<h5 class=\"fw-special-title fw_theme_text_color_2\" >Tabs With Icons (minimal)<\/h5>\n\t\t\t<\/div><div class=\"fw-tabs fw-tabs-minimal fw-tabs-top\">\n    <ul class=\"nav nav-tabs\">\n                    <li class=\"active\">\n                <a href=\"#tab-cont-6a292ddc1a924-1\" data-toggle=\"tab\">\n                                            <i class=\"fa fa-bar-chart\"><\/i>\n                                                        <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc1a924-2\" data-toggle=\"tab\">\n                                            <i class=\"fa fa-bullseye\"><\/i>\n                                                        <\/a>\n            <\/li>\n                    <li >\n                <a href=\"#tab-cont-6a292ddc1a924-3\" data-toggle=\"tab\">\n                                            <i class=\"fa fa-youtube-play\"><\/i>\n                                                        <\/a>\n            <\/li>\n            <\/ul>\n\n    <div class=\"tab-content clearfix\">\n                    <div id=\"tab-cont-6a292ddc1a924-1\" class=\"tab-pane fade in active\">\n                                    <strong>Tab 1 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc1a924-2\" class=\"tab-pane fade\">\n                                    <strong>Tab 2 Content<\/strong>\n                \n                                    <p>Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n                    <div id=\"tab-cont-6a292ddc1a924-3\" class=\"tab-pane fade\">\n                                    <strong>Tab 3 Content<\/strong>\n                \n                                    <p>Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor.<\/p>\n<p>Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.<\/p>\n                            <\/div>\n            <\/div>\n<\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t\n<div id=\"column-6a292ddc1c18b\" class=\"fw-col-sm-12\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-divider-space space-md\"  ><\/div>\t<\/div>\n<\/div><\/div>\n\n<div class=\"fw-row\">\n\t\n<div id=\"column-6a292ddc1ce68\" class=\"fw-col-sm-6\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-heading fw-heading-h5 fw-heading-left\">\n\t\t\t<h5 class=\"fw-special-title fw_theme_text_color_2\" >Boxed Panel Toggle (without color)<\/h5>\n\t\t\t<\/div><div class=\"toggleitem fw-toggle panel-default panel fw-toggle-boxed\">\n\t<div class=\"panel-heading\">\n\t\t<h4 class=\"panel-title\">\n\t\t\t<a class=\"panel-toggle collapsed\" data-toggle=\"collapse\" href=\"#toggle-6a292ddc1d9d2\"> Toggle Item #1 (click to show\/hide) <span class=\"fa icon-toggle\"><\/span><\/a>\n\t\t<\/h4>\n\t<\/div>\n\t<div id=\"toggle-6a292ddc1d9d2\" class=\"panel-collapse collapse\">\n\t\t<div class=\"panel-body\">\n\t\t\tLeggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"fw-divider-space space-sm\"  ><\/div><div class=\"fw-heading fw-heading-h5 fw-heading-left\">\n\t\t\t<h5 class=\"fw-special-title fw_theme_text_color_2\" >Boxed (panel-default)<\/h5>\n\t\t\t<\/div><div class=\"toggleitem fw-toggle panel-default panel fw-toggle-boxed opened\">\n\t<div class=\"panel-heading\">\n\t\t<h4 class=\"panel-title\">\n\t\t\t<a class=\"panel-toggle\" data-toggle=\"collapse\" href=\"#toggle-6a292ddc1e80a\"> Toggle Item #2 (default opened)  <span class=\"fa icon-toggle\"><\/span><\/a>\n\t\t<\/h4>\n\t<\/div>\n\t<div id=\"toggle-6a292ddc1e80a\" class=\"panel-collapse collapse\">\n\t\t<div class=\"panel-body\">\n\t\t\tLeggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"fw-divider-space space-sm\"  ><\/div><div class=\"fw-heading fw-heading-h5 fw-heading-left\">\n\t\t\t<h5 class=\"fw-special-title fw_theme_text_color_2\" >Simple Toggle Link<\/h5>\n\t\t\t<\/div><div class=\"toggleitem fw-toggle\">\n\t<div class=\"panel-heading\">\n\t\t<h4 class=\"panel-title\">\n\t\t\t<a class=\"panel-toggle collapsed\" data-toggle=\"collapse\" href=\"#toggle-6a292ddc1f831\"> Toggle Item #3 (click to show\/hide) <span class=\"fa icon-toggle\"><\/span><\/a>\n\t\t<\/h4>\n\t<\/div>\n\t<div id=\"toggle-6a292ddc1f831\" class=\"panel-collapse collapse\">\n\t\t<div class=\"panel-body\">\n\t\t\tLeggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.\t\t<\/div>\n\t<\/div>\n<\/div>\t<\/div>\n<\/div>\n<div id=\"column-6a292ddc208de\" class=\"fw-col-sm-6\" style=\" \">\n        <div class=\"fw-col-inner\" >\n\t\t<div class=\"fw-heading fw-heading-h5 fw-heading-left\">\n\t\t\t<h5 class=\"fw-special-title fw_theme_text_color_2\" >Toggle Colors<\/h5>\n\t\t\t<\/div><div class=\"toggleitem fw-toggle panel-default panel fw-toggle-boxed\">\n\t<div class=\"panel-heading\">\n\t\t<h4 class=\"panel-title\">\n\t\t\t<a class=\"panel-toggle collapsed\" data-toggle=\"collapse\" href=\"#toggle-6a292ddc2110d\"><i class=\"fa fa-user\"><\/i> panel-default <span class=\"fa icon-toggle\"><\/span><\/a>\n\t\t<\/h4>\n\t<\/div>\n\t<div id=\"toggle-6a292ddc2110d\" class=\"panel-collapse collapse\">\n\t\t<div class=\"panel-body\">\n\t\t\tLeggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"toggleitem fw-toggle panel-info panel fw-toggle-boxed\">\n\t<div class=\"panel-heading\">\n\t\t<h4 class=\"panel-title\">\n\t\t\t<a class=\"panel-toggle collapsed\" data-toggle=\"collapse\" href=\"#toggle-6a292ddc216af\"><i class=\"fa fa-suitcase\"><\/i> panel-info with icons <span class=\"fa icon-toggle\"><\/span><\/a>\n\t\t<\/h4>\n\t<\/div>\n\t<div id=\"toggle-6a292ddc216af\" class=\"panel-collapse collapse\">\n\t\t<div class=\"panel-body\">\n\t\t\tLeggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"toggleitem fw-toggle panel-success panel fw-toggle-boxed\">\n\t<div class=\"panel-heading\">\n\t\t<h4 class=\"panel-title\">\n\t\t\t<a class=\"panel-toggle collapsed\" data-toggle=\"collapse\" href=\"#toggle-6a292ddc21cde\"><i class=\"fa fa-flag-checkered\"><\/i>  panel-succes with icons <span class=\"fa icon-toggle\"><\/span><\/a>\n\t\t<\/h4>\n\t<\/div>\n\t<div id=\"toggle-6a292ddc21cde\" class=\"panel-collapse collapse\">\n\t\t<div class=\"panel-body\">\n\t\t\tLeggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"toggleitem fw-toggle panel-warning panel fw-toggle-boxed\">\n\t<div class=\"panel-heading\">\n\t\t<h4 class=\"panel-title\">\n\t\t\t<a class=\"panel-toggle collapsed\" data-toggle=\"collapse\" href=\"#toggle-6a292ddc22240\"><i class=\"fa fa-bullhorn\"><\/i> panel-warning  <span class=\"fa icon-toggle\"><\/span><\/a>\n\t\t<\/h4>\n\t<\/div>\n\t<div id=\"toggle-6a292ddc22240\" class=\"panel-collapse collapse\">\n\t\t<div class=\"panel-body\">\n\t\t\tLeggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"toggleitem fw-toggle panel-danger panel fw-toggle-boxed opened\">\n\t<div class=\"panel-heading\">\n\t\t<h4 class=\"panel-title\">\n\t\t\t<a class=\"panel-toggle\" data-toggle=\"collapse\" href=\"#toggle-6a292ddc227db\"><i class=\"fa fa-exclamation-triangle\"><\/i> panel-danger <span class=\"fa icon-toggle\"><\/span><\/a>\n\t\t<\/h4>\n\t<\/div>\n\t<div id=\"toggle-6a292ddc227db\" class=\"panel-collapse collapse\">\n\t\t<div class=\"panel-body\">\n\t\t\tLeggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.\t\t<\/div>\n\t<\/div>\n<\/div>\t<\/div>\n<\/div><\/div>\n\n\t<\/div>\n<\/section><\/p>","protected":false},"excerpt":{"rendered":"<p>SHORTCODES TABS &#038; TOGGLES Framed Tabs Tab 1 Tab 2 Tab 3 Tab 1 Content Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"visual-builder-template.php","meta":{"footnotes":""},"class_list":["post-1088","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/photographiesandmore.de\/en\/wp-json\/wp\/v2\/pages\/1088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/photographiesandmore.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/photographiesandmore.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/photographiesandmore.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/photographiesandmore.de\/en\/wp-json\/wp\/v2\/comments?post=1088"}],"version-history":[{"count":1,"href":"https:\/\/photographiesandmore.de\/en\/wp-json\/wp\/v2\/pages\/1088\/revisions"}],"predecessor-version":[{"id":3305,"href":"https:\/\/photographiesandmore.de\/en\/wp-json\/wp\/v2\/pages\/1088\/revisions\/3305"}],"wp:attachment":[{"href":"https:\/\/photographiesandmore.de\/en\/wp-json\/wp\/v2\/media?parent=1088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}