Hours

Component overview

Example Hours components

 

Four column layout

This is the default layout for an hours component. It takes up 4 columns of the page width and lists the days and times vertically.

Sunday, Dec. 8
Closed
Monday, Dec. 9
8:30 a.m. – 5:30 p.m.
Tuesday, Dec. 10
8 a.m. – 5 p.m.
Wednesday, Dec. 11
8 a.m. – 5 p.m.
Thursday, Dec. 12
8 a.m. – 5 p.m.
Friday, Dec. 13
8 a.m. – 1:45 p.m.
Saturday, Dec. 14
Closed

Example block

This section is a content block sized at eight columns in width, and takes up the remaining space on a row with a four column Hours component preceeding it. The Foundation grid system is based on 12 columns, so for best results everything in a row should add up to 12.

 

Twelve column layout

This is the horizontal layout option. It takes up 12 columns of the page, and uses the same schedule data as the 4 column version above.

Sunday
Dec 8
Closed
Monday
Dec 9
8:30 a.m. – 5:30 p.m.
Tuesday
Dec 10
8 a.m. – 5 p.m.
Wednesday
Dec 11
8 a.m. – 5 p.m.
Thursday
Dec 12
8 a.m. – 5 p.m.
Friday
Dec 13
8 a.m. – 1:45 p.m.
Saturday
Dec 14
Closed
 

Building hours

Spring semester hours effective Monday, Jan. 22, 2024.

Sunday
Dec 8
Closed
Monday
Dec 9
8 a.m. – 5 p.m.
Tuesday
Dec 10
8 a.m. – 5 p.m.
Wednesday
Dec 11
8 a.m. – 5 p.m.
Thursday
Dec 12
8 a.m. – 5 p.m.
Friday
Dec 13
8 a.m. – 5 p.m.
Saturday
Dec 14
Closed
 

Example Vendor

Sunday, Dec. 8
Closed
Monday, Dec. 9
8 a.m. – 5 p.m.
Tuesday, Dec. 10
8 a.m. – 5 p.m.
Wednesday, Dec. 11
8 a.m. – 5 p.m.
Thursday, Dec. 12
8 a.m. – 5 p.m.
Friday, Dec. 13
8 a.m. – 5 p.m.
Saturday, Dec. 14
Closed
 

Example Vendor

Sunday, Dec. 8
Closed
Monday, Dec. 9
8 a.m. – 5 p.m.
Tuesday, Dec. 10
8 a.m. – 5 p.m.
Wednesday, Dec. 11
8 a.m. – 5 p.m.
Thursday, Dec. 12
8 a.m. – 5 p.m.
Friday, Dec. 13
8 a.m. – 5 p.m.
Saturday, Dec. 14
Closed
 

Example Vendor

Sunday, Dec. 8
Closed
Monday, Dec. 9
8 a.m. – 5 p.m.
Tuesday, Dec. 10
8 a.m. – 5 p.m.
Wednesday, Dec. 11
8 a.m. – 5 p.m.
Thursday, Dec. 12
8 a.m. – 5 p.m.
Friday, Dec. 13
8 a.m. – 5 p.m.
Saturday, Dec. 14
Closed