ÁùºÏ±¦µä

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, Nov. 10
Closed
Monday, Nov. 11
Closed
Tuesday, Nov. 12
8 a.m. – 5 p.m.
Wednesday, Nov. 13
8 a.m. – 5 p.m.
Thursday, Nov. 14
8 a.m. – 5 p.m.
Friday, Nov. 15
8 a.m. – 1:45 p.m.
Saturday, Nov. 16
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
Nov 10
Closed
Monday
Nov 11
Closed
Tuesday
Nov 12
8 a.m. – 5 p.m.
Wednesday
Nov 13
8 a.m. – 5 p.m.
Thursday
Nov 14
8 a.m. – 5 p.m.
Friday
Nov 15
8 a.m. – 1:45 p.m.
Saturday
Nov 16
Closed
 

Building hours

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

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

Example Vendor

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

Example Vendor

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

Example Vendor

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