How to Create a Responsive Barbershop Website From Scratch | HTML, CSS & JavaScript
Bedimcode
0:00 / 0:00
How to Create a Responsive Barbershop Website From Scratch | HTML, CSS & JavaScript
10 568 просмотров · 6 месяцев назад
Bedimcode
186 тыс. подписчиков
10 568 просмотров · 6 месяцев назад
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/...
💙 Get source code (PayPal)
https://ko-fi.com/s/6c89c87ad2
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
📦 Develop the project - Free resources
https://github.com/bedimcode/responsi...
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/responsi...
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