{"id":1515,"date":"2026-07-28T22:33:15","date_gmt":"2026-07-28T22:33:15","guid":{"rendered":"http:\/\/home.test\/canvas-wp-test\/modal-popovers\/"},"modified":"2026-08-20T18:42:08","modified_gmt":"2026-08-20T18:42:08","slug":"modal-popovers","status":"publish","type":"page","link":"https:\/\/demos.canvaswp.com\/classic\/modal-popovers\/","title":{"rendered":"Modal &#038; Popovers"},"content":{"rendered":"<div class=\"container\">\n\n<div class=\"wp-block-group row justify-content-center text-center is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-lg-9 is-layout-flow wp-block-group-is-layout-flow\">\n<h3>Modals<\/h3>\n<button data-bs-target=\"#myModal\" data-bs-toggle=\"modal\" class=\"btn btn-primary btn-lg\" type=\"button\">Launch modal<\/button>\n<div class=\"modal fade text-start\" id=\"myModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\" aria-hidden=\"true\"><div class=\"modal-dialog\"><div class=\"modal-content\"><div class=\"modal-header\"><h4 class=\"modal-title\" id=\"myModalLabel\">Modal Heading<\/h4><button type=\"button\" class=\"btn-close btn-sm\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button><\/div><div class=\"modal-body\">\n<h4>Text in a modal<\/h4>\n<p class=\"wp-block-paragraph\">Surface focused content or a short form without leaving the page.<\/p>\n<h4>Popover in a modal<\/h4>\n<p class=\"wp-block-paragraph\">This <a href=\"#\" role=\"button\" class=\"btn btn-secondary\" data-bs-toggle=\"popover\" title=\"A Title\" data-bs-content=\"And here's some amazing content. It's very engaging. right?\">button<\/a> should trigger a popover on click.<\/p>\n<h4>Tooltips in a modal<\/h4>\n<p class=\"wp-block-paragraph\"><a href=\"#\" data-bs-toggle=\"tooltip\" title=\"Tooltip\">This link<\/a> and <a href=\"#\" data-bs-toggle=\"tooltip\" title=\"Tooltip\">that link<\/a> should have tooltips on hover.<\/p>\n<hr>\n<h4>Overflowing text to show scroll behavior<\/h4>\n<p class=\"wp-block-paragraph\">Modals stack above the page using a dark backdrop, so the dialog stays the clear focus while everything behind it is dimmed, blurred, and locked away.<\/p>\n<p class=\"wp-block-paragraph\">When body content exceeds the viewport, the modal scrolls naturally so users can reach every action without losing their place.<\/p>\n<p class=\"wp-block-paragraph\">Header, body, and footer regions keep a consistent structure, letting you place titles, rich content, and action buttons exactly where your visitors expect to find them every time.<\/p>\n<p class=\"wp-block-paragraph\">Buttons inside the footer trigger save or dismiss actions, while the close icon in the header offers a quick, predictable exit from the dialog at any point.<\/p>\n<p class=\"wp-block-paragraph\">Tooltips and popovers can live inside a modal too, layering helpful hints over the dialog without crowding the main message.<\/p>\n<p class=\"wp-block-paragraph\">Long-form copy demonstrates how the dialog handles overflow gracefully, keeping the heading pinned in place while the reader scrolls calmly through all of the text below it.<\/p>\n<p class=\"wp-block-paragraph\">Each modal can be sized small, large, or fullscreen, adapting smoothly to the amount of content and the exact level of focus that a given task demands.<\/p>\n<p class=\"wp-block-paragraph\">Keyboard and screen-reader support is built in, so the dialog traps focus and announces its purpose to assistive technology.<\/p>\n<p class=\"mb-0 wp-block-paragraph\">Closing the modal returns focus to the trigger button that opened it, restoring the underlying page content exactly the way the visitor left it just moments earlier.<\/p>\n<\/div><div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Close<\/button><button type=\"button\" class=\"btn btn-primary\">Save changes<\/button><\/div><\/div><\/div><\/div>\n\n\n<div class=\"wp-block-group line my-6 is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n\n\n<h4>Modal &#8211; Optional Sizes<\/h4>\n<button data-bs-target=\"#modalLarge\" data-bs-toggle=\"modal\" class=\"btn btn-primary me-2\" type=\"button\">Large modal<\/button>\n<div class=\"modal fade text-start bs-example-modal-lg\" id=\"modalLarge\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modalLargeLabel\" aria-hidden=\"true\"><div class=\"modal-dialog modal-lg\"><div class=\"modal-content\"><div class=\"modal-header\"><h4 class=\"modal-title\" id=\"modalLargeLabel\">Modal Heading<\/h4><button type=\"button\" class=\"btn-close btn-sm\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button><\/div><div class=\"modal-body\">\n<p class=\"wp-block-paragraph\">The large modal gives wide layouts more breathing room, ideal for tables, side-by-side fields, or detailed product information.<\/p>\n<p class=\"wp-block-paragraph\">Extra width keeps complex forms readable, so labels and inputs line up cleanly across the dialog instead of wrapping awkwardly the way they might on smaller modals.<\/p>\n<p class=\"wp-block-paragraph\">Use it when a standard modal feels cramped but a fullscreen takeover would clearly be more space than the task in front of the user actually requires.<\/p>\n<p class=\"wp-block-paragraph\">Content still scrolls smoothly whenever it is needed, and the header and footer remain fixed in place for predictable, reliable navigation throughout.<\/p>\n<p class=\"mb-0 wp-block-paragraph\">Like every Canvas modal, the large variant is fully responsive and collapses to a comfortable, readable column width on tablet, laptop, and mobile screens alike.<\/p>\n<\/div><\/div><\/div><\/div>\n\n<button data-bs-target=\"#modalSmall\" data-bs-toggle=\"modal\" class=\"btn btn-secondary me-2\" type=\"button\">Small modal<\/button>\n<div class=\"modal fade text-start bs-example-modal-sm\" id=\"modalSmall\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modalSmallLabel\" aria-hidden=\"true\"><div class=\"modal-dialog modal-sm\"><div class=\"modal-content\"><div class=\"modal-header\"><h4 class=\"modal-title\" id=\"modalSmallLabel\">Modal Heading<\/h4><button type=\"button\" class=\"btn-close btn-sm\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button><\/div><div class=\"modal-body\">\n<p class=\"mb-0 wp-block-paragraph\">The small modal is perfect for brief confirmations or quick prompts, keeping the dialog compact, the message clear, and the decision genuinely simple to make fast.<\/p>\n<\/div><\/div><\/div><\/div>\n\n<button data-bs-target=\"#modalScrollable\" data-bs-toggle=\"modal\" class=\"btn btn-info me-2\" type=\"button\">Scrollable modal<\/button>\n<div class=\"modal fade text-start bs-example-modal-scrollable\" id=\"modalScrollable\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modalScrollableLabel\" aria-hidden=\"true\"><div class=\"modal-dialog modal-dialog-scrollable\"><div class=\"modal-content\"><div class=\"modal-header\"><h4 class=\"modal-title\" id=\"modalScrollableLabel\">Modal Heading<\/h4><button type=\"button\" class=\"btn-close btn-sm\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button><\/div><div class=\"modal-body\">\n<p class=\"wp-block-paragraph\">A scrollable modal is the right pattern whenever the body content is simply too long to fit the viewport in one comfortable view. Instead of stretching the dialog past the edges of the screen, the body region scrolls on its own while the header and footer stay anchored in place. That keeps the title and the primary action buttons within easy reach no matter how far the reader has travelled down the page of text in front of them.<\/p>\n<p class=\"wp-block-paragraph\">Use this layout for terms and conditions, release notes, onboarding guides, or any reference material a visitor needs to read in full before deciding how to proceed. Because only the inner region moves, the surrounding chrome never jumps, and the close icon remains exactly where the eye expects to find it from the very first moment the dialog opens on screen.<\/p>\n<p class=\"wp-block-paragraph\">The backdrop behind the modal stays fixed and gently dimmed throughout the interaction, reinforcing that the dialog is the single point of focus until it is dismissed. Focus is trapped inside the modal for keyboard users, so pressing tab cycles only through the controls that belong to the dialog itself, rather than wandering off into the page that sits hidden quietly behind it during reading.<\/p>\n<p class=\"mb-0 wp-block-paragraph\">When the reader reaches the footer they can save their choice or dismiss the dialog, and closing it returns focus to the button that first opened the modal. The page underneath is restored exactly as it was, making the scrollable modal a dependable way to present detailed information without ever pulling the visitor away from the page they came from.<\/p>\n<\/div><div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Close<\/button><button type=\"button\" class=\"btn btn-primary\">Save changes<\/button><\/div><\/div><\/div><\/div>\n\n<button data-bs-target=\"#modalFullscreen\" data-bs-toggle=\"modal\" class=\"btn btn-success me-2\" type=\"button\">Fullscreen modal<\/button>\n<div class=\"modal fade text-start bs-example-modal-fs\" id=\"modalFullscreen\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modalFullscreenLabel\" aria-hidden=\"true\"><div class=\"modal-dialog modal-fullscreen\"><div class=\"modal-content\"><div class=\"modal-header\"><h4 class=\"modal-title\" id=\"modalFullscreenLabel\">Modal Heading<\/h4><button type=\"button\" class=\"btn-close btn-sm\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button><\/div><div class=\"modal-body\">\n<p class=\"wp-block-paragraph\">A fullscreen modal takes over the entire viewport, which makes it ideal for immersive tasks like multi-step wizards, media galleries, or detailed editors that benefit from every available pixel. The dialog expands edge to edge on smaller screens, giving complex forms and rich layouts the room they need to breathe without the visitor feeling boxed in.<\/p>\n<p class=\"wp-block-paragraph\">Because the modal fills the browser window completely, it works especially well on small mobile devices where a centered dialog would otherwise feel cramped and fiddly to use. Visitors get a focused, app-like experience, and the close control stays pinned in the header so that leaving the view is always one clear, predictable tap or single click away at any point during the task at hand.<\/p>\n<p class=\"wp-block-paragraph\">Inside the fullscreen surface you can arrange content in flexible columns, tabs, or panels just as you would on a full standalone page, while still keeping the modal behaviour that traps focus and dims the world behind it. That combination lets you build guided, multi-step flows that feel genuinely substantial without ever forcing a full navigation away from the visitor current location.<\/p>\n<p class=\"mb-0 wp-block-paragraph\">Choose the fullscreen variant whenever a task truly deserves the visitor undivided attention and a standard dialog would feel far too small for the job at hand. When the work is finished, dismissing the modal returns focus to the trigger and restores the underlying page exactly as it was, completing the entire round trip cleanly and without any noticeable disruption.<\/p>\n<\/div><div class=\"modal-footer\"><button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Close<\/button><button type=\"button\" class=\"btn btn-primary\">Save changes<\/button><\/div><\/div><\/div><\/div>\n\n<button data-bs-target=\"#modalCentered\" data-bs-toggle=\"modal\" class=\"btn btn-danger me-2\" type=\"button\">Vertically centered modal<\/button>\n<div class=\"modal fade text-start bs-example-modal-centered\" id=\"modalCentered\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modalCenteredLabel\" aria-hidden=\"true\"><div class=\"modal-dialog modal-dialog-centered\"><div class=\"modal-content\"><div class=\"modal-header\"><h4 class=\"modal-title\" id=\"modalCenteredLabel\">Modal Heading<\/h4><button type=\"button\" class=\"btn-close btn-sm\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button><\/div><div class=\"modal-body\">\n<p class=\"mb-0 wp-block-paragraph\">A vertically centered modal sits in the middle of the screen, drawing the eye to short, important messages with very little scrolling required of the reader at all.<\/p>\n<\/div><\/div><\/div><\/div>\n\n<div class=\"divider divider-center my-6\"><i class=\"bi-circle-fill\"><\/i><\/div>\n\n<h3>Popovers<\/h3>\n<button data-bs-container=\"body\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\" data-bs-placement=\"right\" data-bs-toggle=\"popover\" class=\"btn btn-secondary me-2\" type=\"button\">Popover on right<\/button>\n<button data-bs-container=\"body\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\" data-bs-placement=\"top\" data-bs-toggle=\"popover\" class=\"btn btn-secondary me-2\" type=\"button\">Popover on top<\/button>\n<button data-bs-container=\"body\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\" data-bs-placement=\"bottom\" data-bs-toggle=\"popover\" class=\"btn btn-secondary me-2\" type=\"button\">Popover on bottom<\/button>\n<button data-bs-container=\"body\" data-bs-content=\"Vivamus sagittis lacus vel augue laoreet rutrum faucibus.\" data-bs-placement=\"left\" data-bs-toggle=\"popover\" class=\"btn btn-secondary me-2\" type=\"button\">Popover on left<\/button>\n\n<div class=\"divider divider-center my-6\"><i class=\"bi-circle-fill\"><\/i><\/div>\n\n<h3>Tooltips<\/h3>\n<button data-bs-placement=\"right\" data-bs-toggle=\"tooltip\" class=\"btn btn-secondary me-2\" title=\"Tooltip on right\" type=\"button\">Tooltip on right<\/button>\n<button data-bs-placement=\"top\" data-bs-toggle=\"tooltip\" class=\"btn btn-secondary me-2\" title=\"Tooltip on top\" type=\"button\">Tooltip on top<\/button>\n<button data-bs-placement=\"bottom\" data-bs-toggle=\"tooltip\" class=\"btn btn-secondary me-2\" title=\"Tooltip on bottom\" type=\"button\">Tooltip on bottom<\/button>\n<button data-bs-placement=\"left\" data-bs-toggle=\"tooltip\" class=\"btn btn-secondary me-2\" title=\"Tooltip on left\" type=\"button\">Tooltip on left<\/button>\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-1515","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1515","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=1515"}],"version-history":[{"count":13,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1515\/revisions"}],"predecessor-version":[{"id":6936,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1515\/revisions\/6936"}],"wp:attachment":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/media?parent=1515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}