{"id":391,"date":"2015-03-25T23:41:35","date_gmt":"2015-03-25T23:41:35","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=391"},"modified":"2015-03-25T23:41:35","modified_gmt":"2015-03-25T23:41:35","slug":"collapses-tabs","status":"publish","type":"page","link":"https:\/\/test.innovative8.uk.com\/wp3\/collapses-tabs\/","title":{"rendered":"Collapses &#038; Tabs"},"content":{"rendered":"<section class=\"css-section\">\n<h2 class=\"section-title no-margin-top\">Tabs Navigation<\/h2>\n<div class=\"row\">\n<div class=\"col-md-8\">\n<h3>Light Gray Version<\/h3>\n<p>                        <!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs nav-tabs-ar\">\n<li class=\"active\"><a href=\"#home\" data-toggle=\"tab\">Home<\/a><\/li>\n<li><a href=\"#profile\" data-toggle=\"tab\">Profile<\/a><\/li>\n<li><a href=\"#messages\" data-toggle=\"tab\">Messages<\/a><\/li>\n<li><a href=\"#settings\" data-toggle=\"tab\">Settings<\/a><\/li>\n<\/ul>\n<p>                        <!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div class=\"tab-pane active\" id=\"home\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia perspiciatis beatae mollitia earum voluptatibus numquam inventore dolorem ipsa modi molestiae porro illum pariatur nisi eligendi laudantium architecto rerum deserunt distinctio repellendus sit quod nemo obcaecati laboriosam quibusdam.<\/div>\n<div class=\"tab-pane\" id=\"profile\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium quaerat unde mollitia maiores. Dignissimos, deleniti, eos, quibusdam quae voluptatibus obcaecati voluptatum iure quas voluptates cupiditate incidunt voluptate dolorem delectus exercitationem earum?<\/div>\n<div class=\"tab-pane\" id=\"messages\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque est beatae temporibus impedit deleniti explicabo ratione esse molestias maiores minima odit? Tempore, omnis, possimus praesentium minus iusto laboriosam vitae officiis deserunt voluptate odio.<\/div>\n<div class=\"tab-pane\" id=\"settings\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio provident nostrum ipsam aliquam voluptate officia voluptatem magni vitae nisi error maiores dolor natus at perferendis. Eligendi, a deserunt voluptatibus facere dolores rem molestias ad magnam!<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-md-4\">\n<h3>With Icons<\/h3>\n<p>                        <!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs nav-tabs-ar\">\n<li class=\"active\"><a href=\"#home3\" data-toggle=\"tab\"><i class=\"fa fa-star\"><\/i><\/a><\/li>\n<li><a href=\"#profile3\" data-toggle=\"tab\"><i class=\"fa fa-folder-open\"><\/i><\/a><\/li>\n<li><a href=\"#messages3\" data-toggle=\"tab\"><i class=\"fa fa-tags\"><\/i><\/a><\/li>\n<li><a href=\"#settings3\" data-toggle=\"tab\"><i class=\"fa fa-clock-o\"><\/i><\/a><\/li>\n<\/ul>\n<p>                        <!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div class=\"tab-pane active\" id=\"home3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia.<\/div>\n<div class=\"tab-pane\" id=\"profile3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium.<\/div>\n<div class=\"tab-pane\" id=\"messages3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque.<\/div>\n<div class=\"tab-pane\" id=\"settings3\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse1\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse1\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;!&#8211; Nav tabs &#8211;&gt;<br \/>\n&lt;ul class=&quot;nav nav-tabs nav-tabs-ar&quot;&gt;<br \/>\n&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#home3&quot; data-toggle=&quot;tab&quot;&gt;&lt;i class=&quot;fa fa-star&quot;&gt;&lt;\/i&gt;&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#profile3&quot; data-toggle=&quot;tab&quot;&gt;&lt;i class=&quot;fa fa-folder-open&quot;&gt;&lt;\/i&gt;&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#messages3&quot; data-toggle=&quot;tab&quot;&gt;&lt;i class=&quot;fa fa-tags&quot;&gt;&lt;\/i&gt;&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#settings3&quot; data-toggle=&quot;tab&quot;&gt;&lt;i class=&quot;fa fa-clock-o&quot;&gt;&lt;\/i&gt;&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;!&#8211; Tab panes &#8211;&gt;<br \/>\n&lt;div class=&quot;tab-content&quot;&gt;<br \/>\n&lt;div class=&quot;tab-pane active&quot; id=&quot;home3&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia.&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;profile3&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium.&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;messages3&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque.&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;settings3&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio.&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<h3>White Version<\/h3>\n<p>                <!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs nav-tabs-ar nav-tabs-ar-white\">\n<li class=\"active\"><a href=\"#home2\" data-toggle=\"tab\">Home<\/a><\/li>\n<li><a href=\"#profile2\" data-toggle=\"tab\">Profile<\/a><\/li>\n<li><a href=\"#messages2\" data-toggle=\"tab\">Messages<\/a><\/li>\n<li><a href=\"#settings2\" data-toggle=\"tab\">Settings<\/a><\/li>\n<\/ul>\n<p>                <!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div class=\"tab-pane active\" id=\"home2\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia perspiciatis beatae mollitia earum voluptatibus numquam inventore dolorem ipsa modi molestiae porro illum pariatur nisi eligendi laudantium architecto rerum deserunt distinctio repellendus sit quod nemo obcaecati laboriosam quibusdam.<\/div>\n<div class=\"tab-pane\" id=\"profile2\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium quaerat unde mollitia maiores. Dignissimos, deleniti, eos, quibusdam quae voluptatibus obcaecati voluptatum iure quas voluptates cupiditate incidunt voluptate dolorem delectus exercitationem earum?<\/div>\n<div class=\"tab-pane\" id=\"messages2\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque est beatae temporibus impedit deleniti explicabo ratione esse molestias maiores minima odit? Tempore, omnis, possimus praesentium minus iusto laboriosam vitae officiis deserunt voluptate odio.<\/div>\n<div class=\"tab-pane\" id=\"settings2\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio provident nostrum ipsam aliquam voluptate officia voluptatem magni vitae nisi error maiores dolor natus at perferendis. Eligendi, a deserunt voluptatibus facere dolores rem molestias ad magnam!<\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse2\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse2\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;!&#8211; Nav tabs &#8211;&gt;<br \/>\n&lt;ul class=&quot;nav nav-tabs nav-tabs-ar nav-tabs-ar-white&quot;&gt;<br \/>\n&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#home2&quot; data-toggle=&quot;tab&quot;&gt;Home&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#profile2&quot; data-toggle=&quot;tab&quot;&gt;Profile&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#messages2&quot; data-toggle=&quot;tab&quot;&gt;Messages&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#settings2&quot; data-toggle=&quot;tab&quot;&gt;Settings&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;!&#8211; Tab panes &#8211;&gt;<br \/>\n&lt;div class=&quot;tab-content&quot;&gt;<br \/>\n&lt;div class=&quot;tab-pane active&quot; id=&quot;home2&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia perspiciatis beatae mollitia earum voluptatibus numquam inventore dolorem ipsa modi molestiae porro illum pariatur nisi eligendi laudantium architecto rerum deserunt distinctio repellendus sit quod nemo obcaecati laboriosam quibusdam.&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;profile2&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium quaerat unde mollitia maiores. Dignissimos, deleniti, eos, quibusdam quae voluptatibus obcaecati voluptatum iure quas voluptates cupiditate incidunt voluptate dolorem delectus exercitationem earum?&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;messages2&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque est beatae temporibus impedit deleniti explicabo ratione esse molestias maiores minima odit? Tempore, omnis, possimus praesentium minus iusto laboriosam vitae officiis deserunt voluptate odio.&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;settings2&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio provident nostrum ipsam aliquam voluptate officia voluptatem magni vitae nisi error maiores dolor natus at perferendis. Eligendi, a deserunt voluptatibus facere dolores rem molestias ad magnam!&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><br \/>\n            <\/section>\n<section class=\"css-section\">\n<h2 class=\"section-title no-margin-top\">Bootstrap Basic Tabs<\/h2>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<h3>Square Tabs<\/h3>\n<p>                        <!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs\">\n<li class=\"active\"><a href=\"#home4\" data-toggle=\"tab\">Home<\/a><\/li>\n<li><a href=\"#profile4\" data-toggle=\"tab\">Profile<\/a><\/li>\n<li><a href=\"#messages4\" data-toggle=\"tab\">Messages<\/a><\/li>\n<li><a href=\"#settings4\" data-toggle=\"tab\">Settings<\/a><\/li>\n<\/ul>\n<p>                        <!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div class=\"tab-pane active\" id=\"home4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia perspiciatis beatae mollitia earum voluptatibus numquam inventore dolorem ipsa modi molestiae porro illum pariatur nisi eligendi laudantium architecto rerum deserunt distinctio repellendus sit quod nemo obcaecati laboriosam quibusdam.<\/div>\n<div class=\"tab-pane\" id=\"profile4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium quaerat unde mollitia maiores. Dignissimos, deleniti, eos, quibusdam quae voluptatibus obcaecati voluptatum iure quas voluptates cupiditate incidunt voluptate dolorem delectus exercitationem earum?<\/div>\n<div class=\"tab-pane\" id=\"messages4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque est beatae temporibus impedit deleniti explicabo ratione esse molestias maiores minima odit? Tempore, omnis, possimus praesentium minus iusto laboriosam vitae officiis deserunt voluptate odio.<\/div>\n<div class=\"tab-pane\" id=\"settings4\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio provident nostrum ipsam aliquam voluptate officia voluptatem magni vitae nisi error maiores dolor natus at perferendis. Eligendi, a deserunt voluptatibus facere dolores rem molestias ad magnam!<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-md-6\">\n<h3>Round Tabs<\/h3>\n<p>                        <!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs nav-tabs-round\">\n<li class=\"active\"><a href=\"#home5\" data-toggle=\"tab\">Home<\/a><\/li>\n<li><a href=\"#profile5\" data-toggle=\"tab\">Profile<\/a><\/li>\n<li><a href=\"#messages5\" data-toggle=\"tab\">Messages<\/a><\/li>\n<li><a href=\"#settings5\" data-toggle=\"tab\">Settings<\/a><\/li>\n<\/ul>\n<p>                        <!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div class=\"tab-pane active\" id=\"home5\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia perspiciatis beatae mollitia earum voluptatibus numquam inventore dolorem ipsa modi molestiae porro illum pariatur nisi eligendi laudantium architecto rerum deserunt distinctio repellendus sit quod nemo obcaecati laboriosam quibusdam.<\/div>\n<div class=\"tab-pane\" id=\"profile5\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium quaerat unde mollitia maiores. Dignissimos, deleniti, eos, quibusdam quae voluptatibus obcaecati voluptatum iure quas voluptates cupiditate incidunt voluptate dolorem delectus exercitationem earum?<\/div>\n<div class=\"tab-pane\" id=\"messages5\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque est beatae temporibus impedit deleniti explicabo ratione esse molestias maiores minima odit? Tempore, omnis, possimus praesentium minus iusto laboriosam vitae officiis deserunt voluptate odio.<\/div>\n<div class=\"tab-pane\" id=\"settings5\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio provident nostrum ipsam aliquam voluptate officia voluptatem magni vitae nisi error maiores dolor natus at perferendis. Eligendi, a deserunt voluptatibus facere dolores rem molestias ad magnam!<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse3\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse3\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;h3&gt;Square Tabs&lt;\/h3&gt;<br \/>\n&lt;!&#8211; Nav tabs &#8211;&gt;<br \/>\n&lt;ul class=&quot;nav nav-tabs&quot;&gt;<br \/>\n&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#home4&quot; data-toggle=&quot;tab&quot;&gt;Home&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#profile4&quot; data-toggle=&quot;tab&quot;&gt;Profile&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#messages4&quot; data-toggle=&quot;tab&quot;&gt;Messages&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#settings4&quot; data-toggle=&quot;tab&quot;&gt;Settings&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;!&#8211; Tab panes &#8211;&gt;<br \/>\n&lt;div class=&quot;tab-content&quot;&gt;<br \/>\n&lt;div class=&quot;tab-pane active&quot; id=&quot;home4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia perspiciatis beatae mollitia earum voluptatibus numquam inventore dolorem ipsa modi molestiae porro illum pariatur nisi eligendi laudantium architecto rerum deserunt distinctio repellendus sit quod nemo obcaecati laboriosam quibusdam.&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;profile4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium quaerat unde mollitia maiores. Dignissimos, deleniti, eos, quibusdam quae voluptatibus obcaecati voluptatum iure quas voluptates cupiditate incidunt voluptate dolorem delectus exercitationem earum?&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;messages4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque est beatae temporibus impedit deleniti explicabo ratione esse molestias maiores minima odit? Tempore, omnis, possimus praesentium minus iusto laboriosam vitae officiis deserunt voluptate odio.&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;settings4&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio provident nostrum ipsam aliquam voluptate officia voluptatem magni vitae nisi error maiores dolor natus at perferendis. Eligendi, a deserunt voluptatibus facere dolores rem molestias ad magnam!&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<\/p>\n<p>&lt;h3&gt;Round Tabs&lt;\/h3&gt;<br \/>\n&lt;!&#8211; Nav tabs &#8211;&gt;<br \/>\n&lt;ul class=&quot;nav nav-tabs nav-tabs-round&quot;&gt;<br \/>\n&lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#home5&quot; data-toggle=&quot;tab&quot;&gt;Home&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#profile5&quot; data-toggle=&quot;tab&quot;&gt;Profile&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#messages5&quot; data-toggle=&quot;tab&quot;&gt;Messages&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;li&gt;&lt;a href=&quot;#settings5&quot; data-toggle=&quot;tab&quot;&gt;Settings&lt;\/a&gt;&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<\/p>\n<p>&lt;!&#8211; Tab panes &#8211;&gt;<br \/>\n&lt;div class=&quot;tab-content&quot;&gt;<br \/>\n&lt;div class=&quot;tab-pane active&quot; id=&quot;home5&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia perspiciatis beatae mollitia earum voluptatibus numquam inventore dolorem ipsa modi molestiae porro illum pariatur nisi eligendi laudantium architecto rerum deserunt distinctio repellendus sit quod nemo obcaecati laboriosam quibusdam.&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;profile5&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium quaerat unde mollitia maiores. Dignissimos, deleniti, eos, quibusdam quae voluptatibus obcaecati voluptatum iure quas voluptates cupiditate incidunt voluptate dolorem delectus exercitationem earum?&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;messages5&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque est beatae temporibus impedit deleniti explicabo ratione esse molestias maiores minima odit? Tempore, omnis, possimus praesentium minus iusto laboriosam vitae officiis deserunt voluptate odio.&lt;\/div&gt;<br \/>\n&lt;div class=&quot;tab-pane&quot; id=&quot;settings5&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio provident nostrum ipsam aliquam voluptate officia voluptatem magni vitae nisi error maiores dolor natus at perferendis. Eligendi, a deserunt voluptatibus facere dolores rem molestias ad magnam!&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n                            [\/xml]\n                        <\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><br \/>\n            <\/section>\n<section class=\"css-section\">\n<h2 class=\"section-title\">Collapses<\/h2>\n<div class=\"panel-group\" id=\"accordion\">\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapseOne\"><br \/>\n                          Collapsible Group Item #1<br \/>\n                        <\/a>\n                    <\/div>\n<div id=\"collapseOne\" class=\"panel-collapse collapse in\">\n<div class=\"panel-body\">\n                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapseTwo\" class=\"collapsed\"><br \/>\n                          Collapsible Group Item #2<br \/>\n                        <\/a>\n                    <\/div>\n<div id=\"collapseTwo\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapseThree\" class=\"collapsed\"><br \/>\n                          Collapsible Group Item #3<br \/>\n                        <\/a>\n                    <\/div>\n<div id=\"collapseThree\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse4\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse4\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;div class=&quot;panel-group&quot; id=&quot;accordion&quot;&gt;<br \/>\n&lt;div class=&quot;panel panel-default&quot;&gt;<br \/>\n&lt;div class=&quot;panel-heading panel-heading-link&quot;&gt;<br \/>\n    &lt;a data-toggle=&quot;collapse&quot; data-parent=&quot;#accordion&quot; href=&quot;#collapseOne&quot;&gt;<br \/>\n        Collapsible Group Item #1<br \/>\n    &lt;\/a&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div id=&quot;collapseOne&quot; class=&quot;panel-collapse collapse in&quot;&gt;<br \/>\n    &lt;div class=&quot;panel-body&quot;&gt;<br \/>\n        &#8230;<br \/>\n    &lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div class=&quot;panel panel-default&quot;&gt;<br \/>\n&lt;div class=&quot;panel-heading panel-heading-link&quot;&gt;<br \/>\n    &lt;a data-toggle=&quot;collapse&quot; data-parent=&quot;#accordion&quot; href=&quot;#collapseTwo&quot; class=&quot;collapsed&quot;&gt;<br \/>\n        Collapsible Group Item #2<br \/>\n    &lt;\/a&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div id=&quot;collapseTwo&quot; class=&quot;panel-collapse collapse&quot;&gt;<br \/>\n    &lt;div class=&quot;panel-body&quot;&gt;<br \/>\n        &#8230;<br \/>\n    &lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&#8230;<br \/>\n&lt;\/div&gt;<br \/>\n                            [\/xml]\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<h3>Color Options<\/h3>\n<div class=\"panel-group\" id=\"accordion5\">\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading panel-heading-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordion5\" href=\"#c1\"><br \/>\n                                  Collapsible Group Item #1<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"c1\" class=\"panel-collapse collapse in\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-success\">\n<div class=\"panel-heading panel-heading-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordion5\" href=\"#c2\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #2<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"c2\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-warning\">\n<div class=\"panel-heading panel-heading-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordion5\" href=\"#c3\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #3<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"c3\" class=\"panel-danger collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-info\">\n<div class=\"panel-heading panel-heading-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordion5\" href=\"#c4\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #4<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"c4\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-royal\">\n<div class=\"panel-heading panel-heading-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordion5\" href=\"#c5\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #5<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"c5\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-md-6\">\n<h3>Dark Colors<\/h3>\n<div class=\"panel-group\" id=\"accordion6\">\n<div class=\"panel panel-primary-dark\">\n<div class=\"panel-heading panel-heading-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordion6\" href=\"#c11\"><br \/>\n                                  Collapsible Group Item #1<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"c11\" class=\"panel-collapse collapse in\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-success-dark\">\n<div class=\"panel-heading panel-heading-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordion6\" href=\"#c12\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #2<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"c12\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-warning-dark\">\n<div class=\"panel-heading panel-heading-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordion6\" href=\"#c13\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #3<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"c13\" class=\"panel-danger collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-info-dark\">\n<div class=\"panel-heading panel-heading-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordion6\" href=\"#c14\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #4<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"c14\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-royal-dark\">\n<div class=\"panel-heading panel-heading-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordion6\" href=\"#c15\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #5<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"c15\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"css-section\">\n<h2 class=\"section-title\">Alternative Collapse<\/h2>\n<div class=\"panel-group\" id=\"accordioncc\">\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading panel-plus-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordioncc\" href=\"#cc1\"><br \/>\n                          Collapsible Group Item #1<br \/>\n                        <\/a>\n                    <\/div>\n<div id=\"cc1\" class=\"panel-collapse collapse in\">\n<div class=\"panel-body\">\n                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading panel-plus-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordioncc\" href=\"#cc2\" class=\"collapsed\"><br \/>\n                          Collapsible Group Item #2<br \/>\n                        <\/a>\n                    <\/div>\n<div id=\"cc2\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading panel-plus-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordioncc\" href=\"#cc3\" class=\"collapsed\"><br \/>\n                          Collapsible Group Item #3<br \/>\n                        <\/a>\n                    <\/div>\n<div id=\"cc3\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse5\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse5\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n                            [xml]<br \/>\n&lt;div class=&quot;panel-group&quot; id=&quot;accordion&quot;&gt;<br \/>\n&lt;div class=&quot;panel panel-primary&quot;&gt;<br \/>\n&lt;div class=&quot;panel-heading panel-plus-link&quot;&gt;<br \/>\n    &lt;a data-toggle=&quot;collapse&quot; data-parent=&quot;#accordion&quot; href=&quot;#collapseOne&quot;&gt;<br \/>\n        Collapsible Group Item #1<br \/>\n    &lt;\/a&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div id=&quot;collapseOne&quot; class=&quot;panel-collapse collapse in&quot;&gt;<br \/>\n    &lt;div class=&quot;panel-body&quot;&gt;<br \/>\n        &#8230;<br \/>\n    &lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div class=&quot;panel panel-primary&quot;&gt;<br \/>\n&lt;div class=&quot;panel-heading panel-plus-link&quot;&gt;<br \/>\n    &lt;a data-toggle=&quot;collapse&quot; data-parent=&quot;#accordion&quot; href=&quot;#collapseTwo&quot; class=&quot;collapsed&quot;&gt;<br \/>\n        Collapsible Group Item #2<br \/>\n    &lt;\/a&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;div id=&quot;collapseTwo&quot; class=&quot;panel-collapse collapse&quot;&gt;<br \/>\n    &lt;div class=&quot;panel-body&quot;&gt;<br \/>\n        &#8230;<br \/>\n    &lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&lt;\/div&gt;<br \/>\n&#8230;<br \/>\n&lt;\/div&gt;<br \/>\n                            [\/xml]\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<h3>Color Options<\/h3>\n<div class=\"panel-group\" id=\"accordioncc1\">\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc1\" href=\"#cc11\"><br \/>\n                                  Collapsible Group Item #1<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc11\" class=\"panel-collapse collapse in\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-info\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc1\" href=\"#cc22\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #2<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc22\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-success\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc1\" href=\"#cc33\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #3<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc33\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-warning\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc1\" href=\"#cc44\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #3<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc44\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-danger\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc1\" href=\"#cc55\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #3<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc55\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-royal\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc1\" href=\"#cc66\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #3<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc66\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-md-6\">\n<h3>Dark Colors<\/h3>\n<div class=\"panel-group\" id=\"accordioncc3\">\n<div class=\"panel panel-primary-dark\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc3\" href=\"#cc111\"><br \/>\n                                  Collapsible Group Item #1<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc111\" class=\"panel-collapse collapse in\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-info-dark\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc3\" href=\"#cc222\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #2<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc222\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-success-dark\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc3\" href=\"#cc333\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #3<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc333\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-warning-dark\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc3\" href=\"#cc444\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #1<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc444\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-danger-dark\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc3\" href=\"#cc555\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #2<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc555\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"panel panel-royal-dark\">\n<div class=\"panel-heading panel-plus-link\">\n                                <a data-toggle=\"collapse\" data-parent=\"#accordioncc3\" href=\"#cc666\" class=\"collapsed\"><br \/>\n                                  Collapsible Group Item #3<br \/>\n                                <\/a>\n                            <\/div>\n<div id=\"cc666\" class=\"panel-collapse collapse\">\n<div class=\"panel-body\">\n                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 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. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.\n                              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"css-section\">\n<h2 class=\"section-title\">Collapse Menu<\/h2>\n<div class=\"row\">\n<div class=\"col-md-6 col-md-push-6\">\n<h3>Their content, organized<\/h3>\n<p>You can use the menu to create collapsable sidebars with much content. Perfect for documents or sites with many sections.<\/p>\n<p class=\"alert alert-info\">You can also make other elements to contract when you open an item.<\/p>\n<\/p><\/div>\n<div class=\"col-md-6 col-md-pull-6\">\n<ul class=\"sidebar-nav\">\n<li class=\"active\">\n                                <a data-toggle=\"collapse\" href=\"#col1\"><i class=\"fa fa-css3\"><\/i> Item one<\/a><\/p>\n<ul id=\"col1\" class=\"menu-submenu list-unstyled collapse in\">\n<li><a href=\"#\"><i class=\"fa fa-font\"><\/i>SubItem one<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-html5\"><\/i>Subitem Two<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-folder\"><\/i>Subitem Three<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-tags\"><\/i>Subitem Four<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-clock-o\"><\/i>Subitem Five<\/a><\/li>\n<\/ul>\n<\/li>\n<li>\n                                <a data-toggle=\"collapse\" href=\"#col2\" class=\"collapsed\"><i class=\"fa fa-tasks\"><\/i> Item Two<\/a><\/p>\n<ul id=\"col2\" class=\"menu-submenu list-unstyled collapse\">\n<li><a href=\"#\"><i class=\"fa fa-font\"><\/i>SubItem one<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-html5\"><\/i>Subitem Two<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-folder\"><\/i>Subitem Three<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-tags\"><\/i>Subitem Four<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-clock-o\"><\/i>Subitem Five<\/a><\/li>\n<\/ul>\n<\/li>\n<li>\n                                <a data-toggle=\"collapse\" href=\"#col3\" class=\"collapsed\"><i class=\"fa fa-bell-o\"><\/i> Item Three<\/a><\/p>\n<ul id=\"col3\" class=\"menu-submenu list-unstyled collapse\">\n<li><a href=\"#\"><i class=\"fa fa-font\"><\/i>SubItem one<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-html5\"><\/i>Subitem Two<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-folder\"><\/i>Subitem Three<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-tags\"><\/i>Subitem Four<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-clock-o\"><\/i>Subitem Five<\/a><\/li>\n<\/ul>\n<\/li>\n<li>\n                                <a data-toggle=\"collapse\" href=\"#col4\" class=\"collapsed\"><i class=\"fa fa-desktop\"><\/i> Item Four<\/a><\/p>\n<ul id=\"col4\" class=\"menu-submenu list-unstyled collapse\">\n<li><a href=\"#\"><i class=\"fa fa-font\"><\/i>SubItem one<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-html5\"><\/i>Subitem Two<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-folder\"><\/i>Subitem Three<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-tags\"><\/i>Subitem Four<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-clock-o\"><\/i>Subitem Five<\/a><\/li>\n<\/ul>\n<\/li>\n<li>\n                                <a data-toggle=\"collapse\" href=\"#col5\" class=\"collapsed\"><i class=\"fa fa-group\"><\/i> Item Five<\/a><\/p>\n<ul id=\"col5\" class=\"menu-submenu list-unstyled collapse\">\n<li><a href=\"#\"><i class=\"fa fa-font\"><\/i>SubItem one<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-html5\"><\/i>Subitem Two<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-folder\"><\/i>Subitem Three<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-tags\"><\/i>Subitem Four<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-clock-o\"><\/i>Subitem Five<\/a><\/li>\n<\/ul>\n<\/li>\n<li>\n                                <a data-toggle=\"collapse\" href=\"#col6\" class=\"collapsed\"><i class=\"fa fa-flag\"><\/i> Item Six<\/a><\/p>\n<ul id=\"col6\" class=\"menu-submenu list-unstyled collapse\">\n<li><a href=\"#\"><i class=\"fa fa-font\"><\/i>SubItem one<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-html5\"><\/i>Subitem Two<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-folder\"><\/i>Subitem Three<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-tags\"><\/i>Subitem Four<\/a><\/li>\n<li><a href=\"#\"><i class=\"fa fa-clock-o\"><\/i>Subitem Five<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Tabs Navigation Light Gray Version Home Profile Messages Settings Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia perspiciatis beatae mollitia earum voluptatibus numquam inventore dolorem ipsa modi molestiae porro illum pariatur nisi eligendi laudantium architecto rerum deserunt distinctio repellendus sit quod nemo obcaecati laboriosam quibusdam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium quaerat unde mollitia maiores. Dignissimos, deleniti, eos, quibusdam quae voluptatibus obcaecati voluptatum iure quas voluptates cupiditate incidunt voluptate dolorem delectus exercitationem earum? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque est beatae temporibus impedit deleniti explicabo ratione esse molestias maiores minima odit? Tempore, omnis, possimus praesentium minus iusto laboriosam vitae officiis deserunt voluptate odio. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio provident nostrum ipsam aliquam voluptate officia voluptatem magni vitae nisi error maiores dolor natus at perferendis. Eligendi, a deserunt voluptatibus facere dolores rem molestias ad magnam! With Icons Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio. Show Code [xml] &lt;!&#8211; Nav tabs &#8211;&gt; &lt;ul class=&quot;nav nav-tabs nav-tabs-ar&quot;&gt; &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;#home3&quot; data-toggle=&quot;tab&quot;&gt;&lt;i class=&quot;fa fa-star&quot;&gt;&lt;\/i&gt;&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#profile3&quot; data-toggle=&quot;tab&quot;&gt;&lt;i class=&quot;fa fa-folder-open&quot;&gt;&lt;\/i&gt;&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#messages3&quot; data-toggle=&quot;tab&quot;&gt;&lt;i class=&quot;fa fa-tags&quot;&gt;&lt;\/i&gt;&lt;\/a&gt;&lt;\/li&gt; &lt;li&gt;&lt;a href=&quot;#settings3&quot; data-toggle=&quot;tab&quot;&gt;&lt;i class=&quot;fa fa-clock-o&quot;&gt;&lt;\/i&gt;&lt;\/a&gt;&lt;\/li&gt; &lt;\/ul&gt; &lt;!&#8211; Tab panes &#8211;&gt; &lt;div class=&quot;tab-content&quot;&gt; &lt;div class=&quot;tab-pane active&quot; id=&quot;home3&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia.&lt;\/div&gt; &lt;div class=&quot;tab-pane&quot; id=&quot;profile3&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, at, laboriosam, possimus, nam rem quia reiciendis sit vel totam id eum quasi aperiam officiis omnis ipsum quo praesentium.&lt;\/div&gt; &lt;div class=&quot;tab-pane&quot; id=&quot;messages3&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ipsam, distinctio, ea quas quam mollitia enim dolorem aliquam laboriosam exercitationem ullam iste quis possimus aut atque.&lt;\/div&gt; &lt;div class=&quot;tab-pane&quot; id=&quot;settings3&quot;&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, blanditiis, ea quam minus aliquid libero quibusdam eos incidunt quo accusantium itaque veritatis reprehenderit optio.&lt;\/div&gt; &lt;\/div&gt; [\/xml] White Version Home Profile Messages Settings Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, consequuntur error ad sint accusantium molestias recusandae esse culpa doloremque labore fuga officia perspiciatis beatae mollitia earum voluptatibus numquam inventore dolorem ipsa modi molestiae [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-left-menu.php","meta":{"footnotes":""},"class_list":["post-391","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/comments?post=391"}],"version-history":[{"count":0,"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/pages\/391\/revisions"}],"wp:attachment":[{"href":"https:\/\/test.innovative8.uk.com\/wp3\/wp-json\/wp\/v2\/media?parent=391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}