Badge

Standard User

Available to anyone with page-editing access

Small inline labels using Mt. Carmel High brand colors. Copy the snippet below and paste it directly into the Edlio CMS WYSIWYG editor.

Preview

Primary Secondary Accent Outline New

<!-- BADGES (MT. CARMEL HIGH) -->

<!-- Primary 1 Badge -->
<span style="display: inline-block; background-color: #2F63DD; color: #ffffff; padding: 4px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px;">Primary</span>

<!-- Primary 2 Badge -->
<span style="display: inline-block; background-color: #FFB81C; color: #1a1a1a; padding: 4px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; border: 1px solid rgba(0,0,0,0.2);">Secondary</span>

<!-- Accent 1 Badge -->
<span style="display: inline-block; background-color: #FFFFFF; color: #1a1a1a; padding: 4px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; border: 1px solid rgba(0,0,0,0.2);">Accent</span>

<!-- Outline Badge (Primary 1 border) -->
<span style="display: inline-block; background-color: transparent; color: #2F63DD; padding: 3px 10px; border-radius: 4px; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; border: 2px solid #2F63DD;">Outline</span>

<!-- Pill Badge -->
<span style="display: inline-block; background-color: #FFFFFF; color: #1a1a1a; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; border: 1px solid rgba(0,0,0,0.2);">New</span>