Βι¶ΉΣ³»­

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, Oct. 20
Closed
Monday, Oct. 21
8:30 a.m. – 5:30 p.m.
Tuesday, Oct. 22
8 a.m. – 5 p.m.
Wednesday, Oct. 23
8 a.m. – 5 p.m.
Thursday, Oct. 24
8 a.m. – 5 p.m.
Friday, Oct. 25
Closed
Saturday, Oct. 26
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
Oct 20
Closed
Monday
Oct 21
8:30 a.m. – 5:30 p.m.
Tuesday
Oct 22
8 a.m. – 5 p.m.
Wednesday
Oct 23
8 a.m. – 5 p.m.
Thursday
Oct 24
8 a.m. – 5 p.m.
Friday
Oct 25
Closed
Saturday
Oct 26
Closed
 

Building hours

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

Sunday
Oct 20
Closed
Monday
Oct 21
8 a.m. – 5 p.m.
Tuesday
Oct 22
8 a.m. – 5 p.m.
Wednesday
Oct 23
8 a.m. – 5 p.m.
Thursday
Oct 24
8 a.m. – 5 p.m.
Friday
Oct 25
Closed
Saturday
Oct 26
Closed
 

Example Vendor

Sunday, Oct. 20
Closed
Monday, Oct. 21
8 a.m. – 5 p.m.
Tuesday, Oct. 22
8 a.m. – 5 p.m.
Wednesday, Oct. 23
8 a.m. – 5 p.m.
Thursday, Oct. 24
8 a.m. – 5 p.m.
Friday, Oct. 25
Closed
Saturday, Oct. 26
Closed
 

Example Vendor

Sunday, Oct. 20
Closed
Monday, Oct. 21
8 a.m. – 5 p.m.
Tuesday, Oct. 22
8 a.m. – 5 p.m.
Wednesday, Oct. 23
8 a.m. – 5 p.m.
Thursday, Oct. 24
8 a.m. – 5 p.m.
Friday, Oct. 25
Closed
Saturday, Oct. 26
Closed
 

Example Vendor

Sunday, Oct. 20
Closed
Monday, Oct. 21
8 a.m. – 5 p.m.
Tuesday, Oct. 22
8 a.m. – 5 p.m.
Wednesday, Oct. 23
8 a.m. – 5 p.m.
Thursday, Oct. 24
8 a.m. – 5 p.m.
Friday, Oct. 25
Closed
Saturday, Oct. 26
Closed