Module Examples

Accordion

All Page Types

Section 1

Insert your content here

Section 2

Insert your content here

Section 3

Insert your content here

Button

Page (Span6 and Span12) – 1 Button (Internal Link)

Page (Span6 and Span12) – 1 Button (Download Icon)

Page (Span6 and Span12) – 1 Button (External Link)

Page (Span6 and Span12) – 3 Buttons

Learn more about buttons

Button with Image

Section Page (Span12) — 2 Button with Images

Section Page (Span12) — 3 Button with Images

Card

Standard Content Page (Span6)

Project and Initiatives
We have a history of engaging with partners locally and internationally, both in our research and in our teaching.

Section Page (Span12) — 2 Cards

Project and Initiatives
We have a history of engaging with partners locally and internationally, both in our research and in our teaching.
Faculty
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus rutrum dictum. Curabitur nulla felis, mattis rhoncus odio ut, luctus tincidunt risus.

Section Page (Span12) — 3 Cards

Project and Initiatives
We have a history of engaging with partners locally and internationally, both in our research and in our teaching.
Sojourners
Sojourners is a peer- and faculty-reviewed undergraduate journal that showcases exemplary undergraduate papers written by students with a sociological perspective
Faculty
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus rutrum dictum. Curabitur nulla felis, mattis rhoncus odio ut, luctus tincidunt risus.

Section Page (Span12) – 4 Cards

Project and Initiatives
We have a history of engaging with partners locally and internationally, both in our research and in our teaching.
Sojourners
Sojourners is a peer- and faculty-reviewed undergraduate journal that showcases exemplary undergraduate papers written by students with a sociological perspective
Faculty
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean finibus rutrum dictum. Curabitur nulla felis, mattis rhoncus odio ut, luctus tincidunt risus.
Research
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Card with Image

Section Page (span12) – Large Image

Program Options

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Explore our programs arrow_right_alt

Section Page (span12) – Medium Image

Program Options

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Explore our programs arrow_right_alt

Section Page (span12) – Small Image

Program Options

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Explore our programs arrow_right_alt

Program Options

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Explore our programs arrow_right_alt

Embedded Image

Embedded Image – Regular

Embedded Image – Browser Width

Embedded Image - Browser Width Sample

Embedded Image – Website Width

Embedded Image - Website Width Sample

Embedded Image – Content Width

Embedded Image - Content Width Sample

Embedded Image – Floated

 

Embedded Image - Left Aligned Sample

Embedded Image - Right Aligned Sample

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vel tortor quis nisl commodo venenatis. Suspendisse in auctor tortor, sed feugiat mi. Nunc velit metus, elementum ac facilisis non, rhoncus vel risus. Curabitur arcu ligula, vestibulum id dictum ut, posuere ut nulla. Maecenas nec neque turpis. Ut non gravida lectus, vel porta massa. Praesent molestie id risus quis vestibulum. Aenean efficitur suscipit eros, at facilisis tellus luctus non. Nullam in enim non diam pellentesque venenatis et a dolor. Pellentesque lacus erat, tristique aliquet purus vel, congue congue arcu. Vestibulum eget lorem eu nunc sodales sollicitudin. Pellentesque iaculis mauris eget pulvinar accumsan.

 

Section Page (Span12) — 1 Featured News

Featured News

View All Newsarrow_right_alt

Archive Page Updates

 
We’ve made improvements to our News, Events, Alumni, Programs, and Post Archive pages to create alignment and support additional functionality.
View All Newsarrow_right_alt

Section Page (Span12) — 2 Featured News

Featured News

View All Newsarrow_right_alt

Archive Page Updates

 
We’ve made improvements to our News, Events, Alumni, Programs, and Post Archive pages to create alignment and support additional functionality.

Renewed Courses page

 
We’ve redesigned the “Courses” page to add new features based on student, staff, and faculty feedback across the Faculty of Arts. Updates also include changes to the visual design of page elements to improve accessibility, readability, consistency, and ease of maintenance.
View All Newsarrow_right_alt

Section Page (Span12) — 3 Featured News

Featured News

View All Newsarrow_right_alt

Archive Page Updates

 
We’ve made improvements to our News, Events, Alumni, Programs, and Post Archive pages to create alignment and support additional functionality.

Renewed Courses page

 
We’ve redesigned the “Courses” page to add new features based on student, staff, and faculty feedback across the Faculty of Arts. Updates also include changes to the visual design of page elements to improve accessibility, readability, consistency, and ease of maintenance.

Sync courses from Workday Student on Arts CMS

 
The Arts CMS Courses plugin has now been updated to pull from current course offerings on Workday Student. The process to sync courses within your unit website will remain unchanged. When syncing courses, you will be required to re-enter the
View All Newsarrow_right_alt

 

Infographics

Section Page (Span12) — 3 Infographics

Why Arts?
language

Participate in local or international programs

90%

Graduates who receive job offers within one month after graduation

group

Build your professional network and resumé

Inline Alert

All Page Types

Important

Admissions are now open. Please submit your application by January 4, 2019.

Midpage Banners

Single Midpage Banner

Title

Title

Double Midpage Banner

Title

Title

Name Lastname
Name Lastname
Name Lastname

News and Events List Feed

Section Page (Span12) — 1 Feed

News

Update

Archive Page Updates

October 21, 2024
placeholder image
Update

Renewed Courses page

October 1, 2024
Person typing on a laptop
Update

Sync courses from Workday Student on Arts CMS

July 31, 2024
placeholder image
View All Newsarrow_right_alt

Section Page (Span12) — 2 Feeds

News

Archive Page Updates

October 21, 2024

Renewed Courses page

October 1, 2024

Sync courses from Workday Student on Arts CMS

July 31, 2024
View All Newsarrow_right_alt

News

Archive Page Updates

October 21, 2024

Renewed Courses page

October 1, 2024

Sync courses from Workday Student on Arts CMS

July 31, 2024
View All Newsarrow_right_alt

Pull Quote

News and Event Posts

“I’d always wanted to learn more about why people do what they do. After some research, I saw that UBC offers a very good comprehensive program and that was when I decided to enroll.”
Wilson Lee
BA Psychology

Plan your Arts degree

Year-by-year planning

Degree requirements

Program options

First-year study options

Declaring your major/minor

Course registration

Involvement options

Dates and deadlines

Academic support

Alumni career profiles

Testimonial

Section Page (Span12) — 1 Testimonial

Content goes here

The Psychology Department at UBC is full of amazing people who love to share what they study. Psychology is a very diverse field, so there is plenty of opportunity to find something that interests you.

Anca Bosnea
BA Sociology, Minor in Family Studies

Section Page (Span12) — 2 Testimonials

Content goes here
The Psychology Department at UBC is full of amazing people who love to share what they study. Psychology is a very diverse field, so there is plenty of opportunity to find something that interests you.
Anca Bosnea
BA Sociology, Minor in Family Studies
Content goes here
The Psychology Department at UBC is full of amazing people who love to share what they study. Psychology is a very diverse field, so there is plenty of opportunity to find something that interests you.
Anca Bosnea
BA Sociology, Minor in Family Studies

Post Archive

List view (span12)

Sample Post 1

Sample Post 2

Sample Post 3

Topic 2 | Type 2

Sample Post 4

Grid view (span12)

Sample Post 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus ante sit amet metus eleifend, nec malesuada mauris sollicitudin.

Sample Post 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus ante sit amet metus eleifend, nec malesuada mauris sollicitudin.

Sample Post 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus ante sit amet metus eleifend, nec malesuada mauris sollicitudin.

Topic 2 | Type 2

Sample Post 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id libero ut dui pharetra dapibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

 

List view with search bar (span12)

Sample Post 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus ante sit amet metus eleifend, nec malesuada mauris sollicitudin.

Sample Post 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus ante sit amet metus eleifend, nec malesuada mauris sollicitudin.

Sample Post 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus ante sit amet metus eleifend, nec malesuada mauris sollicitudin.

Topic 2 | Type 2

Sample Post 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id libero ut dui pharetra dapibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Grid view with search bar (span12)

Sample Post 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus ante sit amet metus eleifend, nec malesuada mauris sollicitudin.

Sample Post 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus ante sit amet metus eleifend, nec malesuada mauris sollicitudin.

Sample Post 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus ante sit amet metus eleifend, nec malesuada mauris sollicitudin.

Topic 2 | Type 2

Sample Post 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id libero ut dui pharetra dapibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.