websitedesign2024/info/layout.md

Page layout

• Home page
• About page
• Menu page
• Order page (kind of like coffee app)

Home page

I. Site-wide header

II. Large banner

A. Video background

B. Text saying "The best coffee made by the best students spinning in the center

C. Order and menu buttons (to go to respective pages)

III.Info

A. Hours

B. Dates

C. Location

IV. Special options

A. Mocha

B. Sugar-free

C. Almond milk

V. Images

VI. Site-wide footer

About page

I. Site-wide header

II. About LCS Beacon Blend

III.About LCS

IV. Images (different from home page)

V. Site-wide footer

Menu page

I. Site-wide header

II. Order button

III.Drink options

IV. Milk options

V. Add-ons

A. Syrups

B. Drizzles

C. Whipped Cream

V. Order button

VI. Site-wide footer

Order page

NOTE: Use code to switch between each section to create better flow

I. Site-wide header

II. Information

A. Name

B. Contact information

III.Drink

IV. Add-ons

A. Syrups

B. Drizzles

C. Whipped Cream

V. Desserts

VI. Payment

Make note of punchcard purchases

VII.Special Notes

VIII.Order Button

VIV.Site-wide footer