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



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

☕️ Support this work done

📁 Assets
Icons:
Fonts:
GitHub:
Sipwer:

⚙️ Other Utilities
HSL color mode

📷 Images

⤵️ Source Code

📖 Knowledge
Html, CSS(Grid, Flexbox), Variables Css, JavaScript DOM, Responsive Web Design. Anyway you can learn everything mentioned. Follow the tutorial.

🔔 Subscribe For More!

⏱ 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

⤵️ Follow me
Instagram:
Facebook:

☕️ Support me

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

🎵 Music
Song: Vexento – With You
Creative Commons Attribution license
Music provided by Vlog No Copyright Music.
Video Link:

Song: Jarico – Retrovi (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link:

Song: Jarico – Summer Time (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link:

Song: Jarico – Hawaii (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link:

Song: Ikson – We Are Free (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link:

Song: Lvne – Tribes
Music provided by Vlog No Copyright Music.
Video Link:

#responsivewebsite #websitehtmlcssjavascript #bedimcode

46 comments

  1. Hello Bedimcode, I have a question what if we want to add one or two more pictures in the swiper bundle section? what is the procedure, And thank you for such a masterpiece!

  2. Sir please help me i don't know my whole coding is write but i stuck somewhere and i checked my my whole design i can't find any mistake all time happened with me please sir tell me

  3. Hello there. I'm Dileep Meghwal want to learn web design like you please teach me I'll pay you. Please it's my humble request to you. I'm really crazy to learn like you. You're super duper.

  4. It would be interesting to know how much a company would be willing to pay for such a site..my guess would be easily a couple thousand bucks..

  5. Hermano tus tutoriales son demasiado buenos, increíble el orden y la prolijidad que tenés, aprendo muchísimo con cada vídeo.
    Tengo una web hecha con carrito de compras todo con html, css y js, me falta implementar MercadoPago, pero estuve investigando y es un dolor de cabeza, ningún tutorial como la gente, tenés alguna info o tutorial útil? Porque la documentación de la página es muy confusa

Leave a comment

Your email address will not be published.