Explore
Our
Visit Options

Web Style Guide

Integrated Marketing and Communications Resources / Web Style Guide

Optional Intro Headline

You can add this intro section by adding the "smcm-intro-section" class to any widget that contains an h2 and span element.

Wooden chairs sit on a grassy shore overlooking a marina with rows of docked sailboats at sunrise or sunset.

Use the “SMCM Gold Buttons” widget to create a section of jump links at the top of your page.  Jump links work by assigning a “Row ID” under attributes and using “#yourid” as the link on your button.  The gold buttons will automatically display an icon corresponding to the type of link they point to.

Emphasized section title

Use the “SMCM Title” widget to create a section title, optionally with an emphasized word.

The zig-zag layout

The alternating image and text layout is a great way to showcase eye catching imagery and important content.  On mobile these columns become stacked, to ensure the image is always on top select Row Settings > Layout > Collapse Order > “Right On Top” for rows where the image is on the right.

Call to action

The “SMCM Call to Action” widget allows you to create a clickable button for important links such as a registration.

Fact & Highlight Cards

2

Fact card options to choose from

SMCM Highlight Card

This card allows for a highlighting an item using an image, title and supporting text field.  These cards also support links

4

Different styles to choose from.  The SMCM Fact and Highlight cards support 4 different styles (red, navy, light blue and yellow).

SMCM Highlight Card

This card allows for a highlighting an item using an image, title and supporting text field.  These cards also support links

Accordion

Use the SMCM Accordion widget to help users digest a large amount of content.  A great example of this is making an accordion for each question on a FAQ page.

SMCM Accordion

The SMCM Accordion Widget supports an optional icon shown before the title.

SMCM Accordion

This widget also supports being open by default.

Latest Events

An older man with a beard and wearing a black polo shirt and shorts sits on a wooden bench by the beach, smiling at the camera.

BONUS VOICES Reading: A VOICES Celebration of the Legacy of Michael Glaser, May 4

May 4, 4 – 6 p.m.

Graduates in caps and gowns smile and walk outside; the woman in front holds a diploma from St. Mary's College of Maryland.

2025 Commencement, May 10

May 10, All Day

Dumpstaphunk, Carly Harvey and Kelly Bell Band

Mulberry Music Festival 2025

June 20, 6 – 9 p.m.

The latest events block can be used to display future events for a specified category (department, major, office, etc).

Other Resources

Other helpful resources for creating content on the web.

smcm campus view

Contact Us

Integrated Marketing

Calvert Hall, 2nd Floor
Meet the Staff
(240) 895-2045
communication@smcm.edu

Forms

Media Release