Responsive Restaurant Website with Dark & Light mode Using Html , CSS & JavaScript.

This project focuses on creating a responsive restaurant website that supports both dark and light modes. It employs CSS for styling and JavaScript for interactive features.

Key Features:

Variables CSS: Utilize CSS variables for consistent styling and easy theming.
Reset HTML: Standardize browser rendering with a reset stylesheet.
CSS Reusable: Incorporate reusable CSS classes for streamlined development.
Header: Design a prominent header for branding and navigation.
Scroll Top: Implement a scroll-to-top button for improved user navigation.
Home: Craft a compelling homepage to welcome visitors.
About: Provide information about the restaurant’s history and mission.
Services: Detail the services offered by the restaurant.
Menu: Display the restaurant’s menu in an appealing and organized manner.
App: Feature a section for the restaurant's mobile app.
Contact Us: Include a contact form and essential contact information.
Footer: Create a comprehensive footer with additional links and information.
Media Queries: Ensure the website is responsive across various devices using media queries.
Light/Dark Mode: Implement a toggle for users to switch between light and dark modes.
ScrollReveal Animation: Add animations on scroll to enhance user experience.

❤ Source Code:https://drive.google.com/drive/folders/10k...

❤The Website he Lool like that: https://sweetfoodcom.netlify.app/

📁Resources:
https://boxicons.com/usage
https://fonts.google.com/selection/embed
https://scrollrevealjs.org/guide/installat...


How To Download
Step 1 :- click the google drive link ☝☝☝
Step 2 :- click on download link in the google drive.
Step 3 :- extract the zip file into your desired folder.
Step 4 :- open the converted files into your browser.
Step 5 :- open your editor and put your unzipped files into it and then edit it as you like.

For more HTML, CSS, JavaScript, and coding tutorials - please click on the link below to subscribe to my channel:    / @mr.coding11  

#ResponsiveDesign #DarkMode #LightMode #CSSVariables #ResetHTML #ReusableCSS #HeaderDesign #ScrollTopButton #HomePage #AboutUs #ServicesOffered #RestaurantMenu #MobileApp #ContactForm #FooterDesign #MediaQueries #ScrollReveal #WebDevelopment #JavaScript #CSS #RestaurantWebsite
#responsiveWebsite #responsiveWebsiteDesign #responsiveWebsiteHtmlCss #responsiveWebsiteHtmlCssJavascript #responsiveWebDesign #websiteDesign #websiteDesignHtmlCss #websiteDesignHtmlCssJavascript #websiteHtmlCssJavascript #responsiveWebsiteDesignHtmlCss #responsiveWebsiteDesignHtmlCssJavascript #responsiveWebsiteUsingHtmlCss #website #html #css #javascript #javascriptInterview
#websiteWithScrollAnimation #responsiveRestaurantWebsite #responsiveWebsiteWithFlexbox #responsiveWebsiteWithGrid #restaurantWebsite #responsiveWebsiteHtmlCss #responsiveWebsite