This video tutorial will guide you through building a responsive travel website using HTML, CSS, and JavaScript. You'll learn how to create a modern, eye-catching design that looks great on desktop and mobile devices. We'll also go over how to implement a dark/light mode feature, allowing users to switch between different color schemes with the click of a button. By the end of this tutorial, you'll have a complete understanding of responsive website design and be able to create your own customizable project.

⏱ Timestamps
0:00 Intro
4:59 Project Setup
7:23 Variables Css
11:11 Reset Html
12:52 Reusable Css Classes
13:47 Header & Nav Menu
24:06 Home
34:14 Buttons
35:51 Change Background Header
38:13 About
43:43 Discover
54:28 Experience
01:01:07 Video (01:33:26 Review the video favicon)
01:10:15 Places
01:19:18 Subscribe
01:22:44 Sponsors
01:25:19 Footer
01:33:26 Favicon Video
01:34:36 Scroll Up
01:38:15 Scroll Sections Active Link
01:40:18 Scroll Bar
01:41:21 Dark/Light Theme
01:47:11 Media Queries
02:06:36 ScrollReveal Animation

📁 Assets
Icons: https://remixicon.com/
Fonts: https://fonts.google.com/
GitHub: https://github.com/bedimcode
Sipwer: https://swiperjs.com/

📷 Images
https://www.pexels.com/
https://unsplash.com/

🔗 Source Code 
https://github.com/bedimcode/responsive-travel-website 

Subscribe: https://www.youtube.com/c/Bedimcode/featured

#html #css #javascript

Responsive Travel Website Design Using HTML CSS and JavaScript | Dark/Light Mode
47.40 GEEK