{"id":1502,"date":"2026-07-28T22:33:14","date_gmt":"2026-07-28T22:33:14","guid":{"rendered":"http:\/\/home.test\/canvas-wp-test\/tabs\/"},"modified":"2026-08-20T18:42:23","modified_gmt":"2026-08-20T18:42:23","slug":"tabs","status":"publish","type":"page","link":"https:\/\/demos.canvaswp.com\/classic\/tabs\/","title":{"rendered":"Tabs"},"content":{"rendered":"<div class=\"container\">\n\n<div class=\"wp-block-group row justify-content-center is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-12 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group row g-5 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>Default<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-1\"><ul class=\"nav canvas-tabs tabs nav-tabs mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-1-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-1-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-1-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-1-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-1-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-1-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-1-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-1-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-1-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-1-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-1-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-1-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-1-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-1-tab-1\" tabindex=\"0\"><p>Each tab style is fully responsive and adapts smoothly to phones, tablets and large desktop displays alike. Start with a ready-made layout, then refine the copy, imagery and structure to suit your project.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-1-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-1-tab-2\" tabindex=\"0\"><p>Whether for a single person or a whole department, this layout scales gracefully to your needs. The profile panel is a natural home for team bios, author details or a short company introduction.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-1-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-1-tab-3\" tabindex=\"0\"><p>Pair friendly copy with clear actions to turn curious visitors into engaged customers. A well-structured contact section reassures visitors that real people stand behind your brand. Organized tabs mean contact details never clutter the page, yet remain one tap away.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-1-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-1-tab-4\" tabindex=\"0\"><div class=\"masonry-thumbs grid-container row row-cols-4\" data-big=\"4\" data-lightbox=\"gallery\"> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-38.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-37.jpg\" alt=\"Gallery Thumb 1\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-35.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-34.jpg\" alt=\"Gallery Thumb 2\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-30-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-29.jpg\" alt=\"Gallery Thumb 3\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-22-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-21.jpg\" alt=\"Gallery Thumb 4\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-21-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-20.jpg\" alt=\"Gallery Thumb 5\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-19-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-18.jpg\" alt=\"Gallery Thumb 6\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-17-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-16.jpg\" alt=\"Gallery Thumb 7\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/9-13-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/9-12.jpg\" alt=\"Gallery Thumb 9\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/10-13.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/10-12.jpg\" alt=\"Gallery Thumb 10\"><\/a> <\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"text-lg-end\">Right Aligned<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-2\"><ul class=\"nav canvas-tabs tabs nav-tabs justify-content-end mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-2-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-2-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-2-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-2-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-2-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-2-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-2-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-2-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-2-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-2-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-2-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-2-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-2-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-2-tab-1\" tabindex=\"0\"><p>Each tab style is fully responsive and adapts smoothly to phones, tablets and large desktop displays alike. Use this home panel to highlight your core offering, recent updates or a quick overview of your brand.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-2-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-2-tab-2\" tabindex=\"0\"><p>Highlight skills, credentials or milestones that build trust and reinforce your expertise. Tabs keep dense content compact, presenting only the relevant details when a visitor selects them.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-2-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-2-tab-3\" tabindex=\"0\"><p>Use the contact panel to share addresses, phone numbers and the best ways to reach your team. Offer several channels so everyone can choose the option that suits them best. Keep response expectations clear and let people know when and how they can hear back from you.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-2-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-2-tab-4\" tabindex=\"0\"><div class=\"masonry-thumbs grid-container row row-cols-4\" data-big=\"4\" data-lightbox=\"gallery\"> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-38.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-37.jpg\" alt=\"Gallery Thumb 1\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-35.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-34.jpg\" alt=\"Gallery Thumb 2\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-30-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-29.jpg\" alt=\"Gallery Thumb 3\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-22-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-21.jpg\" alt=\"Gallery Thumb 4\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-21-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-20.jpg\" alt=\"Gallery Thumb 5\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-19-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-18.jpg\" alt=\"Gallery Thumb 6\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-17-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-16.jpg\" alt=\"Gallery Thumb 7\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/9-13-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/9-12.jpg\" alt=\"Gallery Thumb 9\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/10-13.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/10-12.jpg\" alt=\"Gallery Thumb 10\"><\/a> <\/div><\/div><\/div><\/div>\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h2 class=\"text-center\">Bordered Style<\/h2>\n\n<div class=\"wp-block-group row g-5 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>Default<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-3\"><ul class=\"nav canvas-tabs tabs nav-tabs tabs-bordered mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-3-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-3-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-3-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-3-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-3-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-3-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-3-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-3-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-3-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-3-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-3-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-3-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-3-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-3-tab-1\" tabindex=\"0\"><p class=\"mb-0\">Use this home panel to highlight your core offering, recent updates or a quick overview of your brand. Switch between panels effortlessly while your content stays organized, readable and easy to navigate.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-3-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-3-tab-2\" tabindex=\"0\"><p class=\"mb-0\">Whether for a single person or a whole department, this layout scales gracefully to your needs. Group related information into tidy sections so visitors can scan and find what matters most.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-3-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-3-tab-3\" tabindex=\"0\"><p class=\"mb-0\">Keep response expectations clear and let people know when and how they can hear back from you. Organized tabs mean contact details never clutter the page, yet remain one tap away. Embed a form, a map or social links so visitors can connect with you in just a couple of clicks.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-3-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-3-tab-4\" tabindex=\"0\"><p class=\"mb-0\">Thoughtful structure helps your message land clearly and keeps readers engaged to the end. Pair honest copy with supporting visuals to build a genuine connection with your audience. Reinforce your purpose with concrete examples, milestones and the goals you are working toward.<\/p><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"text-lg-end\">Right Aligned<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-4\"><ul class=\"nav canvas-tabs tabs nav-tabs tabs-bordered justify-content-end mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-4-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-4-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-4-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-4-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-4-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-4-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-4-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-4-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-4-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-4-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-4-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-4-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-4-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-4-tab-1\" tabindex=\"0\"><p class=\"mb-0\">Clean markup keeps the layout lightweight, accessible and simple for any developer to extend. Customizable colors, spacing and animations let you match every tab to your own visual identity.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-4-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-4-tab-2\" tabindex=\"0\"><p class=\"mb-0\">Tabs keep dense content compact, presenting only the relevant details when a visitor selects them. Group related information into tidy sections so visitors can scan and find what matters most.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-4-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-4-tab-3\" tabindex=\"0\"><p class=\"mb-0\">A well-structured contact section reassures visitors that real people stand behind your brand. Organized tabs mean contact details never clutter the page, yet remain one tap away. Use the contact panel to share addresses, phone numbers and the best ways to reach your team.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-4-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-4-tab-4\" tabindex=\"0\"><p class=\"mb-0\">Walk readers through your journey, the problems you solve and the results clients can expect. Thoughtful structure helps your message land clearly and keeps readers engaged to the end. Pair honest copy with supporting visuals to build a genuine connection with your audience.<\/p><\/div><\/div><\/div>\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h2 class=\"text-center\">Alternate Style<\/h2>\n\n<div class=\"wp-block-group row g-5 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>Default<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-5\"><ul class=\"nav canvas-alt-tabs tabs nav-tabs tabs-alt mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-5-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-5-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-5-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-5-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-5-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-5-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-5-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-5-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-5-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-5-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-5-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-5-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-5-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-5-tab-1\" tabindex=\"0\"><p>Welcome to Canvas, the flexible Bootstrap template built to help you launch polished websites in record time. Start with a ready-made layout, then refine the copy, imagery and structure to suit your project.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-5-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-5-tab-2\" tabindex=\"0\"><p>Consistent typography and generous spacing make every profile feel professional and approachable. Whether for a single person or a whole department, this layout scales gracefully to your needs.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-5-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-5-tab-3\" tabindex=\"0\"><p>Use the contact panel to share addresses, phone numbers and the best ways to reach your team. Embed a form, a map or social links so visitors can connect with you in just a couple of clicks. A well-structured contact section reassures visitors that real people stand behind your brand.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-5-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-5-tab-4\" tabindex=\"0\"><p>Walk readers through your journey, the problems you solve and the results clients can expect. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours. Close with a confident statement that invites visitors to learn more or get in touch.<\/p><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"text-lg-end\">Right Aligned<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-6\"><ul class=\"nav canvas-alt-tabs tabs nav-tabs justify-content-end tabs-alt mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-6-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-6-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-6-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-6-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-6-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-6-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-6-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-6-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-6-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-6-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-6-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-6-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-6-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-6-tab-1\" tabindex=\"0\"><p>Welcome to Canvas, the flexible Bootstrap template built to help you launch polished websites in record time. Start with a ready-made layout, then refine the copy, imagery and structure to suit your project.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-6-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-6-tab-2\" tabindex=\"0\"><p>Group related information into tidy sections so visitors can scan and find what matters most. Highlight skills, credentials or milestones that build trust and reinforce your expertise.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-6-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-6-tab-3\" tabindex=\"0\"><p>Organized tabs mean contact details never clutter the page, yet remain one tap away. Keep response expectations clear and let people know when and how they can hear back from you. A well-structured contact section reassures visitors that real people stand behind your brand.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-6-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-6-tab-4\" tabindex=\"0\"><p>Thoughtful structure helps your message land clearly and keeps readers engaged to the end. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours. Describe how the company began, the values that guide it and the people who make it work.<\/p><\/div><\/div><\/div>\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h2 class=\"text-center\">Top Bordered<\/h2>\n\n<div class=\"wp-block-group row g-5 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>Default<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-7\"><ul class=\"nav canvas-alt-tabs tabs-tb tabs nav-tabs tabs-alt mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-7-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-7-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-7-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-7-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-7-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-7-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-7-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-7-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-7-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-7-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-7-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-7-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-7-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-7-tab-1\" tabindex=\"0\"><p>Welcome to Canvas, the flexible Bootstrap template built to help you launch polished websites in record time. Clean markup keeps the layout lightweight, accessible and simple for any developer to extend.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-7-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-7-tab-2\" tabindex=\"0\"><p>Pair concise text with supporting media to give context without overwhelming the reader. Highlight skills, credentials or milestones that build trust and reinforce your expertise.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-7-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-7-tab-3\" tabindex=\"0\"><p>A well-structured contact section reassures visitors that real people stand behind your brand. Embed a form, a map or social links so visitors can connect with you in just a couple of clicks. Use the contact panel to share addresses, phone numbers and the best ways to reach your team.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-7-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-7-tab-4\" tabindex=\"0\"><p>Tabs let you present a rich narrative without forcing visitors to scroll through a wall of text. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours.<\/p><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"text-lg-end\">Right Aligned<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-8\"><ul class=\"nav canvas-alt-tabs tabs-tb tabs nav-tabs justify-content-end tabs-alt mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-8-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-8-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-8-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-8-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-8-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-8-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-8-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-8-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-8-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-8-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-8-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-8-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-8-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-8-tab-1\" tabindex=\"0\"><p>Welcome to Canvas, the flexible Bootstrap template built to help you launch polished websites in record time. Clean markup keeps the layout lightweight, accessible and simple for any developer to extend.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-8-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-8-tab-2\" tabindex=\"0\"><p>Tabs keep dense content compact, presenting only the relevant details when a visitor selects them. Group related information into tidy sections so visitors can scan and find what matters most.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-8-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-8-tab-3\" tabindex=\"0\"><p>Use the contact panel to share addresses, phone numbers and the best ways to reach your team. A well-structured contact section reassures visitors that real people stand behind your brand. Embed a form, a map or social links so visitors can connect with you in just a couple of clicks.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-8-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-8-tab-4\" tabindex=\"0\"><p>Thoughtful structure helps your message land clearly and keeps readers engaged to the end. Close with a confident statement that invites visitors to learn more or get in touch. Describe how the company began, the values that guide it and the people who make it work.<\/p><\/div><\/div><\/div>\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h2 class=\"text-center\">Bottom Bordered<\/h2>\n\n<div class=\"wp-block-group row g-5 justify-content-center is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>Default<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-9\"><ul class=\"nav canvas-alt-tabs tabs-bb tabs nav-tabs tabs-alt mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-9-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-9-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-9-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-9-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-9-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-9-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-9-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-9-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-9-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-9-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-9-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-9-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-9-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-9-tab-1\" tabindex=\"0\"><p>Customizable colors, spacing and animations let you match every tab to your own visual identity. Use this home panel to highlight your core offering, recent updates or a quick overview of your brand.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-9-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-9-tab-2\" tabindex=\"0\"><p>Consistent typography and generous spacing make every profile feel professional and approachable. Pair concise text with supporting media to give context without overwhelming the reader.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-9-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-9-tab-3\" tabindex=\"0\"><p>Embed a form, a map or social links so visitors can connect with you in just a couple of clicks. Offer several channels so everyone can choose the option that suits them best. A well-structured contact section reassures visitors that real people stand behind your brand.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-9-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-9-tab-4\" tabindex=\"0\"><p>Walk readers through your journey, the problems you solve and the results clients can expect. Pair honest copy with supporting visuals to build a genuine connection with your audience. Describe how the company began, the values that guide it and the people who make it work.<\/p><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"text-lg-end\">Right Aligned<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-10\"><ul class=\"nav canvas-alt-tabs tabs-bb tabs nav-tabs justify-content-end tabs-alt mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-10-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-10-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-10-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-10-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-10-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-10-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-10-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-10-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-10-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-10-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-10-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-10-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-10-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-10-tab-1\" tabindex=\"0\"><p>Start with a ready-made layout, then refine the copy, imagery and structure to suit your project. Customizable colors, spacing and animations let you match every tab to your own visual identity.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-10-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-10-tab-2\" tabindex=\"0\"><p>Tabs keep dense content compact, presenting only the relevant details when a visitor selects them. Group related information into tidy sections so visitors can scan and find what matters most.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-10-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-10-tab-3\" tabindex=\"0\"><p>Organized tabs mean contact details never clutter the page, yet remain one tap away. Offer several channels so everyone can choose the option that suits them best. Pair friendly copy with clear actions to turn curious visitors into engaged customers.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-10-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-10-tab-4\" tabindex=\"0\"><p>Walk readers through your journey, the problems you solve and the results clients can expect. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours. Close with a confident statement that invites visitors to learn more or get in touch.<\/p><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group w-100 is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"text-center\">with Icons<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-11\"><ul class=\"nav canvas-alt-tabs tabs-bb tabs nav-tabs justify-content-center tabs-alt gap-3 mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link d-flex align-items-center active\" id=\"cnvs-tabs-11-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-11-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-11-pane-1\" aria-selected=\"true\"><i class=\"bi-house fs-2 m-0\"><\/i><span class=\"d-block d-md-none ms-3\">Home<\/span><\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link d-flex align-items-center\" id=\"cnvs-tabs-11-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-11-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-11-pane-2\" aria-selected=\"false\"><i class=\"bi-people fs-2 m-0\"><\/i><span class=\"d-block d-md-none ms-3\">Profile<\/span><\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link d-flex align-items-center\" id=\"cnvs-tabs-11-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-11-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-11-pane-3\" aria-selected=\"false\"><i class=\"bi-envelope-plus fs-2 m-0\"><\/i><span class=\"d-block d-md-none ms-3\">Contact<\/span><\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link d-flex align-items-center\" id=\"cnvs-tabs-11-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-11-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-11-pane-4\" aria-selected=\"false\"><i class=\"bi-info-circle fs-2 m-0\"><\/i><span class=\"d-block d-md-none ms-3\">About<\/span><\/button><\/li><\/ul><div class=\"tab-content mt-4\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-11-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-11-tab-1\" tabindex=\"0\"><p>Clean markup keeps the layout lightweight, accessible and simple for any developer to extend. Each tab style is fully responsive and adapts smoothly to phones, tablets and large desktop displays alike.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-11-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-11-tab-2\" tabindex=\"0\"><p>Whether for a single person or a whole department, this layout scales gracefully to your needs. Highlight skills, credentials or milestones that build trust and reinforce your expertise.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-11-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-11-tab-3\" tabindex=\"0\"><p>Organized tabs mean contact details never clutter the page, yet remain one tap away. Use the contact panel to share addresses, phone numbers and the best ways to reach your team. Keep response expectations clear and let people know when and how they can hear back from you.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-11-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-11-tab-4\" tabindex=\"0\"><p>Walk readers through your journey, the problems you solve and the results clients can expect. Tabs let you present a rich narrative without forcing visitors to scroll through a wall of text. Close with a confident statement that invites visitors to learn more or get in touch.<\/p><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"text-center\">with Icons + Text<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-12\"><ul class=\"nav canvas-alt-tabs tabs-bb tabs nav-tabs justify-content-center tabs-alt gap-3 mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link d-flex align-items-center flex-md-column active\" id=\"cnvs-tabs-12-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-12-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-12-pane-1\" aria-selected=\"true\"><i class=\"bi-house fs-2 m-0\"><\/i><span class=\"d-block ms-3 ms-md-0\">Home<\/span><\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link d-flex align-items-center flex-md-column\" id=\"cnvs-tabs-12-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-12-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-12-pane-2\" aria-selected=\"false\"><i class=\"bi-people fs-2 m-0\"><\/i><span class=\"d-block ms-3 ms-md-0\">Profile<\/span><\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link d-flex align-items-center flex-md-column\" id=\"cnvs-tabs-12-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-12-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-12-pane-3\" aria-selected=\"false\"><i class=\"bi-envelope-plus fs-2 m-0\"><\/i><span class=\"d-block ms-3 ms-md-0\">Contact<\/span><\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link d-flex align-items-center flex-md-column\" id=\"cnvs-tabs-12-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-12-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-12-pane-4\" aria-selected=\"false\"><i class=\"bi-info-circle fs-2 m-0\"><\/i><span class=\"d-block ms-3 ms-md-0\">About<\/span><\/button><\/li><\/ul><div class=\"tab-content mt-4\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-12-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-12-tab-1\" tabindex=\"0\"><p>Use this home panel to highlight your core offering, recent updates or a quick overview of your brand. Customizable colors, spacing and animations let you match every tab to your own visual identity.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-12-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-12-tab-2\" tabindex=\"0\"><p>Pair concise text with supporting media to give context without overwhelming the reader. Whether for a single person or a whole department, this layout scales gracefully to your needs.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-12-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-12-tab-3\" tabindex=\"0\"><p>Offer several channels so everyone can choose the option that suits them best. Pair friendly copy with clear actions to turn curious visitors into engaged customers. Embed a form, a map or social links so visitors can connect with you in just a couple of clicks.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-12-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-12-tab-4\" tabindex=\"0\"><p>The about panel is the perfect place to tell your story, share your mission and explain what sets you apart. Thoughtful structure helps your message land clearly and keeps readers engaged to the end.<\/p><\/div><\/div><\/div>\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h2 class=\"text-center\">Alternate Navigation Style<\/h2>\n\n<div class=\"wp-block-group row g-5 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>Default<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-13\"><ul class=\"nav canvas-alt-tabs2 tabs nav-pills mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-13-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-13-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-13-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-13-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-13-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-13-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-13-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-13-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-13-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-13-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-13-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-13-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-13-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-13-tab-1\" tabindex=\"0\"><p>Use this home panel to highlight your core offering, recent updates or a quick overview of your brand. Customizable colors, spacing and animations let you match every tab to your own visual identity.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-13-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-13-tab-2\" tabindex=\"0\"><p>Add links, contact options or a call to action to guide readers toward the next step. The profile panel is a natural home for team bios, author details or a short company introduction.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-13-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-13-tab-3\" tabindex=\"0\"><p>Offer several channels so everyone can choose the option that suits them best. Organized tabs mean contact details never clutter the page, yet remain one tap away. Keep response expectations clear and let people know when and how they can hear back from you.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-13-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-13-tab-4\" tabindex=\"0\"><p>Pair honest copy with supporting visuals to build a genuine connection with your audience. Thoughtful structure helps your message land clearly and keeps readers engaged to the end. Reinforce your purpose with concrete examples, milestones and the goals you are working toward.<\/p><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"text-lg-end\">Right Aligned<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-14\"><ul class=\"nav canvas-alt-tabs2 tabs nav-pills justify-content-end mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-14-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-14-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-14-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-14-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-14-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-14-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-14-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-14-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-14-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-14-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-14-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-14-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-14-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-14-tab-1\" tabindex=\"0\"><p>Start with a ready-made layout, then refine the copy, imagery and structure to suit your project. Each tab style is fully responsive and adapts smoothly to phones, tablets and large desktop displays alike.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-14-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-14-tab-2\" tabindex=\"0\"><p>The profile panel is a natural home for team bios, author details or a short company introduction. Pair concise text with supporting media to give context without overwhelming the reader.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-14-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-14-tab-3\" tabindex=\"0\"><p>Pair friendly copy with clear actions to turn curious visitors into engaged customers. Organized tabs mean contact details never clutter the page, yet remain one tap away. A well-structured contact section reassures visitors that real people stand behind your brand.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-14-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-14-tab-4\" tabindex=\"0\"><p>Describe how the company began, the values that guide it and the people who make it work. Pair honest copy with supporting visuals to build a genuine connection with your audience. Close with a confident statement that invites visitors to learn more or get in touch.<\/p><\/div><\/div><\/div>\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h2 class=\"text-center\">Centered Tabs<\/h2>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-15\"><ul class=\"nav canvas-tabs tabs nav-tabs justify-content-center mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-15-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-15-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-15-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-15-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-15-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-15-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-15-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-15-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-15-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-15-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-15-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-15-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-15-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-15-tab-1\" tabindex=\"0\"><p>Start with a ready-made layout, then refine the copy, imagery and structure to suit your project. Switch between panels effortlessly while your content stays organized, readable and easy to navigate.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-15-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-15-tab-2\" tabindex=\"0\"><p>Group related information into tidy sections so visitors can scan and find what matters most. Highlight skills, credentials or milestones that build trust and reinforce your expertise.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-15-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-15-tab-3\" tabindex=\"0\"><p>Organized tabs mean contact details never clutter the page, yet remain one tap away. A well-structured contact section reassures visitors that real people stand behind your brand. Pair friendly copy with clear actions to turn curious visitors into engaged customers.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-15-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-15-tab-4\" tabindex=\"0\"><div class=\"masonry-thumbs grid-container row row-cols-4\" data-big=\"4\" data-lightbox=\"gallery\"> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-38.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/1-37.jpg\" alt=\"Gallery Thumb 1\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-35.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/2-34.jpg\" alt=\"Gallery Thumb 2\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-30-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/3-29.jpg\" alt=\"Gallery Thumb 3\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-22-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/4-21.jpg\" alt=\"Gallery Thumb 4\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-21-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/5-20.jpg\" alt=\"Gallery Thumb 5\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-19-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/6-18.jpg\" alt=\"Gallery Thumb 6\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-17-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/7-16.jpg\" alt=\"Gallery Thumb 7\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/9-13-scaled.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/9-12.jpg\" alt=\"Gallery Thumb 9\"><\/a> <a class=\"grid-item\" href=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/10-13.jpg\" data-lightbox=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/demos.canvaswp.com\/classic\/wp-content\/uploads\/sites\/3\/2026\/07\/10-12.jpg\" alt=\"Gallery Thumb 10\"><\/a> <\/div><\/div><\/div><\/div>\n<div class=\"alert alert-info text-center mt-5\" role=\"alert\"><strong>Note:<\/strong> All the Tabs can be <em class=\"fw-bold\">centered<\/em> by simply adding the <code>.justify-content-center<\/code> Class to the <code>.nav-tabs<\/code> DIV.<\/div>\n\n<div class=\"line\"><\/div>\n\n<h4>Justified Tabs<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-16\"><ul class=\"nav canvas-alt-tabs tabs nav-tabs nav-fill tabs-alt mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-16-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-16-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-16-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-16-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-16-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-16-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-16-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-16-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-16-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-16-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-16-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-16-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-16-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-16-tab-1\" tabindex=\"0\"><p>Each tab style is fully responsive and adapts smoothly to phones, tablets and large desktop displays alike. Welcome to Canvas, the flexible Bootstrap template built to help you launch polished websites in record time. Customizable colors, spacing and animations let you match every tab to your own visual identity. Switch between panels effortlessly while your content stays organized, readable and easy to navigate.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-16-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-16-tab-2\" tabindex=\"0\"><p>Pair concise text with supporting media to give context without overwhelming the reader. Add links, contact options or a call to action to guide readers toward the next step. Group related information into tidy sections so visitors can scan and find what matters most. Tabs keep dense content compact, presenting only the relevant details when a visitor selects them. The profile panel is a natural home for team bios, author details or a short company introduction. Highlight skills, credentials or milestones that build trust and reinforce your expertise. Consistent typography and generous spacing make every profile feel professional and approachable.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-16-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-16-tab-3\" tabindex=\"0\"><p>Organized tabs mean contact details never clutter the page, yet remain one tap away. Embed a form, a map or social links so visitors can connect with you in just a couple of clicks. A well-structured contact section reassures visitors that real people stand behind your brand. Pair friendly copy with clear actions to turn curious visitors into engaged customers. Offer several channels so everyone can choose the option that suits them best. Use the contact panel to share addresses, phone numbers and the best ways to reach your team.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-16-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-16-tab-4\" tabindex=\"0\"><p>Describe how the company began, the values that guide it and the people who make it work. Thoughtful structure helps your message land clearly and keeps readers engaged to the end. The about panel is the perfect place to tell your story, share your mission and explain what sets you apart. Walk readers through your journey, the problems you solve and the results clients can expect. Pair honest copy with supporting visuals to build a genuine connection with your audience.<\/p><\/div><\/div><\/div>\n\n<div class=\"line\"><\/div>\n\n<h4>onHover<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-17\"><ul class=\"nav canvas-tabs tabs nav-tabs tab-hover mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-17-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-17-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-17-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-17-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-17-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-17-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-17-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-17-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-17-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-17-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-17-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-17-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-17-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-17-tab-1\" tabindex=\"0\"><p>Switch between panels effortlessly while your content stays organized, readable and easy to navigate. Customizable colors, spacing and animations let you match every tab to your own visual identity. Welcome to Canvas, the flexible Bootstrap template built to help you launch polished websites in record time. Each tab style is fully responsive and adapts smoothly to phones, tablets and large desktop displays alike.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-17-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-17-tab-2\" tabindex=\"0\"><p>Whether for a single person or a whole department, this layout scales gracefully to your needs. Add links, contact options or a call to action to guide readers toward the next step. Pair concise text with supporting media to give context without overwhelming the reader. Tabs keep dense content compact, presenting only the relevant details when a visitor selects them. Highlight skills, credentials or milestones that build trust and reinforce your expertise. Consistent typography and generous spacing make every profile feel professional and approachable. The profile panel is a natural home for team bios, author details or a short company introduction.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-17-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-17-tab-3\" tabindex=\"0\"><p>Pair friendly copy with clear actions to turn curious visitors into engaged customers. Use the contact panel to share addresses, phone numbers and the best ways to reach your team. Keep response expectations clear and let people know when and how they can hear back from you. Organized tabs mean contact details never clutter the page, yet remain one tap away. Embed a form, a map or social links so visitors can connect with you in just a couple of clicks. A well-structured contact section reassures visitors that real people stand behind your brand.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-17-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-17-tab-4\" tabindex=\"0\"><p>The about panel is the perfect place to tell your story, share your mission and explain what sets you apart. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours. Thoughtful structure helps your message land clearly and keeps readers engaged to the end. Walk readers through your journey, the problems you solve and the results clients can expect. Describe how the company began, the values that guide it and the people who make it work.<\/p><\/div><\/div><\/div>\n<div class=\"alert alert-info text-center mt-5\" role=\"alert\"><strong>Note:<\/strong> All the Tabs can be <em class=\"fw-bold\">Hoverable<\/em> by simply adding the <code>.tab-hover<\/code> Class to the <code>.nav-tabs<\/code> DIV.<\/div>\n<div class=\"divider\"><i class=\"bi-circle-fill\"><\/i><\/div>\n\n<h4>Side Tabs<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-18\"><div class=\"row\"><div class=\"col-md-3\"><ul class=\"nav canvas-tabs tabs nav-tabs flex-column mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-18-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-18-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-18-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-18-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-18-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-18-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-18-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-18-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-18-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-18-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-18-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-18-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><\/div><div class=\"col-md-9\"><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-18-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-18-tab-1\" tabindex=\"0\"><p>Start with a ready-made layout, then refine the copy, imagery and structure to suit your project. Use this home panel to highlight your core offering, recent updates or a quick overview of your brand. Welcome to Canvas, the flexible Bootstrap template built to help you launch polished websites in record time. Clean markup keeps the layout lightweight, accessible and simple for any developer to extend.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-18-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-18-tab-2\" tabindex=\"0\"><p>Consistent typography and generous spacing make every profile feel professional and approachable. The profile panel is a natural home for team bios, author details or a short company introduction. Highlight skills, credentials or milestones that build trust and reinforce your expertise. Tabs keep dense content compact, presenting only the relevant details when a visitor selects them. Whether for a single person or a whole department, this layout scales gracefully to your needs. Add links, contact options or a call to action to guide readers toward the next step. Group related information into tidy sections so visitors can scan and find what matters most.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-18-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-18-tab-3\" tabindex=\"0\"><p>Embed a form, a map or social links so visitors can connect with you in just a couple of clicks. Organized tabs mean contact details never clutter the page, yet remain one tap away. Use the contact panel to share addresses, phone numbers and the best ways to reach your team. Offer several channels so everyone can choose the option that suits them best. Keep response expectations clear and let people know when and how they can hear back from you. Pair friendly copy with clear actions to turn curious visitors into engaged customers.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-18-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-18-tab-4\" tabindex=\"0\"><p>Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours. Reinforce your purpose with concrete examples, milestones and the goals you are working toward. Walk readers through your journey, the problems you solve and the results clients can expect. Tabs let you present a rich narrative without forcing visitors to scroll through a wall of text. Pair honest copy with supporting visuals to build a genuine connection with your audience. <br> Close with a confident statement that invites visitors to learn more or get in touch. The about panel is the perfect place to tell your story, share your mission and explain what sets you apart. Describe how the company began, the values that guide it and the people who make it work. Thoughtful structure helps your message land clearly and keeps readers engaged to the end. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours. Reinforce your purpose with concrete examples, milestones and the goals you are working toward.<\/p><\/div><\/div><\/div><\/div><\/div>\n\n<div class=\"line\"><\/div>\n\n<h4>Side Tabs &#8211; with Border<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-19\"><div class=\"row g-0 tabs-bordered\"><div class=\"col-md-3\"><ul class=\"nav canvas-tabs tabs nav-tabs flex-column mb-3\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-19-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-19-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-19-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-19-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-19-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-19-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-19-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-19-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-19-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-19-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-19-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-19-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><\/div><div class=\"col-md-9\"><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-19-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-19-tab-1\" tabindex=\"0\"><p>Use this home panel to highlight your core offering, recent updates or a quick overview of your brand. Clean markup keeps the layout lightweight, accessible and simple for any developer to extend. Each tab style is fully responsive and adapts smoothly to phones, tablets and large desktop displays alike. Switch between panels effortlessly while your content stays organized, readable and easy to navigate.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-19-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-19-tab-2\" tabindex=\"0\"><p>Whether for a single person or a whole department, this layout scales gracefully to your needs. The profile panel is a natural home for team bios, author details or a short company introduction. Group related information into tidy sections so visitors can scan and find what matters most. Add links, contact options or a call to action to guide readers toward the next step. Highlight skills, credentials or milestones that build trust and reinforce your expertise. Tabs keep dense content compact, presenting only the relevant details when a visitor selects them. Consistent typography and generous spacing make every profile feel professional and approachable.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-19-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-19-tab-3\" tabindex=\"0\"><p>Organized tabs mean contact details never clutter the page, yet remain one tap away. Pair friendly copy with clear actions to turn curious visitors into engaged customers. Use the contact panel to share addresses, phone numbers and the best ways to reach your team. A well-structured contact section reassures visitors that real people stand behind your brand. Offer several channels so everyone can choose the option that suits them best. Keep response expectations clear and let people know when and how they can hear back from you.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-19-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-19-tab-4\" tabindex=\"0\"><p>Close with a confident statement that invites visitors to learn more or get in touch. Describe how the company began, the values that guide it and the people who make it work. Walk readers through your journey, the problems you solve and the results clients can expect. Pair honest copy with supporting visuals to build a genuine connection with your audience. Thoughtful structure helps your message land clearly and keeps readers engaged to the end. <br> Tabs let you present a rich narrative without forcing visitors to scroll through a wall of text. Reinforce your purpose with concrete examples, milestones and the goals you are working toward. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours. The about panel is the perfect place to tell your story, share your mission and explain what sets you apart. Close with a confident statement that invites visitors to learn more or get in touch. Describe how the company began, the values that guide it and the people who make it work.<\/p><\/div><\/div><\/div><\/div><\/div>\n\n<div class=\"line\"><\/div>\n\n<h4>Alternate Side Tabs<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-20\"><div class=\"row\"><div class=\"col-md-3\"><ul class=\"nav canvas-alt-tabs2 tabs nav-pills flex-column canvas-tabs py-0 mb-3 border-0\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item mb-2\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-20-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-20-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-20-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item mb-2\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-20-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-20-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-20-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item mb-2\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-20-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-20-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-20-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-20-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-20-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-20-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><\/div><div class=\"col-md-9\"><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-20-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-20-tab-1\" tabindex=\"0\"><p>Switch between panels effortlessly while your content stays organized, readable and easy to navigate. Each tab style is fully responsive and adapts smoothly to phones, tablets and large desktop displays alike. Clean markup keeps the layout lightweight, accessible and simple for any developer to extend. Customizable colors, spacing and animations let you match every tab to your own visual identity.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-20-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-20-tab-2\" tabindex=\"0\"><p>Group related information into tidy sections so visitors can scan and find what matters most. Add links, contact options or a call to action to guide readers toward the next step. Consistent typography and generous spacing make every profile feel professional and approachable. Whether for a single person or a whole department, this layout scales gracefully to your needs. Pair concise text with supporting media to give context without overwhelming the reader. Tabs keep dense content compact, presenting only the relevant details when a visitor selects them. Highlight skills, credentials or milestones that build trust and reinforce your expertise.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-20-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-20-tab-3\" tabindex=\"0\"><p>Keep response expectations clear and let people know when and how they can hear back from you. Organized tabs mean contact details never clutter the page, yet remain one tap away. Pair friendly copy with clear actions to turn curious visitors into engaged customers. Use the contact panel to share addresses, phone numbers and the best ways to reach your team. Embed a form, a map or social links so visitors can connect with you in just a couple of clicks. Offer several channels so everyone can choose the option that suits them best.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-20-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-20-tab-4\" tabindex=\"0\"><p>Pair honest copy with supporting visuals to build a genuine connection with your audience. Thoughtful structure helps your message land clearly and keeps readers engaged to the end. Reinforce your purpose with concrete examples, milestones and the goals you are working toward. Describe how the company began, the values that guide it and the people who make it work. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours. <br> The about panel is the perfect place to tell your story, share your mission and explain what sets you apart. Tabs let you present a rich narrative without forcing visitors to scroll through a wall of text. Walk readers through your journey, the problems you solve and the results clients can expect. Close with a confident statement that invites visitors to learn more or get in touch. Pair honest copy with supporting visuals to build a genuine connection with your audience. Thoughtful structure helps your message land clearly and keeps readers engaged to the end.<\/p><\/div><\/div><\/div><\/div><\/div>\n\n<div class=\"line\"><\/div>\n\n<h4>Right Bordered Side Tabs<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-21\"><div class=\"row\"><div class=\"col-md-auto\"><ul class=\"nav canvas-tabs tabs nav-tabs flex-column canvas-br-side-tabs py-0\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item mb-2\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-21-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-21-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-21-pane-1\" aria-selected=\"true\">Home<\/button><\/li><li class=\"nav-item mb-2\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-21-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-21-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-21-pane-2\" aria-selected=\"false\">Profile<\/button><\/li><li class=\"nav-item mb-2\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-21-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-21-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-21-pane-3\" aria-selected=\"false\">Contact<\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-21-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-21-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-21-pane-4\" aria-selected=\"false\">About<\/button><\/li><\/ul><\/div><div class=\"col-md\"><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-21-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-21-tab-1\" tabindex=\"0\"><p>Switch between panels effortlessly while your content stays organized, readable and easy to navigate. Use this home panel to highlight your core offering, recent updates or a quick overview of your brand. Clean markup keeps the layout lightweight, accessible and simple for any developer to extend. Each tab style is fully responsive and adapts smoothly to phones, tablets and large desktop displays alike.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-21-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-21-tab-2\" tabindex=\"0\"><p>Tabs keep dense content compact, presenting only the relevant details when a visitor selects them. Whether for a single person or a whole department, this layout scales gracefully to your needs. Group related information into tidy sections so visitors can scan and find what matters most. Pair concise text with supporting media to give context without overwhelming the reader. Highlight skills, credentials or milestones that build trust and reinforce your expertise. Add links, contact options or a call to action to guide readers toward the next step. The profile panel is a natural home for team bios, author details or a short company introduction.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-21-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-21-tab-3\" tabindex=\"0\"><p>A well-structured contact section reassures visitors that real people stand behind your brand. Offer several channels so everyone can choose the option that suits them best. Pair friendly copy with clear actions to turn curious visitors into engaged customers. Organized tabs mean contact details never clutter the page, yet remain one tap away. Use the contact panel to share addresses, phone numbers and the best ways to reach your team. Keep response expectations clear and let people know when and how they can hear back from you.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-21-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-21-tab-4\" tabindex=\"0\"><p>The about panel is the perfect place to tell your story, share your mission and explain what sets you apart. Describe how the company began, the values that guide it and the people who make it work. Walk readers through your journey, the problems you solve and the results clients can expect. Close with a confident statement that invites visitors to learn more or get in touch. Reinforce your purpose with concrete examples, milestones and the goals you are working toward. <br> Pair honest copy with supporting visuals to build a genuine connection with your audience. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours. Tabs let you present a rich narrative without forcing visitors to scroll through a wall of text. Thoughtful structure helps your message land clearly and keeps readers engaged to the end. The about panel is the perfect place to tell your story, share your mission and explain what sets you apart. Describe how the company began, the values that guide it and the people who make it work.<\/p><\/div><\/div><\/div><\/div><\/div>\n\n<div class=\"line\"><\/div>\n\n<h4>Right Bordered Icons Side Tabs<\/h4>\n<div class=\"canvas-tabs-wrapper\" id=\"cnvs-tabs-22\"><div class=\"row\"><div class=\"col-md-auto\"><ul class=\"nav canvas-tabs tabs nav-tabs flex-column canvas-br-side-tabs py-0\" role=\"tablist\" data-active=\"1\"><li class=\"nav-item mb-2\" role=\"presentation\"><button class=\"nav-link active\" id=\"cnvs-tabs-22-tab-1\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-22-pane-1\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-22-pane-1\" aria-selected=\"true\"><i class=\"bi-house fs-2 m-0\"><\/i><span class=\"d-block d-md-none ms-3\">Home<\/span><\/button><\/li><li class=\"nav-item mb-2\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-22-tab-2\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-22-pane-2\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-22-pane-2\" aria-selected=\"false\"><i class=\"bi-people fs-2 m-0\"><\/i><span class=\"d-block d-md-none ms-3\">Profile<\/span><\/button><\/li><li class=\"nav-item mb-2\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-22-tab-3\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-22-pane-3\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-22-pane-3\" aria-selected=\"false\"><i class=\"bi-envelope-plus fs-2 m-0\"><\/i><span class=\"d-block d-md-none ms-3\">Contact<\/span><\/button><\/li><li class=\"nav-item\" role=\"presentation\"><button class=\"nav-link\" id=\"cnvs-tabs-22-tab-4\" data-bs-toggle=\"pill\" data-bs-target=\"#cnvs-tabs-22-pane-4\" type=\"button\" role=\"tab\" aria-controls=\"cnvs-tabs-22-pane-4\" aria-selected=\"false\"><i class=\"bi-info-circle fs-2 m-0\"><\/i><span class=\"d-block d-md-none ms-3\">About<\/span><\/button><\/li><\/ul><\/div><div class=\"col-md\"><div class=\"tab-content\"><div class=\"tab-pane fade show active\" id=\"cnvs-tabs-22-pane-1\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-22-tab-1\" tabindex=\"0\"><p>Each tab style is fully responsive and adapts smoothly to phones, tablets and large desktop displays alike. Switch between panels effortlessly while your content stays organized, readable and easy to navigate. Welcome to Canvas, the flexible Bootstrap template built to help you launch polished websites in record time. Use this home panel to highlight your core offering, recent updates or a quick overview of your brand.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-22-pane-2\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-22-tab-2\" tabindex=\"0\"><p>Consistent typography and generous spacing make every profile feel professional and approachable. Pair concise text with supporting media to give context without overwhelming the reader. Whether for a single person or a whole department, this layout scales gracefully to your needs. Highlight skills, credentials or milestones that build trust and reinforce your expertise. Group related information into tidy sections so visitors can scan and find what matters most. The profile panel is a natural home for team bios, author details or a short company introduction. Add links, contact options or a call to action to guide readers toward the next step.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-22-pane-3\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-22-tab-3\" tabindex=\"0\"><p>Organized tabs mean contact details never clutter the page, yet remain one tap away. Embed a form, a map or social links so visitors can connect with you in just a couple of clicks. Pair friendly copy with clear actions to turn curious visitors into engaged customers. A well-structured contact section reassures visitors that real people stand behind your brand. Keep response expectations clear and let people know when and how they can hear back from you. Use the contact panel to share addresses, phone numbers and the best ways to reach your team.<\/p><\/div><div class=\"tab-pane fade\" id=\"cnvs-tabs-22-pane-4\" role=\"tabpanel\" aria-labelledby=\"cnvs-tabs-22-tab-4\" tabindex=\"0\"><p>Tabs let you present a rich narrative without forcing visitors to scroll through a wall of text. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours. Reinforce your purpose with concrete examples, milestones and the goals you are working toward. Walk readers through your journey, the problems you solve and the results clients can expect. Thoughtful structure helps your message land clearly and keeps readers engaged to the end. <br> Close with a confident statement that invites visitors to learn more or get in touch. The about panel is the perfect place to tell your story, share your mission and explain what sets you apart. Describe how the company began, the values that guide it and the people who make it work. Pair honest copy with supporting visuals to build a genuine connection with your audience. Tabs let you present a rich narrative without forcing visitors to scroll through a wall of text. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours.<\/p><\/div><\/div><\/div><\/div><\/div>\n<div class=\"divider\"><i class=\"bi-circle-fill\"><\/i><\/div>\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><h3>Bootstrap Tabs<\/h3><ul class=\"nav nav-tabs boot-tabs\" id=\"myTab\"><li class=\"nav-item\"><a data-bs-toggle=\"tab\" class=\"nav-link active\" href=\"#home\">Home<\/a><\/li><li class=\"nav-item\"><a data-bs-toggle=\"tab\" class=\"nav-link\" href=\"#profile\">Profile<\/a><\/li><li class=\"nav-item dropdown\"><a data-bs-toggle=\"dropdown\" class=\"nav-link dropdown-toggle\" id=\"myTabDrop1\" href=\"#\">Dropdown<\/a><ul aria-labelledby=\"myTabDrop1\" role=\"menu\" class=\"dropdown-menu\"><a data-bs-toggle=\"tab\" tabindex=\"-1\" class=\"dropdown-item\" href=\"#dropdown1\">@fat<\/a><a data-bs-toggle=\"tab\" tabindex=\"-1\" class=\"dropdown-item\" href=\"#dropdown2\">@mdo<\/a><\/ul><\/li><\/ul><div class=\"tab-content\" id=\"myTabContent\"><div class=\"tab-pane fade show active\" id=\"home\"><p>Start with a ready-made layout, then refine the copy, imagery and structure to suit your project. Clean markup keeps the layout lightweight, accessible and simple for any developer to extend. Customizable colors, spacing and animations let you match every tab to your own visual identity. Switch between panels effortlessly while your content stays organized, readable and easy to navigate.<\/p><\/div><div class=\"tab-pane fade\" id=\"profile\"><p>Consistent typography and generous spacing make every profile feel professional and approachable. Tabs keep dense content compact, presenting only the relevant details when a visitor selects them. The profile panel is a natural home for team bios, author details or a short company introduction. Group related information into tidy sections so visitors can scan and find what matters most. Pair concise text with supporting media to give context without overwhelming the reader. Highlight skills, credentials or milestones that build trust and reinforce your expertise. Add links, contact options or a call to action to guide readers toward the next step.<\/p><\/div><div class=\"tab-pane fade\" id=\"dropdown1\"><p>Embed a form, a map or social links so visitors can connect with you in just a couple of clicks. A well-structured contact section reassures visitors that real people stand behind your brand. Organized tabs mean contact details never clutter the page, yet remain one tap away. Use the contact panel to share addresses, phone numbers and the best ways to reach your team. Pair friendly copy with clear actions to turn curious visitors into engaged customers. Offer several channels so everyone can choose the option that suits them best.<\/p><\/div><div class=\"tab-pane fade\" id=\"dropdown2\"><p>Pair honest copy with supporting visuals to build a genuine connection with your audience. Tabs let you present a rich narrative without forcing visitors to scroll through a wall of text. Reinforce your purpose with concrete examples, milestones and the goals you are working toward. Thoughtful structure helps your message land clearly and keeps readers engaged to the end. Every detail, from spacing to color, can be tuned so your about section feels unmistakably yours.<\/p><\/div><\/div><div class=\"line\"><\/div><h4>Pills Navigation Style<\/h4><ul style=\"--bs-nav-pills-link-active-bg: var(--cnvs-themecolor)\" class=\"nav nav-pills boot-tabs\" id=\"myTab2\"><li class=\"nav-item\"><a data-bs-toggle=\"tab\" class=\"nav-link active\" href=\"#home2\">Home<\/a><\/li><li class=\"nav-item\"><a data-bs-toggle=\"tab\" class=\"nav-link\" href=\"#profile2\">Profile<\/a><\/li><li class=\"nav-item dropdown\"><a data-bs-toggle=\"dropdown\" class=\"nav-link dropdown-toggle\" id=\"myTabDrop1\" href=\"#\">Dropdown<\/a><ul aria-labelledby=\"myTabDrop1\" role=\"menu\" class=\"dropdown-menu\"><a data-bs-toggle=\"tab\" tabindex=\"-1\" class=\"dropdown-item\" href=\"#dropdown3\">@fat<\/a><a data-bs-toggle=\"tab\" tabindex=\"-1\" class=\"dropdown-item\" href=\"#dropdown4\">@mdo<\/a><\/ul><\/li><\/ul><div class=\"tab-content\" id=\"myTabContent2\"><div class=\"tab-pane fade show active\" id=\"home2\"><p>Start with a ready-made layout, then refine the copy, imagery and structure to suit your project. Clean markup keeps the layout lightweight, accessible and simple for any developer to extend. Use this home panel to highlight your core offering, recent updates or a quick overview of your brand. Welcome to Canvas, the flexible Bootstrap template built to help you launch polished websites in record time.<\/p><\/div><div class=\"tab-pane fade\" id=\"profile2\"><p>Add links, contact options or a call to action to guide readers toward the next step. The profile panel is a natural home for team bios, author details or a short company introduction. Group related information into tidy sections so visitors can scan and find what matters most. Highlight skills, credentials or milestones that build trust and reinforce your expertise. Consistent typography and generous spacing make every profile feel professional and approachable. Tabs keep dense content compact, presenting only the relevant details when a visitor selects them. Whether for a single person or a whole department, this layout scales gracefully to your needs.<\/p><\/div><div class=\"tab-pane fade\" id=\"dropdown3\"><p>Pair friendly copy with clear actions to turn curious visitors into engaged customers. Organized tabs mean contact details never clutter the page, yet remain one tap away. Offer several channels so everyone can choose the option that suits them best. Keep response expectations clear and let people know when and how they can hear back from you. Embed a form, a map or social links so visitors can connect with you in just a couple of clicks. Use the contact panel to share addresses, phone numbers and the best ways to reach your team.<\/p><\/div><div class=\"tab-pane fade\" id=\"dropdown4\"><p>Close with a confident statement that invites visitors to learn more or get in touch. Thoughtful structure helps your message land clearly and keeps readers engaged to the end. The about panel is the perfect place to tell your story, share your mission and explain what sets you apart. Tabs let you present a rich narrative without forcing visitors to scroll through a wall of text. Pair honest copy with supporting visuals to build a genuine connection with your audience.<\/p><\/div><\/div><div class=\"line\"><\/div><h4>Side Tabs &#8211; Listgroups<\/h4><div class=\"row\"><div class=\"col-4\"><div role=\"tablist\" class=\"list-group\" id=\"list-tab\"><a aria-controls=\"home\" data-bs-toggle=\"list\" role=\"tab\" class=\"list-group-item list-group-item-action active\" id=\"list-home-list\" href=\"#list-home\">Home<\/a><a aria-controls=\"profile\" data-bs-toggle=\"list\" role=\"tab\" class=\"list-group-item list-group-item-action\" id=\"list-profile-list\" href=\"#list-profile\">Profile<\/a><a aria-controls=\"messages\" data-bs-toggle=\"list\" role=\"tab\" class=\"list-group-item list-group-item-action\" id=\"list-messages-list\" href=\"#list-messages\">Messages<\/a><a aria-controls=\"settings\" data-bs-toggle=\"list\" role=\"tab\" class=\"list-group-item list-group-item-action\" id=\"list-settings-list\" href=\"#list-settings\">Settings<\/a><\/div><\/div><div class=\"col-8\"><div class=\"tab-content\" id=\"nav-tabContent\"><div aria-labelledby=\"list-home-list\" role=\"tabpanel\" class=\"tab-pane fade show active\" id=\"list-home\"><p>A focused introduction sets the tone and encourages readers to explore everything else. Keep this opening section clear and inviting so first impressions count for the right reasons. The home view gives visitors an immediate sense of who you are and what you offer at a glance. Lead with your strongest message, then let supporting panels carry the finer details. A focused introduction sets the tone and encourages readers to explore everything else. Keep this opening section clear and inviting so first impressions count for the right reasons.<\/p><\/div><div aria-labelledby=\"list-profile-list\" role=\"tabpanel\" class=\"tab-pane fade\" id=\"list-profile\"><p>Profiles work best when they balance personality with the credentials that build credibility. Share the experience, focus areas and achievements that make your team genuinely stand out. Use crisp, specific language so readers understand exactly what you bring to the table. A strong profile turns a casual visitor into someone who trusts and remembers your work. Profiles work best when they balance personality with the credentials that build credibility. Share the experience, focus areas and achievements that make your team genuinely stand out.<\/p><\/div><div aria-labelledby=\"list-messages-list\" role=\"tabpanel\" class=\"tab-pane fade\" id=\"list-messages\"><p>Surface the most recent activity so visitors always see fresh, relevant information. Messages and updates keep your audience informed about news, releases and important announcements. A clear messaging area builds an ongoing relationship between you and your community. Concise summaries respect the reader&#039;s time while still conveying everything that matters. Organize communications in tidy panels so nothing important ever gets buried. Surface the most recent activity so visitors always see fresh, relevant information. Messages and updates keep your audience informed about news, releases and important announcements. A clear messaging area builds an ongoing relationship between you and your community.<\/p><\/div><div aria-labelledby=\"list-settings-list\" role=\"tabpanel\" class=\"tab-pane fade\" id=\"list-settings\"><p>Give people control over their experience while keeping the interface clean and approachable. The settings panel demonstrates how preferences and options can live neatly inside a single view. Thoughtful layout turns even a dense settings screen into something calm and easy to use. Tabs keep complex options tidy, revealing each group only when it is actually needed. Group related controls together so users can adjust their experience without confusion. Clear labels and sensible defaults make configuration feel effortless rather than overwhelming. Give people control over their experience while keeping the interface clean and approachable. The settings panel demonstrates how preferences and options can live neatly inside a single view. Thoughtful layout turns even a dense settings screen into something calm and easy to use. Tabs keep complex options tidy, revealing each group only when it is actually needed.<\/p><\/div><\/div><\/div><\/div><\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<div class=\"container mt-6\">\n<div class=\"fancy-title title-border title-center mb-5\">\n<h4 id=\"explore-more-elements\" class=\"h3\">Explore more Elements<\/h4>\n<\/div>\n\n<div class=\"row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-6 align-items-stretch g-3 text-center wp-block-canvas-core-link-tiles\"><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/shop\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-basket cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Shop<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/blog\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-newspaper cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Blog<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/events-grid\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-calendar-event cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Events<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/contact\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-envelope-at cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Contact Forms<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/modal-onload\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-window-stack cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Modal onLoad<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/side-panel\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layout-sidebar-reverse cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Side Panel<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/animations\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-magic cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Animations<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/buttons\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hand-index cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Buttons<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/carousel\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-collection cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Carousel<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/clients\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-heart cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Clients<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/columns-grids\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-columns-gap cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Columns<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/counters\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-speedometer2 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Counters<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/read-more\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-three-dots cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Read More<span class=\"visually-hidden\">Element<\/span><\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/dividers\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-dash-lg cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Dividers<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/featured-boxes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-lightbulb cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Icon Boxes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/gallery\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-images cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Gallery<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/headings-dropcaps\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-type-h1 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Headings<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/icon-lists\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-list-check cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Icon Lists<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/gradients\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-palette cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Gradients<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/lightbox\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-aspect-ratio cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Lightbox<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/item-overlays\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layers cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Overlays<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/component-uploads\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-upload cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">File Uploads<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/lists-cards\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-card-list cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Lists &amp; Cards<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/maps\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-geo-alt cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Maps<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/media-embeds\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-play-btn cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Media Embeds<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/modal-popovers\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-window-plus cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Modal Boxes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/notifications\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-bell cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Notifications<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/navigation\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-list cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Navigations<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/pagination-progress\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-123 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Pagination<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/progress-skills\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-percent cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Progress Bars<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/shape-dividers\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-bezier2 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Shape Dividers<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/pricing\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-currency-exchange cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Pricing<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/process-steps\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-diagram-3 cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Process Steps<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/promo-boxes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-file-earmark-text cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Promo Boxes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/quotes-blockquotes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-quote cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Blockquotes<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/responsive\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-phone cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Responsive<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/sections\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layout-text-window cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Sections<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/social-icons\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-share cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Social Icons<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/hover-animations\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hand-index-thumb cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Hover Animations<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/style-boxes\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-exclamation-triangle cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Alerts<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/styled-icons\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hexagon cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Styled Icons<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/tables\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-table cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Tables<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/tabs\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-segmented-nav cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Tabs<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/testimonials-twitter\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-chat-quote cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Testimonials<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/thumbnails-slider\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-image cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Thumbnails<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/toggles-accordions\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-chevron-bar-down cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Toggles<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/lazy-loading\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-hourglass-split cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Lazy Loading<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/flip-cards\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-arrow-repeat cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Flip Cards<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/cascading-images\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-stack cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Cascading Images<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/image-compare\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-layout-split cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Before\/After<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/video-facade\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-play-circle cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Video Facade<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/gdpr\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-shield-check cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">GDPR<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/cart-quantity\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-plus-slash-minus cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Cart Quantity<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/circle-stack\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-record-circle cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Circle Stack<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/image-sliders\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-easel cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Image Sliders<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/ticker\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-wind cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Ticker<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/ajax-button\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-cloud-download cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">AJAX Button<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/conditional\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-question-diamond cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Conditional<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/code-highlighter\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-code-square cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Code Highlighter<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/custom-cursor\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-cursor cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Custom Cursor<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/hover-parallax\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-arrows-move cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Hover Parallax<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/color-mode-switcher\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-moon-stars cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Mode Switcher<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/image-hotspot\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-pin-map cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Image Hotspots<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/portfolio-filter-styles\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><i class=\"bi-funnel cnvs-link-tile-icon\" aria-hidden=\"true\"><\/i><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Filters<\/h5><\/a><\/div><div class=\"col\"><a href=\"https:\/\/demos.canvaswp.com\/classic\/preloaders\/\" style=\"background-color: var(--cnvs-contrast-bg-offset)\" class=\"d-block grid-inner text-contrast-900 h-text-color all-ts h-nobg border border-transparent h-border-contrast-900 py-5 px-3 rounded\"><div class=\"position-relative fs-2\">&nbsp;<div class=\"css3-spinner position-absolute\"><div class=\"css3-spinner-bounce1\" style=\"--cnvs-loader-color: var(--cnvs-contrast-900)\"><\/div><div class=\"css3-spinner-bounce2\" style=\"--cnvs-loader-color: var(--cnvs-contrast-900)\"><\/div><div class=\"css3-spinner-bounce3\" style=\"--cnvs-loader-color: var(--cnvs-contrast-900)\"><\/div><\/div><\/div><h5 class=\"fs-6 fw-medium mt-3 mb-0\">Preloaders<\/h5><\/a><\/div><\/div>\n<\/div>\n\n<div class=\"row align-items-stretch grid-border border-top border-default mx-0 mt-6 wp-block-canvas-core-link-tiles\"><div class=\"col-md-4 p-0 text-center\"><div class=\"grid-inner h-bg-contrast-200\"><a href=\"https:\/\/support.canvaswp.com\/\" class=\"d-block py-5\" target=\"_blank\" rel=\"noopener\"><i class=\"bi-emoji-smile display-6 mt-2 mb-2 mx-auto d-block\" aria-hidden=\"true\"><\/i><span class=\"fs-5 text-contrast-900 h-text-color fw-medium d-block mb-2\">Dedicated Support<\/span><\/a><\/div><\/div><\/div>\n\n<div class=\"section m-0 text-center dark footer-stick\">\n<div class=\"container\">\n\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-canvas","meta":{"footnotes":""},"class_list":["post-1502","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/comments?post=1502"}],"version-history":[{"count":9,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1502\/revisions"}],"predecessor-version":[{"id":6957,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1502\/revisions\/6957"}],"wp:attachment":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/media?parent=1502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}