List Teaser

Teasers are used on archive pages and should include: an image or video thumbnail, headline, byline, date, summary, and direct link or button.


Teasers consist of a .row with post-specific classes for various content.

Notifications

Alerts

Alerts for July 10

Hours of Operation: 7AM - 10PM

July Notices

New City of San Diego Junior Amateur Championship

Coming this July, The Junior City Amateur Championship. 2015 City of San Diego Junior Amateur Championship

New City of San Diego Junior Amateur Championship

Coming this July, The Junior City Amateur Championship. 2015 City of San Diego Junior Amateur Championship

Notes

Each notification is a .row with .alert__content. Headings are given .alert__content

Notification List

Notifications See all


11:32am | June 24, 2015

Fire Warning For North County Residents Learn More


11:32am | June 24, 2015

City Closed July 3rd Learn More


11:32am | June 24, 2015

Mayor Faulconer Hires New Chief to Lead Infrastructure and Public Works Learn More


11:32am | June 24, 2015

Fire Warning For North County Residents Learn More

Notes

Notifications use the modifier class .card__notification with .row. There are no additional modifiers for these - they are simple rows with content. Use .date for date information, and separate each notification with a hr.dashed.