City of Portsmouth College

Front end modules library

Site wide components

• Main header
• Main footer
• Logo bar
• Simple Text bar
• Breadcrumb
• Search bar
• Search results
• Search options
• Search Site text results
• Generic page header
• Alternate page title
• Cookie banner
• Follow banner
• Pagination
• Sub Nav (Student support)
• Feature Blocks
• Image Gallery
• Announcement Bar

Home Page Elements

• Marine Callout
• Small Feature Blocks

Course components

• Course Header
• Course Card
• Info Box
• Accordion
• Course Type List

News components

• News Filter
• News Feature
• News Card

Event components

• Event Date
• Event Card

Third Party components

• Bootstrap carousel
• Multi-item carousel

Elements documentation

• Buttons

Full Page Examples

• Course Leaflet