CSS

Bootstrap Utility Example

p-4 rounded-4 shadow m-auto position-relative overflow-hidden

Css

Custom CSS Example

custom-image

Css

.custom-image {
}

Custom Callout Example

callout

Css

.callout {
width: 100%;
max-width: 850px;
}
.callout > * {
max-width: 65ch;
z-index:1;
}
.callout::after {
       content: "";
    background: url(data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/LS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9InJnYmEoODUsIDAsIDI1NSwgMSkiIGNsYXNzPSJiaSBiaS1hc3RlcmlzayIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAwYTEgMSAwIDAgMSAxIDF2NS4yNjhsNC41NjItMi42MzRhMSAxIDAgMSAxIDEgMS43MzJMMTAgOGw0LjU2MiAyLjYzNGExIDEgMCAxIDEtMSAxLjczMkw5IDkuNzMyVjE1YTEgMSAwIDEgMS0yIDBWOS43MzJsLTQuNTYyIDIuNjM0YTEgMSAwIDEgMS0xLTEuNzMyTDYgOCAxLjQzOCA1LjM2NmExIDEgMCAwIDEgMS0xLjczMkw3IDYuMjY4VjFhMSAxIDAgMCAxIDEtMXoiLz4KPC9zdmc+);
    position: absolute;
    height: 200px;
    background-position: center;
    right: 0;
    top: 0;
    background-size: 100%;
    z-index: 0;
    transform: translate(20%, -20%) rotate(45deg);
    background-repeat: no-repeat;
    aspect-ratio: 1/1;
    opacity: 0.6;
}

About us accordion NT

About-us-accordion-NT

Css

.About-us-accordion-NT {
}

About us MeetOurTeam NT

About-us-MeetOurTeam-NT

Css

.About-us-MeetOurTeam-NT {
}

Homepage Titles NT

Homepage-Titles-NT

Css

.Homepage-Titles-NT {
}

Homepage Titles SmallOnMobile NT

Homepage-Titles-SmallOnMobile-NT

Css

.Homepage-Titles-SmallOnMobile-NT {
}

Why Join Rewards Icons NT

WhyJoinRewardsIcons-NT

Css

.WhyJoinRewardsIcons-NT {
}

Rewards Top Photo NT

RewardsTopPhoto-NT

Css

.RewardsTopPhoto-NT {
}

Careers Icons And Text NT

CareersIconsAndText-NT

Css

.CareersIconsAndText-NT {
}

Stores Page Slider NT

Stores-Page-Slider-NT

Css

.Stores-Page-Slider-NT {
}

Careers Icons And Text Mobile NT

CareersIconsAndText-Mobile-NT

Css

.CareersIconsAndText-Mobile-NT {
}