Lab 3 Report - HHM Fast Food Management System
HTML Files & Their Purpose
- menu.html- The main homepage. Includes the navbar, shop categories, popular items, and footer with contact links.
- login.html- Login page for customers and employees to access their account.
- register.html- Registration page for customers to create their accounts. Only customers will create accounts, employees accounts will be created by manager and employees will be assigned their credentials.
- cart.html- Displays items selected by the user, quantity, total price, and a checkout button.
- deals.html- Shows current deals and offers. Users can view discounted combo meals.
- manager.html- Manager dashboard with options to add employees, remove employees, view order etc
- help.html- Instructions for customers about how to navigate the website, order food, and use the dashboard.
- track.html- Allows users to track their order status. User will enter the order number and then on basis of that user will get details of their order. (e.g. preparing, dispatched, delivered).
- burgers.html, fries.html, drinks.html- Category pages displaying food items with names, prices, and "Add to Cart" buttons.
CSS Usage & Style Guide
An external stylesheet (style.css) is used across all the pages for consistent design. This stylesheet implements the following:
- Background color: #F5FBE6 (light cream) for the whole page.
- Navbar and main buttons: #233D4D (dark blue/navy) with hover effects changing to #FE7F2D (orange).
- Secondary buttons/links: #215E61 (teal) with hover effect #FE7F2D.
- Text color: #233D4D for main text, #FE7F2D for headings and highlights.
- Boxes for categories/items: white background with dark blue border #215E61 and hover color #FE7F2D.
- Footer: dark blue #233D4D with text links styled in light cream #F5FBE6.
This styling approach ensures a visually appealing, consistent, and user-friendly interface across the website.
Back to Lab 3 Page