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/10koa6rcQaQkG3SrYaPe_KiDe5uYaXuJr ❤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/installation.html 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: https://www.youtube.com/channel/UCIoEAAR7Lyrd7WU7gr44xWg #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