Skip to content

Latest commit

 

History

History
26 lines (19 loc) · 1.45 KB

README.md

File metadata and controls

26 lines (19 loc) · 1.45 KB

Juizy Burger Website

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.

Live Demo

Check out the live website at Juizy Burger.

Features

  • 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.

Project Structure

  • 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.