{"id":1631,"date":"2026-07-28T22:33:54","date_gmt":"2026-07-28T22:33:54","guid":{"rendered":"http:\/\/home.test\/canvas-wp-test\/lists-cards\/"},"modified":"2026-08-20T18:42:05","modified_gmt":"2026-08-20T18:42:05","slug":"lists-cards","status":"publish","type":"page","link":"https:\/\/demos.canvaswp.com\/classic\/lists-cards\/","title":{"rendered":"List Groups &#038; Cards"},"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>List Groups<\/h3>\n\n<ul class=\"list-group\"><li class=\"list-group-item\">Dashboard Overview<\/li><li class=\"list-group-item\">User Management<\/li><li class=\"list-group-item\">Analytics Reports<\/li><li class=\"list-group-item\">Billing &amp; Invoices<\/li><li class=\"list-group-item\">Account Settings<\/li><\/ul>\n\n<div class=\"line\"><\/div>\n\n<h4>List Groups &#8211; Badges<\/h4>\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"list-group\"><li class=\"list-group-item\">New Messages<span class=\"badge bg-secondary float-end\" style=\"margin-top: 3px\">14<\/span><\/li><\/ul>\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h4>List Groups &#8211; Linked<\/h4>\n\n<div class=\"list-group\"><a href=\"#\" class=\"list-group-item active list-group-item-action\">Home<\/a><a href=\"#\" class=\"list-group-item list-group-item-action\">Profile<\/a><a href=\"#\" class=\"list-group-item list-group-item-action\">Messages<\/a><a href=\"#\" class=\"list-group-item list-group-item-action\">Settings<\/a><a href=\"#\" class=\"list-group-item list-group-item-action\">Sign Out<\/a><\/div>\n\n<div class=\"line\"><\/div>\n\n\n<div class=\"wp-block-group row col-mb-50 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>List Groups &#8211; Disable<\/h4>\n\n<ul class=\"list-group\"><li class=\"list-group-item disabled\" aria-disabled=\"true\">A disabled item<\/li><li class=\"list-group-item\">A second item<\/li><li class=\"list-group-item\">A third item<\/li><li class=\"list-group-item\">A fourth item<\/li><li class=\"list-group-item\">And a fifth one<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>List Groups &#8211; Flush<\/h4>\n\n<ul class=\"list-group list-group-flush\"><li class=\"list-group-item\">An item<\/li><li class=\"list-group-item\">A second item<\/li><li class=\"list-group-item\">A third item<\/li><li class=\"list-group-item\">A fourth item<\/li><li class=\"list-group-item\">And a fifth one<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>List Groups &#8211; Numbered<\/h4>\n\n<ol class=\"list-group list-group-numbered\"><li class=\"list-group-item\">Design &amp; Prototyping<\/li><li class=\"list-group-item\">Development &amp; Testing<\/li><li class=\"list-group-item\">Launch &amp; Deployment<\/li><\/ol>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>List Groups &#8211; Custom Content<\/h4>\n\n<ol class=\"list-group list-group-numbered\"><li class=\"list-group-item d-flex justify-content-between align-items-start\"><div class=\"ms-2 me-auto\"><div class=\"fw-bold\">Subheading<\/div>Responsive layouts<\/div><span class=\"badge bg-primary rounded-pill\">14<\/span><\/li><li class=\"list-group-item d-flex justify-content-between align-items-start\"><div class=\"ms-2 me-auto\"><div class=\"fw-bold\">Subheading<\/div>Ready-to-use UI blocks<\/div><span class=\"badge bg-primary rounded-pill\">14<\/span><\/li><li class=\"list-group-item d-flex justify-content-between align-items-start\"><div class=\"ms-2 me-auto\"><div class=\"fw-bold\">Subheading<\/div>Pre-built page designs<\/div><span class=\"badge bg-primary rounded-pill\">14<\/span><\/li><\/ol>\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n\n<div class=\"wp-block-group row col-mb-50 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>List Groups &#8211; Checkboxes<\/h4>\n\n\n<div class=\"wp-block-group list-group is-layout-flow wp-block-group-is-layout-flow\"><label class=\"list-group-item mb-0 text-transform-none fw-normal ls-0 text-size-sm font-body\">\n\t\t\n\t<input aria-label=\"first checkbox\" type=\"checkbox\" name=\"list-group-checkbox\" id=\"list-group-checkbox-1\" class=\"form-check-input me-1\"> First checkbox\n\t\t\n\t\n<\/label><label class=\"list-group-item mb-0 text-transform-none fw-normal ls-0 text-size-sm font-body\">\n\t\t\n\t<input aria-label=\"second checkbox\" type=\"checkbox\" name=\"list-group-checkbox\" id=\"list-group-checkbox-2\" class=\"form-check-input me-1\"> Second checkbox\n\t\t\n\t\n<\/label><label class=\"list-group-item mb-0 text-transform-none fw-normal ls-0 text-size-sm font-body\">\n\t\t\n\t<input aria-label=\"third checkbox\" type=\"checkbox\" name=\"list-group-checkbox\" id=\"list-group-checkbox-3\" class=\"form-check-input me-1\"> Third checkbox\n\t\t\n\t\n<\/label><label class=\"list-group-item mb-0 text-transform-none fw-normal ls-0 text-size-sm font-body\">\n\t\t\n\t<input aria-label=\"fourth checkbox\" type=\"checkbox\" name=\"list-group-checkbox\" id=\"list-group-checkbox-4\" class=\"form-check-input me-1\"> Fourth checkbox\n\t\t\n\t\n<\/label><label class=\"list-group-item mb-0 text-transform-none fw-normal ls-0 text-size-sm font-body\">\n\t\t\n\t<input aria-label=\"fifth checkbox\" type=\"checkbox\" name=\"list-group-checkbox\" id=\"list-group-checkbox-5\" class=\"form-check-input me-1\"> Fifth checkbox\n\t\t\n\t\n<\/label><\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h4>List Groups &#8211; Radios<\/h4>\n\n\n<div class=\"wp-block-group list-group is-layout-flow wp-block-group-is-layout-flow\"><label class=\"list-group-item mb-0 text-transform-none fw-normal ls-0 text-size-sm font-body\">\n\t\t\n\t<input aria-label=\"first radio\" type=\"radio\" name=\"list-group-radio\" id=\"list-group-radio-1\" class=\"form-check-input me-1\" checked> First radio\n\t\t\n\t\n<\/label><label class=\"list-group-item mb-0 text-transform-none fw-normal ls-0 text-size-sm font-body\">\n\t\t\n\t<input aria-label=\"second radio\" type=\"radio\" name=\"list-group-radio\" id=\"list-group-radio-2\" class=\"form-check-input me-1\"> Second radio\n\t\t\n\t\n<\/label><label class=\"list-group-item mb-0 text-transform-none fw-normal ls-0 text-size-sm font-body\">\n\t\t\n\t<input aria-label=\"third radio\" type=\"radio\" name=\"list-group-radio\" id=\"list-group-radio-3\" class=\"form-check-input me-1\"> Third radio\n\t\t\n\t\n<\/label><label class=\"list-group-item mb-0 text-transform-none fw-normal ls-0 text-size-sm font-body\">\n\t\t\n\t<input aria-label=\"fourth radio\" type=\"radio\" name=\"list-group-radio\" id=\"list-group-radio-4\" class=\"form-check-input me-1\"> Fourth radio\n\t\t\n\t\n<\/label><label class=\"list-group-item mb-0 text-transform-none fw-normal ls-0 text-size-sm font-body\">\n\t\t\n\t<input aria-label=\"fifth radio\" type=\"radio\" name=\"list-group-radio\" id=\"list-group-radio-5\" class=\"form-check-input me-1\"> Fifth radio\n\t\t\n\t\n<\/label><\/div>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h4>Contextual classes<\/h4>\n\n\n<div class=\"wp-block-group row col-mb-50 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"list-group mb-0\"><li class=\"list-group-item list-group-item-success\">Task completed successfully<\/li><li class=\"list-group-item list-group-item-info\">System update available<\/li><li class=\"list-group-item list-group-item-warning\">Pending approval required<\/li><li class=\"list-group-item list-group-item-danger\">Action needed immediately<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"list-group\"><a href=\"#\" class=\"list-group-item list-group-item-success list-group-item-action\">Order confirmed<\/a><a href=\"#\" class=\"list-group-item list-group-item-info list-group-item-action\">New message received<\/a><a href=\"#\" class=\"list-group-item list-group-item-warning list-group-item-action\">Payment overdue<\/a><a href=\"#\" class=\"list-group-item list-group-item-danger list-group-item-action\">Security alert<\/a><\/div>\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h4>Custom Contents<\/h4>\n\n<div class=\"list-group\"><a href=\"#\" class=\"list-group-item active flex-column align-items-start list-group-item-action\"><div class=\"d-flex w-100 justify-content-between\"><h4 class=\"mb-2 text-white\">List group item heading<\/h4><small>3 days ago<\/small><\/div><p class=\"mb-1\">Canvas delivers a rich collection of Bootstrap components and shortcodes for building modern, responsive web layouts.<\/p><small>Start building with Canvas now.<\/small><\/a><a href=\"#\" class=\"list-group-item flex-column align-items-start list-group-item-action\"><div class=\"d-flex w-100 justify-content-between\"><h4 class=\"mb-2\">List group item heading<\/h4><small class=\"text-muted\">3 days ago<\/small><\/div><p class=\"mb-1\">Hundreds of pre-designed page templates and niche demos are available, covering any industry or use case.<\/p><small class=\"text-muted\">Explore all available demos.<\/small><\/a><a href=\"#\" class=\"list-group-item flex-column align-items-start list-group-item-action\"><div class=\"d-flex w-100 justify-content-between\"><h4 class=\"mb-2\">List group item heading<\/h4><small class=\"text-muted\">3 days ago<\/small><\/div><p class=\"mb-1\">Fully responsive and retina-ready, Canvas adapts beautifully to every screen size and device type.<\/p><small class=\"text-muted\">Learn about responsive design.<\/small><\/a><\/div>\n\n<div class=\"line\"><\/div>\n\n<h3>Card<\/h3>\n\n\n<div class=\"wp-block-group card is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group card-body is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"card-text wp-block-paragraph\">Basic card example<\/p>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h4>Card with heading<\/h4>\n\n\n<div class=\"wp-block-group row col-mb-50 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group card is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"card-header\">Card Heading without title<\/div>\n\n\n<div class=\"wp-block-group card-body is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"card-text wp-block-paragraph\">Cards in Canvas are versatile containers for displaying grouped content, images, and actions in a clean, consistent format across your site pages.<\/p>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-group col-md-6 is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group card is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"card-header\">Card Heading<\/div>\n\n\n<div class=\"wp-block-group card-body is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"card-title\">Card Title<\/h4>\n\n\n<p class=\"card-text wp-block-paragraph\">Use card headings and titles to group related content, highlight key information, and guide visitors through structured, well-organized page layouts.<\/p>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h4>Card with footer<\/h4>\n\n\n<div class=\"wp-block-group card is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group card-body is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"card-text wp-block-paragraph\">Card content<\/p>\n\n<\/div>\n\n\n<div class=\"card-footer\">Card footer<\/div>\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h4>Contextual alternatives<\/h4>\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"max-width: 20rem\" class=\"card text-white bg-primary mb-3\"><div class=\"card-header\">Card Title<\/div><div class=\"card-body\"><p class=\"card-text\">Card content<\/p><\/div><\/div><div style=\"max-width: 20rem\" class=\"card text-white bg-success mb-3\"><div class=\"card-header\">Card Title<\/div><div class=\"card-body\"><p class=\"card-text\">Card content<\/p><\/div><\/div><div style=\"max-width: 20rem\" class=\"card text-white bg-info mb-3\"><div class=\"card-header\">Card Title<\/div><div class=\"card-body\"><p class=\"card-text\">Card content<\/p><\/div><\/div><div style=\"max-width: 20rem\" class=\"card text-white bg-warning mb-3\"><div class=\"card-header\">Card Title<\/div><div class=\"card-body\"><p class=\"card-text\">Card content<\/p><\/div><\/div><div style=\"max-width: 20rem\" class=\"card text-white bg-danger mb-3\"><div class=\"card-header\">Card Title<\/div><div class=\"card-body\"><p class=\"card-text\">Card content<\/p><\/div><\/div><\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h4>Card with Tables<\/h4>\n\n\n<div class=\"wp-block-group card is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"card-header\">Card Heading<\/div>\n\n\n<div class=\"wp-block-group card-body is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"card-text wp-block-paragraph\">Cards can embed tables to present structured data alongside summary content, making it simple to display user records, billing info, and analytics in context.<\/p>\n\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<table class=\"table mb-0\">\n<thead>\n<tr>\n<th>#<\/th>\n<th>First Name<\/th>\n<th>Last Name<\/th>\n<th>Username<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1<\/td>\n<td>Mark<\/td>\n<td>Otto<\/td>\n<td>@mdo<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>Jacob<\/td>\n<td>Thornton<\/td>\n<td>@fat<\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td>Larry<\/td>\n<td>the Bird<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n\n<div class=\"wp-block-group card is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"card-header\">Card Heading<\/div>\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<table class=\"table mb-0\">\n<thead>\n<tr>\n<th>#<\/th>\n<th>First Name<\/th>\n<th>Last Name<\/th>\n<th>Username<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1<\/td>\n<td>Mark<\/td>\n<td>Otto<\/td>\n<td>@mdo<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>Jacob<\/td>\n<td>Thornton<\/td>\n<td>@fat<\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td>Larry<\/td>\n<td>the Bird<\/td>\n<td>@twitter<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h4>Card with List Groups<\/h4>\n\n\n<div class=\"wp-block-group card is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"card-header\">Card Heading<\/div>\n\n\n<div class=\"wp-block-group card-body is-layout-flow wp-block-group-is-layout-flow\">\n\n<p class=\"card-text wp-block-paragraph\">Combine card bodies with flush list groups to present summary text alongside itemized details, creating rich, scannable content containers across your layout.<\/p>\n\n<\/div>\n\n\n<ul class=\"list-group list-group-flush\"><li class=\"list-group-item\">Customizable layouts<\/li><li class=\"list-group-item\">Bootstrap 5 powered<\/li><li class=\"list-group-item\">Retina-ready images<\/li><li class=\"list-group-item\">SEO-optimized markup<\/li><li class=\"list-group-item\">Cross-browser support<\/li><\/ul>\n<\/div>\n\n\n<div class=\"line\"><\/div>\n\n<h4>Cards with Navigation<\/h4>\n\n\n<div class=\"wp-block-group card text-center is-layout-flow wp-block-group-is-layout-flow\">\n\n<div class=\"wp-block-group card-header is-layout-flow wp-block-group-is-layout-flow\">\n\n<ul class=\"wp-block-list nav nav-tabs card-header-tabs\">\n<li class=\"nav-item\"><a class=\"nav-link active\" href=\"#\">Active<\/a><\/li>\n\n\n\n<li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Link<\/a><\/li>\n\n\n\n<li class=\"nav-item\"><a class=\"nav-link disabled\" href=\"#\">Disabled<\/a><\/li>\n<\/ul>\n\n<\/div>\n\n\n\n<div class=\"wp-block-group card-body is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"card-title\">Special title treatment<\/h3>\n\n\n<p class=\"card-text wp-block-paragraph\">With supporting text below as a natural lead-in to additional content.<\/p>\n\n\n<a class=\"btn btn-primary\" href=\"#\">Go somewhere<\/a>\n<\/div>\n\n<\/div>\n\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":"<p>Basic card example Cards in Canvas are versatile containers for displaying grouped content, images, and actions in a clean, consistent format across your site pages. Use card headings and titles to group related content, highlight key information, and guide visitors through structured, well-organized page layouts. Card content Cards can embed tables to present structured data [&hellip;]<\/p>\n","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-1631","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1631","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=1631"}],"version-history":[{"count":6,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1631\/revisions"}],"predecessor-version":[{"id":6932,"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/pages\/1631\/revisions\/6932"}],"wp:attachment":[{"href":"https:\/\/demos.canvaswp.com\/classic\/wp-json\/wp\/v2\/media?parent=1631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}