{"id":739,"date":"2019-05-10T10:58:29","date_gmt":"2019-05-10T10:58:29","guid":{"rendered":"http:\/\/localhost\/quanto\/?page_id=739"},"modified":"2019-05-10T10:58:29","modified_gmt":"2019-05-10T10:58:29","slug":"tab","status":"publish","type":"page","link":"https:\/\/wpdemo2.vegatheme.com\/quanto\/tab\/","title":{"rendered":"Tab"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1557485253570{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1557485429785{margin-bottom: 24px !important;}&#8221;][vc_custom_heading text=&#8221;Basic Tabs&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1557486085564{margin-bottom: 0px !important;}&#8221;]Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface..[\/vc_column_text][\/vc_column][vc_column css=&#8221;.vc_custom_1557716075576{margin-bottom: 48px !important;}&#8221;]        <div class=\"tab-regular \">\n        <ul class=\"nav nav-tabs \" id=\"myTab-1623793\" role=\"tablist\">\n                    <li class=\"nav-item\">\n                <a class=\"nav-link active\" id=\"tab-1\" data-toggle=\"tab\" href=\"#home-1\" role=\"tab\" aria-controls=\"home-1\" aria-selected=\"true\">Tab Title #1<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"tab-2\" data-toggle=\"tab\" href=\"#home-2\" role=\"tab\" aria-controls=\"home-2\" aria-selected=\"true\">Tab Title #2<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"tab-3\" data-toggle=\"tab\" href=\"#home-3\" role=\"tab\" aria-controls=\"home-3\" aria-selected=\"true\">Tab Title #3<\/a>\n            <\/li>\n                <\/ul>\n        <div class=\"tab-content\" id=\"myTabContent-1623793\">\n                    <div class=\"tab-pane fade show active\" id=\"home-1\" role=\"tabpanel\" aria-labelledby=\"tab-1\">\n                                <p class=\"lead\"> All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. <\/p>\n                                        <p>Phasellus non ante gravida, ultricies neque a, fermentum leo. Etiam ornare enim arcu, at venenatis odio mollis quis. Mauris fermentum elementum ligula in efficitur. Aliquam id congue lorem. Proin consectetur feugiasse platea dictumst. Pellentesque sed justo aliquet, posuere sem nec, elementum ante.<\/p>                <a class=\"btn btn-secondary btn-rounded\" href=\"#\" target=\"_self\">Go somewhere<\/a>            <\/div>\n                    <div class=\"tab-pane fade \" id=\"home-2\" role=\"tabpanel\" aria-labelledby=\"tab-2\">\n                <h3>Tab Content Heading<\/h3>                <p>Nullam et tellus ac ligula condimentum sodales. Aenean tincidunt viverra suscipit. Maecenas id molestie est, a commodo nisi. Quisque fringilla turpis nec elit eleifend vestibulum. Aliquam sed purus in odio ullamcorper congue consectetur in neque. Aenean sem ex, tempor et auctor sed, congue id neque. <\/p>                            <\/div>\n                    <div class=\"tab-pane fade \" id=\"home-3\" role=\"tabpanel\" aria-labelledby=\"tab-3\">\n                <h3>Tab Heading Content<\/h3>                <p>Vivamus pellentesque vestibulum lectus vitae auctor. Maecenas eu sodales arcu. Fusce lobortis, libero ac cursus feugiat, nibh ex ultricies tortor, id dictum massa nisl ac nisi. Fusce a eros pellentesque, ultricies urna nec, consectetur dolor. Nam dapibus scelerisque risus, a commodo mi tempus eu.<\/p>                            <\/div>\n                <\/div>\n    <\/div>\n        [\/vc_column][vc_column css=&#8221;.vc_custom_1557716135491{margin-bottom: 24px !important;}&#8221;][vc_custom_heading text=&#8221;Vertical tabs&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1557716128518{margin-bottom: 0px !important;}&#8221;]Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface..[\/vc_column_text][\/vc_column][vc_column css=&#8221;.vc_custom_1557717464346{margin-bottom: 48px !important;}&#8221;]        <div class=\"tab-vertical \">\n        <ul class=\"nav nav-tabs \" id=\"myTab3-7222511\" role=\"tablist\">\n                    <li class=\"nav-item\">\n                <a class=\"nav-link active\" id=\"home-vertical-tab-1\" data-toggle=\"tab\" href=\"#home-vertical-1\" role=\"tab\" aria-controls=\"home-1\" aria-selected=\"true\">Tab Title #1<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"home-vertical-tab-2\" data-toggle=\"tab\" href=\"#home-vertical-2\" role=\"tab\" aria-controls=\"home-2\" aria-selected=\"true\">Tab Title #2<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"home-vertical-tab-3\" data-toggle=\"tab\" href=\"#home-vertical-3\" role=\"tab\" aria-controls=\"home-3\" aria-selected=\"true\">Tab Title #3<\/a>\n            <\/li>\n                <\/ul>\n        <div class=\"tab-content\" id=\"myTabContent3-7222511\">\n                    <div class=\"tab-pane fade show active\" id=\"home-vertical-1\" role=\"tabpanel\" aria-labelledby=\"home-vertical-tab-1\">\n                                <p class=\"lead\"> All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. <\/p>\n                                        <p>Phasellus non ante gravida, ultricies neque a, fermentum leo. Etiam ornare enim arcu, at venenatis odio mollis quis. Mauris fermentum elementum ligula in efficitur. Aliquam id congue lorem. Proin consectetur feugiasse platea dictumst. Pellentesque sed justo aliquet, posuere sem nec, elementum ante.<\/p>                <a class=\"btn btn-secondary btn-rounded\" href=\"#\" target=\"_self\">Go somewhere<\/a>            <\/div>\n                    <div class=\"tab-pane fade \" id=\"home-vertical-2\" role=\"tabpanel\" aria-labelledby=\"home-vertical-tab-2\">\n                <h3>Tab Content Heading<\/h3>                <p>Nullam et tellus ac ligula condimentum sodales. Aenean tincidunt viverra suscipit. Maecenas id molestie est, a commodo nisi. Quisque fringilla turpis nec elit eleifend vestibulum. Aliquam sed purus in odio ullamcorper congue consectetur in neque. Aenean sem ex, tempor et auctor sed, congue id neque. <\/p>\n                                        <p> Fusce a eros pellentesque, ultricies urna nec, consectetur dolor. Nam dapibus scelerisque risus, a commodo mi tempus eu.<\/p>                            <\/div>\n                    <div class=\"tab-pane fade \" id=\"home-vertical-3\" role=\"tabpanel\" aria-labelledby=\"home-vertical-tab-3\">\n                <h3>Tab Heading Content<\/h3>                <p>Vivamus pellentesque vestibulum lectus vitae auctor. Maecenas eu sodales arcu. Fusce lobortis, libero ac cursus feugiat, nibh ex ultricies tortor, id dictum massa nisl ac nisi. Fusce a eros pellentesque, ultricies urna nec, consectetur dolor. Nam dapibus scelerisque risus, a commodo mi tempus eu.<\/p>\n                                        <p> Fusce a eros pellentesque, ultricies urna nec, consectetur dolor. Nam dapibus scelerisque risus, a commodo mi tempus eu.<\/p>                            <\/div>\n                <\/div>\n    <\/div>\n        [\/vc_column][vc_column css=&#8221;.vc_custom_1557717774516{margin-bottom: 24px !important;}&#8221;][vc_custom_heading text=&#8221;Simple Card Tabs&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1557717766014{margin-bottom: 0px !important;}&#8221;]Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface..[\/vc_column_text][\/vc_column][vc_column css=&#8221;.vc_custom_1557719219425{margin-bottom: 48px !important;}&#8221;]        <div class=\"simple-card \">\n        <ul class=\"nav nav-tabs \" id=\"myTab5-1239775\" role=\"tablist\">\n                    <li class=\"nav-item\">\n                <a class=\"nav-link active border-left-0\" id=\"home-tab-simple-1\" data-toggle=\"tab\" href=\"#tab-simple-1\" role=\"tab\" aria-controls=\"tab-simple-1\" aria-selected=\"true\">Tab Title #1<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"home-tab-simple-2\" data-toggle=\"tab\" href=\"#tab-simple-2\" role=\"tab\" aria-controls=\"tab-simple-2\" aria-selected=\"true\">Tab Title #2<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"home-tab-simple-3\" data-toggle=\"tab\" href=\"#tab-simple-3\" role=\"tab\" aria-controls=\"tab-simple-3\" aria-selected=\"true\">Tab Title #3<\/a>\n            <\/li>\n                <\/ul>\n        <div class=\"tab-content\" id=\"myTabContent5-1239775\">\n                    <div class=\"tab-pane fade show active\" id=\"tab-simple-1\" role=\"tabpanel\" aria-labelledby=\"home-tab-simple-1\">\n                                <p class=\"lead\"> All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. <\/p>\n                                        <p>Phasellus non ante gravida, ultricies neque a, fermentum leo. Etiam ornare enim arcu, at venenatis odio mollis quis. Mauris fermentum elementum ligula in efficitur. Aliquam id congue lorem. Proin consectetur feugiasse platea dictumst. Pellentesque sed justo aliquet, posuere sem nec, elementum ante.<\/p>                <a class=\"btn btn-secondary btn-rounded\" href=\"#\" target=\"_self\">Go somewhere<\/a>            <\/div>\n                    <div class=\"tab-pane fade \" id=\"tab-simple-2\" role=\"tabpanel\" aria-labelledby=\"home-tab-simple-2\">\n                                <p>Nullam et tellus ac ligula condimentum sodales. Aenean tincidunt viverra suscipit. Maecenas id molestie est, a commodo nisi. Quisque fringilla turpis nec elit eleifend vestibulum. Aliquam sed purus in odio ullamcorper congue consectetur in neque. Aenean sem ex, tempor et auctor sed, congue id neque. <\/p>                            <\/div>\n                    <div class=\"tab-pane fade \" id=\"tab-simple-3\" role=\"tabpanel\" aria-labelledby=\"home-tab-simple-3\">\n                                <p>Vivamus pellentesque vestibulum lectus vitae auctor. Maecenas eu sodales arcu. Fusce lobortis, libero ac cursus feugiat, nibh ex ultricies tortor, id dictum massa nisl ac nisi. Fusce a eros pellentesque, ultricies urna nec, consectetur dolor. Nam dapibus scelerisque risus, a commodo mi tempus eu.<\/p>                            <\/div>\n                <\/div>\n    <\/div>\n        [\/vc_column][vc_column css=&#8221;.vc_custom_1557720187324{margin-bottom: 24px !important;}&#8221;][vc_custom_heading text=&#8221;Pills tabs&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1557719875091{margin-bottom: 0px !important;}&#8221;]Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface..[\/vc_column_text][\/vc_column][vc_column css=&#8221;.vc_custom_1557720191204{margin-bottom: 48px !important;}&#8221;]        <div class=\"pills-regular \">\n        <ul class=\"nav nav-pills mb-1 \" id=\"pills-tab-3079868\" role=\"tablist\">\n                    <li class=\"nav-item\">\n                <a class=\"nav-link active\" id=\"pills-home-tab-1\" data-toggle=\"pill\" href=\"#pills-home-1\" role=\"tab\" aria-controls=\"pills-1\" aria-selected=\"true\">Tab Title #1<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"pills-home-tab-2\" data-toggle=\"pill\" href=\"#pills-home-2\" role=\"tab\" aria-controls=\"pills-2\" aria-selected=\"true\">Tab Title #2<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"pills-home-tab-3\" data-toggle=\"pill\" href=\"#pills-home-3\" role=\"tab\" aria-controls=\"pills-3\" aria-selected=\"true\">Tab Title #3<\/a>\n            <\/li>\n                <\/ul>\n        <div class=\"tab-content\" id=\"myTabContent5-3079868\">\n                    <div class=\"tab-pane fade show active\" id=\"pills-home-1\" role=\"tabpanel\" aria-labelledby=\"pills-home-tab-1\">\n                                <p>Phasellus non ante gravida, ultricies neque a, fermentum leo. Etiam ornare enim arcu, at venenatis odio mollis quis. Mauris fermentum elementum ligula in efficitur. Aliquam id congue lorem. Proin consectetur feugiat enim ut luctus. Aliquam pellentesque ut tellus ultricies bibendum. In hac habitasse platea dictumst. Pellentesque sed justo aliquet, posuere sem nec, elementum ante. Vestibulum dui tortor, consectetur quis sagittis vitae, dapibus ut magna. Cras ante dui, tincidunt et turpis vel, suscipit viverra eros. Ut auctor augue feugiat hendrerit feugiat.<\/p>                            <\/div>\n                    <div class=\"tab-pane fade \" id=\"pills-home-2\" role=\"tabpanel\" aria-labelledby=\"pills-home-tab-2\">\n                                <p>Nullam et tellus ac ligula condimentum sodales. Aenean tincidunt viverra suscipit. Maecenas id molestie est, a commodo nisi. Quisque fringilla turpis nec elit eleifend vestibulum. Aliquam sed purus in odio ullamcorper congue consectetur in neque. Aenean sem ex, tempor et auctor sed, congue id neque. <\/p>                            <\/div>\n                    <div class=\"tab-pane fade \" id=\"pills-home-3\" role=\"tabpanel\" aria-labelledby=\"pills-home-tab-3\">\n                                <p>Vivamus pellentesque vestibulum lectus vitae auctor. Maecenas eu sodales arcu. Fusce lobortis, libero ac cursus feugiat, nibh ex ultricies tortor, id dictum massa nisl ac nisi. Fusce a eros pellentesque, ultricies urna nec, consectetur dolor. Nam dapibus scelerisque risus, a commodo mi tempus eu.<\/p>                            <\/div>\n                <\/div>\n    <\/div>\n        [\/vc_column][vc_column css=&#8221;.vc_custom_1557720229570{margin-bottom: 24px !important;}&#8221;][vc_custom_heading text=&#8221;Vertical Pills tabs&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1557720225229{margin-bottom: 0px !important;}&#8221;]Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface..[\/vc_column_text][\/vc_column][vc_column css=&#8221;.vc_custom_1557720233830{margin-bottom: 48px !important;}&#8221;]        <div class=\"pills-vertical \">\n        <div class=\"row\">\n            <div class=\"col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12\">\n                <div class=\"nav flex-column nav-pills\" id=\"v-pills-tab-2130605\" role=\"tablist\" aria-orientation=\"vertical\">\n                                    <a class=\"nav-link active\" id=\"v-pills-home-tab-1\" data-toggle=\"pill\" href=\"#v-pills-home-1\" role=\"tab\" aria-controls=\"v-pills-home-1\" aria-selected=\"true\">Tab Title #1<\/a>\n                                    <a class=\"nav-link \" id=\"v-pills-home-tab-2\" data-toggle=\"pill\" href=\"#v-pills-home-2\" role=\"tab\" aria-controls=\"v-pills-home-2\" aria-selected=\"true\">Tab Title #2<\/a>\n                                    <a class=\"nav-link \" id=\"v-pills-home-tab-3\" data-toggle=\"pill\" href=\"#v-pills-home-3\" role=\"tab\" aria-controls=\"v-pills-home-3\" aria-selected=\"true\">Tab Title #3<\/a>\n                                    <a class=\"nav-link \" id=\"v-pills-home-tab-4\" data-toggle=\"pill\" href=\"#v-pills-home-4\" role=\"tab\" aria-controls=\"v-pills-home-4\" aria-selected=\"true\">Tab Title #4<\/a>\n                                <\/div>\n            <\/div>\n            <div class=\"col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12 \">\n                <div class=\"tab-content\" id=\"v-pills-tabContent-2130605\">\n                                    <div class=\"tab-pane fade show active\" id=\"v-pills-home-1\" role=\"tabpanel\" aria-labelledby=\"v-pills-home-tab-1\">\n                                                <p class=\"lead\"> All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. <\/p>\n                                        <p>Phasellus non ante gravida, ultricies neque a, fermentum leo. Etiam ornare enim arcu, at venenatis odio mollis quis. Mauris fermentum elementum ligula in efficitur. Aliquam id congue lorem. Proin consectetur feugiasse platea dictumst. Pellentesque sed justo aliquet, posuere sem nec, elementum ante.<\/p>                        <a class=\"btn btn-secondary btn-rounded\" href=\"#\" target=\"_self\">Go somewhere<\/a>                    <\/div>\n                                    <div class=\"tab-pane fade \" id=\"v-pills-home-2\" role=\"tabpanel\" aria-labelledby=\"v-pills-home-tab-2\">\n                                                <p>Nullam et tellus ac ligula condimentum sodales. Aenean tincidunt viverra suscipit. Maecenas id molestie est, a commodo nisi. Quisque fringilla turpis nec elit eleifend vestibulum. Aliquam sed purus in odio ullamcorper congue consectetur in neque. Aenean sem ex, tempor et auctor sed, congue id neque. <\/p>                                            <\/div>\n                                    <div class=\"tab-pane fade \" id=\"v-pills-home-3\" role=\"tabpanel\" aria-labelledby=\"v-pills-home-tab-3\">\n                                                <p>Vivamus pellentesque vestibulum lectus vitae auctor. Maecenas eu sodales arcu. Fusce lobortis, libero ac cursus feugiat, nibh ex ultricies tortor, id dictum massa nisl ac nisi. Fusce a eros pellentesque, ultricies urna nec, consectetur dolor. Nam dapibus scelerisque risus, a commodo mi tempus eu.<\/p>                                            <\/div>\n                                    <div class=\"tab-pane fade \" id=\"v-pills-home-4\" role=\"tabpanel\" aria-labelledby=\"v-pills-home-tab-4\">\n                                                <p>Vivamus pellentesque vestibulum lectus vitae auctor. Maecenas eu sodales arcu. Fusce lobortis, libero ac cursus feugiat, nibh ex ultricies tortor, id dictum massa nisl ac nisi. Fusce a eros pellentesque, ultricies urna nec, consectetur dolor. Nam dapibus scelerisque risus, a commodo mi tempus eu.<\/p>                                            <\/div>\n                                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n        [\/vc_column][vc_column css=&#8221;.vc_custom_1557720750247{margin-bottom: 24px !important;}&#8221;][vc_custom_heading text=&#8221;Justified Tabs&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1557720768519{margin-bottom: 0px !important;}&#8221;]Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface..[\/vc_column_text][\/vc_column][vc_column css=&#8221;.vc_custom_1557721270983{margin-bottom: 48px !important;}&#8221;]        <div class=\"tab-regular \">\n        <ul class=\"nav nav-tabs nav-fill\" id=\"myTab7-1548020\" role=\"tablist\">\n                    <li class=\"nav-item\">\n                <a class=\"nav-link active\" id=\"home-tab-justify-1\" data-toggle=\"pill\" href=\"#home-justify-1\" role=\"tab\" aria-controls=\"home-1\" aria-selected=\"true\">Tab Title #1<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"home-tab-justify-2\" data-toggle=\"pill\" href=\"#home-justify-2\" role=\"tab\" aria-controls=\"home-2\" aria-selected=\"true\">Tab Title #2<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"home-tab-justify-3\" data-toggle=\"pill\" href=\"#home-justify-3\" role=\"tab\" aria-controls=\"home-3\" aria-selected=\"true\">Tab Title #3<\/a>\n            <\/li>\n                <\/ul>\n        <div class=\"tab-content\" id=\"myTabContent5-1548020\">\n                    <div class=\"tab-pane fade show active\" id=\"home-justify-1\" role=\"tabpanel\" aria-labelledby=\"home-tab-justify-1\">\n                                <p class=\"lead\"> All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. <\/p>\n                                        <p>Phasellus non ante gravida, ultricies neque a, fermentum leo. Etiam ornare enim arcu, at venenatis odio mollis quis. Mauris fermentum elementum ligula in efficitur. Aliquam id congue lorem. Proin consectetur feugiasse platea dictumst. Pellentesque sed justo aliquet, posuere sem nec, elementum ante.<\/p>                <a class=\"btn btn-secondary btn-rounded\" href=\"#\" target=\"_self\">Go somewhere<\/a>            <\/div>\n                    <div class=\"tab-pane fade \" id=\"home-justify-2\" role=\"tabpanel\" aria-labelledby=\"home-tab-justify-2\">\n                                <p>Nullam et tellus ac ligula condimentum sodales. Aenean tincidunt viverra suscipit. Maecenas id molestie est, a commodo nisi. Quisque fringilla turpis nec elit eleifend vestibulum. Aliquam sed purus in odio ullamcorper congue consectetur in neque. Aenean sem ex, tempor et auctor sed, congue id neque. <\/p>                            <\/div>\n                    <div class=\"tab-pane fade \" id=\"home-justify-3\" role=\"tabpanel\" aria-labelledby=\"home-tab-justify-3\">\n                                <p>Vivamus pellentesque vestibulum lectus vitae auctor. Maecenas eu sodales arcu. Fusce lobortis, libero ac cursus feugiat, nibh ex ultricies tortor, id dictum massa nisl ac nisi. Fusce a eros pellentesque, ultricies urna nec, consectetur dolor. Nam dapibus scelerisque risus, a commodo mi tempus eu.<\/p>                            <\/div>\n                <\/div>\n    <\/div>\n        [\/vc_column][vc_column css=&#8221;.vc_custom_1557721314868{margin-bottom: 60px !important;}&#8221;][vc_custom_heading text=&#8221;Justified Tab&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][\/vc_column][vc_column]        <div class=\"tab-regular-justify \">\n        <ul class=\"nav nav-tabs nav-fill\" id=\"myTab7-4775205\" role=\"tablist\">\n                    <li class=\"nav-item\">\n                <a class=\"nav-link active\" id=\"regular-tab-justify-1\" data-toggle=\"pill\" href=\"#regular-justify-1\" role=\"tab\" aria-controls=\"home-1\" aria-selected=\"true\">#1 Feature Point<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"regular-tab-justify-2\" data-toggle=\"pill\" href=\"#regular-justify-2\" role=\"tab\" aria-controls=\"home-2\" aria-selected=\"true\">#2 Feature Point<\/a>\n            <\/li>\n                    <li class=\"nav-item\">\n                <a class=\"nav-link \" id=\"regular-tab-justify-3\" data-toggle=\"pill\" href=\"#regular-justify-3\" role=\"tab\" aria-controls=\"home-3\" aria-selected=\"true\">#3 Feature Point<\/a>\n            <\/li>\n                <\/ul>\n        <div class=\"tab-content p-0\" id=\"myTabContent7-4775205\">\n                    <div class=\"tab-pane fade show active\" id=\"regular-justify-1\" role=\"tabpanel\" aria-labelledby=\"regular-tab-justify-1\">\n                <div class=\"row\">\n                    <div class=\"col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12\">\n                        <div class=\"tab-feature-content \">\n                            <h3>#1 Feature Point<\/h3>                            <p>Morbi convallis, nisl et scelerisque dictum, augue turpis egestas mauris, et vehicula lacus ante finibus mauris. <\/p>\n                                            <hr>\n                                            <ul class=\"list-unstyled arrow\">\n                                                <li>Donec at placerat turpis, a mattis just hasellus metus eu graviduismod augue dui rutrum ac.<\/li>\n                                                <li>Mattis just hasellus metus eu graviduismod augue duionec at placerat turpisa rutrum ac.<\/li>\n                                            <\/ul>                                                    <\/div>\n                    <\/div>\n                    <div class=\"col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12 \">\n                        <div class=\"position-relative\">\n                            <img decoding=\"async\" src=\"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-content\/uploads\/sites\/11\/2019\/05\/browser-img-1.png\" alt=\"\" class=\"img-fluid\">\n                        <\/div>\n                                                <div class=\"character-img\">\n                            <img decoding=\"async\" src=\"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-content\/uploads\/sites\/11\/2019\/05\/character-img-3.png\" alt=\"\" class=\"img-fluid\">\n                        <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"tab-pane fade \" id=\"regular-justify-2\" role=\"tabpanel\" aria-labelledby=\"regular-tab-justify-2\">\n                <div class=\"row\">\n                    <div class=\"col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12\">\n                        <div class=\"tab-feature-content \">\n                            <h3>#2 Feature Point<\/h3>                            <p>Morbi convallis, nisl et scelerisque dictum, augue turpis egestas mauris, et vehicula lacus ante finibus mauris. <\/p>\n                                            <hr>\n                                            <ul class=\"list-unstyled arrow\">\n                                                <li>Donec at placerat turpis, a mattis just hasellus metus eu graviduismod augue dui rutrum ac.<\/li>\n                                                <li>Mattis just hasellus metus eu graviduismod augue duionec at placerat turpisa rutrum ac.<\/li>\n                                            <\/ul>                                                    <\/div>\n                    <\/div>\n                    <div class=\"col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12 \">\n                        <div class=\"position-relative\">\n                            <img decoding=\"async\" src=\"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-content\/uploads\/sites\/11\/2019\/05\/browser-img-1.png\" alt=\"\" class=\"img-fluid\">\n                        <\/div>\n                                                <div class=\"character-img\">\n                            <img decoding=\"async\" src=\"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-content\/uploads\/sites\/11\/2019\/05\/character-img-3.png\" alt=\"\" class=\"img-fluid\">\n                        <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"tab-pane fade \" id=\"regular-justify-3\" role=\"tabpanel\" aria-labelledby=\"regular-tab-justify-3\">\n                <div class=\"row\">\n                    <div class=\"col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12\">\n                        <div class=\"tab-feature-content \">\n                            <h3>#3 Feature Point<\/h3>                            <p>Morbi convallis, nisl et scelerisque dictum, augue turpis egestas mauris, et vehicula lacus ante finibus mauris. <\/p>\n                                            <hr>\n                                            <ul class=\"list-unstyled arrow\">\n                                                <li>Donec at placerat turpis, a mattis just hasellus metus eu graviduismod augue dui rutrum ac.<\/li>\n                                                <li>Mattis just hasellus metus eu graviduismod augue duionec at placerat turpisa rutrum ac.<\/li>\n                                            <\/ul>                                                    <\/div>\n                    <\/div>\n                    <div class=\"col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12 \">\n                        <div class=\"position-relative\">\n                            <img decoding=\"async\" src=\"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-content\/uploads\/sites\/11\/2019\/05\/browser-img-1.png\" alt=\"\" class=\"img-fluid\">\n                        <\/div>\n                                                <div class=\"character-img\">\n                            <img decoding=\"async\" src=\"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-content\/uploads\/sites\/11\/2019\/05\/character-img-3.png\" alt=\"\" class=\"img-fluid\">\n                        <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n                <\/div>\n    <\/div>\n        [\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1557485253570{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1557485429785{margin-bottom: 24px !important;}&#8221;][vc_custom_heading text=&#8221;Basic Tabs&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1557486085564{margin-bottom: 0px !important;}&#8221;]Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface..[\/vc_column_text][\/vc_column][vc_column css=&#8221;.vc_custom_1557716075576{margin-bottom: 48px !important;}&#8221;][\/vc_column][vc_column css=&#8221;.vc_custom_1557716135491{margin-bottom: 24px !important;}&#8221;][vc_custom_heading text=&#8221;Vertical tabs&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1557716128518{margin-bottom: 0px !important;}&#8221;]Takes the basic nav from above and adds the .nav-tabs class to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-739","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/pages\/739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/comments?post=739"}],"version-history":[{"count":0,"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/pages\/739\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/media?parent=739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}