Summary
Keywords
Full Transcript
In this video, build a responsive barbershop website from scratch using HTML, CSS, and JavaScript. In this step-by-step web development tutorial, learn how to create a modern barbershop website 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. β€οΈ Get source code https://buymeacoffee.com/bedimcode/e/518371 π Get source code (PayPal) https://ko-fi.com/s/6c89c87ad2 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - π¦ Develop the project - Free resources https://github.com/bedimcode/responsive-barbershop-website Links used in the project - Icons CDN: https://cdnjs.com/libraries/remixicon - 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/ - GSAP: https://gsap.com/ - Hosting Netlify: https://www.netlify.com/ - Images by: https://www.freepik.com/ Timestamps 00:00 - Intro 02:24 - Project Setup 03:58 - Header & Navigation 12:40 - Home Section 17:41 - Change Header Style 19:45 - About Section 25:28 - Works Section 34:32 - Services Section 46:01 - Experts Section 55:01 - Contact Section 01:03:25 - Footer 01:12:14 - Scroll Bar, Scroll Up & Active Link 01:18:52 - GSAP Animation 01:24:21 - How to Deploy on Netlify 01:25:22 - Final Project - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - π Thanks for watching! Smash the Like button & Subscribe for more! β€οΈ #Website #ResponsiveWebsite #Bedimcode #WebDesign #HTMLCSS #JavaScript #FrontEnd
