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