This is a responsive website for Juizy Burger, a fictional burger joint. The project is built with HTML, CSS, and JavaScript, and demonstrates a modern design with a focus on user experience and responsiveness.
Check out the live website at Juizy Burger.
- Responsive Design: Adapts to different screen sizes using media queries.
- Smooth Scrolling: Smooth scrolling for an enhanced navigation experience.
- Dark Mode: Users can switch between light and dark mode, with the setting saved in localStorage.
- Hamburger Menu: Seamless navigation on mobile devices.
- Contact Form: A simple form for sending messages, integrated with a test API (httpbin).
- Consistent Interface: Consistent layout with a header, main sections, and footer across all pages.
- index.html: The homepage featuring a hero section and selected burger cards.
- menu.html: A page that displays the full menu with descriptions and prices.
- about.html: Information about Juizy Burger and the company's history.
- contact.html: A page with a contact form for sending messages.
- style.css: The CSS file with styles for the entire website, including responsive design and dark mode.
- script.js: The JavaScript file that handles interactivity, such as the hamburger menu and dark mode toggle.
- README.md: This documentation that describes the project.