Summary
Keywords
Full Transcript
In this video, learn how to create a responsive cake website from scratch using HTML, CSS, and JavaScript. In this step-by-step web development tutorial, build a modern website for a cake with a responsive design and a professional user interface. This frontend project is perfect for beginners who want to practice HTML5, CSS3, and JavaScript while creating a responsive website for desktops, tablets, and mobile devices. β€οΈ Source code https://buymeacoffee.com/bedimcode/e/528735 π Source code (PayPal) https://ko-fi.com/s/3cfc2e33fd - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - π¦ Develop the project - Free resources https://github.com/bedimcode/responsive-cake-website Links used in the project - Remix Icons: https://remixicon.com/ - Google Fonts: https://fonts.google.com/ - JS Functions: https://github.com/bedimcode/responsive-watches-website - Swiper Js: https://swiperjs.com/ - ScrollReveal: https://scrollrevealjs.org/ - Hosting Netlify: https://www.netlify.com/ - Images by: https://www.freepik.com/ Timestamps 00:00 - Intro 03:05 - Project Setup 04:47 - Header & Navigation 13:47 - Home Section 32:07 - Change Header Style 33:02 - About Section 43:15 - Products Section 01:01:30 - New Section 01:16:01 - Contact Section 01:28:16 - Footer 01:36:14 - Scroll Bar, Scroll Up & Active Link 01:41:55 - ScrollReveal Animation 01:45:45 - How to Deploy on Netlify 01:46:44 - Final Project - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - π Thanks for watching! Smash the Like button & Subscribe for more! β€οΈ #Website #ResponsiveWebsite #Bedimcode #WebDesign #HTMLCSS #JavaScript #FrontEnd
