Quote Headings
The .cmp-quote-heading class applies h4 typography with a centered decorative quotation mark background. It is used as the title for carousel quote sections.
Quote Heading
Section titled “Quote Heading”What Students are Saying
<h2 class="cmp-quote-heading">What Students are Saying</h2>CSS Class
Section titled “CSS Class”| Class | Description |
|---|---|
.cmp-quote-heading | h4 typography, centered, with a large quotation mark SVG background |
Styling Details
Section titled “Styling Details”- Uses h4 typography mixin (Oswald, bold)
- Background image: semi-transparent quotation mark SVG
- Background is centered and contained within the element
- Minimum height of 6rem ensures the background image is visible
- Flexbox centering keeps the text vertically and horizontally centered