{"id":1636,"date":"2026-07-28T22:33:57","date_gmt":"2026-07-28T22:33:57","guid":{"rendered":"http:\/\/home.test\/canvas-wp-test\/style-boxes\/"},"modified":"2026-08-20T18:42:21","modified_gmt":"2026-08-20T18:42:21","slug":"style-boxes","status":"publish","type":"page","link":"https:\/\/demos.canvaswp.com\/classic\/style-boxes\/","title":{"rendered":"Style Boxes"},"content":{"rendered":"\n<div class=\"wp-block-group container is-layout-flow wp-block-group-is-layout-flow\">\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-lg-9 is-layout-flow wp-block-group-is-layout-flow\">\n<h3>Native Style<\/h3>\n\n<div class=\"style-msg successmsg\"><div class=\"sb-msg\"><i class=\"bi-hand-thumbs-up\"><\/i><strong>Well done!<\/strong> You successfully read this important alert message.<\/div><\/div>\n\n<div class=\"style-msg errormsg\"><div class=\"sb-msg\"><i class=\"bi-x-lg\"><\/i><strong>Oh snap!<\/strong> Change a few things up and try submitting again.<\/div><\/div>\n\n<div class=\"style-msg infomsg\"><div class=\"sb-msg\"><i class=\"bi-info-circle-sign\"><\/i><strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.<\/div><\/div>\n\n<div class=\"style-msg alertmsg\"><div class=\"sb-msg\"><i class=\"bi-exclamation-diamond-fill\"><\/i><strong>Warning!<\/strong> Better check yourself, you&#8217;re not looking too good.<\/div><\/div>\n\n<div class=\"style-msg\" style=\"background-color: #EEE;\"><div class=\"sb-msg\"><i class=\"bi-question-circle-sign\"><\/i>This is a <strong>Blank Notification<\/strong> Box.<\/div><\/div>\n\n<div class=\"style-msg style-msg-light\" style=\"background-color: #333;\"><div class=\"sb-msg\"><i class=\"bi-question-circle-sign\"><\/i>This is a <strong>Blank Notification<\/strong> Box.<\/div><\/div>\n\n<div class=\"line\"><\/div>\n\n<h4>Extended Style Boxes<\/h4>\n\n<div class=\"style-msg2 errormsg\"><div class=\"msgtitle\">Fix the Following Errors:<\/div><div class=\"sb-msg\"><ul><li>The email address field cannot be left blank before you continue.<\/li><li>Your chosen password must contain at least eight characters.<\/li><li>Please accept the terms of service to complete registration here.<\/li><li>The verification code you entered does not match our records.<\/li><\/ul><\/div><\/div>\n\n<div class=\"style-msg2 successmsg\"><div class=\"msgtitle\">Some of your Successful Works:<\/div><div class=\"sb-msg\"><ul><li>Your account profile details were updated and saved correctly.<\/li><li>A confirmation message has been sent to your inbox just now.<\/li><li>The new payment method was added to your wallet successfully.<\/li><li>Two-factor authentication is now enabled on your account.<\/li><\/ul><\/div><\/div>\n\n<div class=\"style-msg2\" style=\"background-color: #EEE;\"><div class=\"msgtitle\">Try Solving these Issues(Optional):<\/div><div class=\"sb-msg\"><ul><li>Consider adding a profile photo to personalize your account.<\/li><li>Link a backup email so you never lose access to this account.<\/li><li>Review your notification settings to reduce unwanted alerts here.<\/li><li>Connect a social profile for faster sign-in next time around.<\/li><\/ul><\/div><\/div>\n\n<div class=\"style-msg2 style-msg-light\" style=\"background-color: #444;\"><div class=\"msgtitle\"><i class=\"bi-newspaper\"><\/i>Just a Custom Color Option:<\/div><div class=\"sb-msg\"><ul><li>Style boxes inherit any custom color you set through one class.<\/li><li>Mix icons, titles and lists to build richer alert messages here.<\/li><li>Each box stays fully responsive across phones, tablets, desktops.<\/li><li>Drop these notification boxes into any page without extra setup.<\/li><\/ul><\/div><\/div>\n\n<div class=\"line\"><\/div>\n\n<h3>Bootstrap Alerts<\/h3>\n\n<div class=\"alert alert-success\" role=\"alert\"><i class=\"bi-boxes\"><\/i><strong>Well done!<\/strong> You successfully read this important alert message.<\/div>\n\n<div class=\"alert alert-info\" role=\"alert\"><i class=\"bi-hand-index\"><\/i><strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.<\/div>\n\n<div class=\"alert alert-warning\" role=\"alert\"><i class=\"bi-exclamation-diamond-fill\"><\/i><strong>Warning!<\/strong> Better check yourself, you&#8217;re not looking too good.<\/div>\n\n<div class=\"alert alert-danger\" role=\"alert\"><i class=\"bi-x-circle-fill\"><\/i><strong>Oh snap!<\/strong> Change a few things up and try submitting again.<\/div>\n\n<div class=\"line\"><\/div>\n\n<h3>Bootstrap Alerts &#8211; Bordered<\/h3>\n\n<div class=\"alert bg-transparent text-success border-success\" role=\"alert\"><i class=\"bi-boxes\"><\/i><strong>Well done!<\/strong> You successfully read this important alert message.<\/div>\n\n<div class=\"alert bg-transparent text-info border-info\" role=\"alert\"><i class=\"bi-hand-index\"><\/i><strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.<\/div>\n\n<div class=\"alert bg-transparent text-warning border-warning\" role=\"alert\"><i class=\"bi-exclamation-diamond-fill\"><\/i><strong>Warning!<\/strong> Better check yourself, you&#8217;re not looking too good.<\/div>\n\n<div class=\"alert bg-transparent text-danger border-danger\" role=\"alert\"><i class=\"bi-x-circle-fill\"><\/i><strong>Oh snap!<\/strong> Change a few things up and try submitting again.<\/div>\n\n<div class=\"line\"><\/div>\n\n<h4>Bootstrap Alerts &#8211; Closable<\/h4>\n\n<div class=\"alert alert-success alert-dismissible\" role=\"alert\"><i class=\"bi-boxes\"><\/i><strong>Well done!<\/strong> You successfully read this <a href=\"#\" class=\"alert-link\">important alert message<\/a>.<button type=\"button\" class=\"btn-close btn-sm\" data-bs-dismiss=\"alert\" aria-label=\"Close\"><\/button><\/div>\n\n<div class=\"alert alert-info alert-dismissible\" role=\"alert\"><i class=\"bi-hand-index\"><\/i><strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.<button type=\"button\" class=\"btn-close btn-sm\" data-bs-dismiss=\"alert\" aria-label=\"Close\"><\/button><\/div>\n\n<div class=\"alert alert-warning alert-dismissible\" role=\"alert\"><i class=\"bi-exclamation-diamond-fill\"><\/i><strong>Warning!<\/strong> Better check yourself, you&#8217;re not looking too good.<button type=\"button\" class=\"btn-close btn-sm\" data-bs-dismiss=\"alert\" aria-label=\"Close\"><\/button><\/div>\n\n<div class=\"alert alert-danger alert-dismissible mb-0\" role=\"alert\"><i class=\"bi-x-circle-fill\"><\/i><strong>Oh snap!<\/strong> Change a few things up and try submitting again.<button type=\"button\" class=\"btn-close btn-sm\" data-bs-dismiss=\"alert\" aria-label=\"Close\"><\/button><\/div>\n\n<div class=\"line\"><\/div>\n\n<h4>Bootstrap Alerts &#8211; Links<\/h4>\n\n<div class=\"alert alert-primary\" role=\"alert\">A simple primary alert with <a href=\"#\" class=\"alert-link\"><u>an example link<\/u><\/a>. Give it a click if you like.<\/div>\n\n<div class=\"alert alert-secondary\" role=\"alert\">A simple secondary alert with <a href=\"#\" class=\"alert-link\"><u>an example link<\/u><\/a>. Give it a click if you like.<\/div>\n\n<div class=\"alert alert-success\" role=\"alert\">A simple success alert with <a href=\"#\" class=\"alert-link\"><u>an example link<\/u><\/a>. Give it a click if you like.<\/div>\n\n<div class=\"alert alert-danger\" role=\"alert\">A simple danger alert with <a href=\"#\" class=\"alert-link\"><u>an example link<\/u><\/a>. Give it a click if you like.<\/div>\n\n<div class=\"alert alert-warning\" role=\"alert\">A simple warning alert with <a href=\"#\" class=\"alert-link\"><u>an example link<\/u><\/a>. Give it a click if you like.<\/div>\n\n<div class=\"alert alert-info\" role=\"alert\">A simple info alert with <a href=\"#\" class=\"alert-link\"><u>an example link<\/u><\/a>. Give it a click if you like.<\/div>\n\n<div class=\"alert alert-light\" role=\"alert\">A simple light alert with <a href=\"#\" class=\"alert-link\"><u>an example link<\/u><\/a>. Give it a click if you like.<\/div>\n\n<div class=\"alert alert-dark\" role=\"alert\">A simple dark alert with <a href=\"#\" class=\"alert-link\"><u>an example link<\/u><\/a>. Give it a click if you like.<\/div>\n\n<div class=\"line\"><\/div>\n\n<h4>Bootstrap Alerts &#8211; Additional Content<\/h4>\n\n<div class=\"alert alert-success\" role=\"alert\"><h3 class=\"alert-heading mb-3\">Well done!<\/h3><p class=\"mb-0\">Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.<\/p><hr><p class=\"mb-0\">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.<\/p><\/div>\n<\/div>\n\n<\/div>\n\n<\/div>\n\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-1636","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1636","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=1636"}],"version-history":[{"count":3,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1636\/revisions"}],"predecessor-version":[{"id":6954,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1636\/revisions\/6954"}],"wp:attachment":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/media?parent=1636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}