Responsive Travel Website Design Using HTML CSS & JavaScript
Responsive travel website design using HTML CSS & JavaScript. With CSS animations when scrolling. And deployment of website to the internet. Developed first with the mobile first methodology, then for desktop.
🔔 Subscribe for more!
https://www.youtube.com/@Bedimcode
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
💛 Get source code
https://www.buymeacoffee.com/bedimcode/e/141572
💙 Get source code by PayPal
https://ko-fi.com/s/179a3debf5
💎 Membership
https://www.buymeacoffee.com/bedimcode/membership
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
👨💻 Build the project from scratch
https://github.com/bedimcode/responsive-travel-website-2
👆 Download (empty files + images)
– Click on the GitHub link
– Click the green button
– Click Download ZIP
📂Assets
Icons: https://remixicon.com/
Fonts: https://fonts.google.com/
JS Functions: https://github.com/bedimcode/responsive-watches-website
ScrollReveal: https://scrollrevealjs.org/
Netlify: https://www.netlify.com/
⏱ Timestamps
0:00 Intro Responsive Travel Website
4:10 Project Setup
6:00 Variables CSS
6:06 Reset HTML & Reusable CSS
8:48 Header & Nav
16:48 Section Home
25:16 Buttons
27:08 Change Background Header
29:32 Section About
33:30 Section Popular
39:31 Section Explore
45:40 Section Join
51:04 Footer
1:01:10 Scroll Bar 1:02:22 Scroll Up
1:05:58 Scroll Sections Active Link
1:08:56 Breakpoints
1:28:10 ScrollReveal Animation
1:32:12 Final Project
1:33:25 Website Deployment (Uploading to the internet)
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
📸 Original Images
https://www.pexels.com/
https://unsplash.com/
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
🔥 Follow me!
https://www.facebook.com/bedimcode
https://www.instagram.com/bedimcode
☕️ Support me
https://www.buymeacoffee.com/bedimcode
https://ko-fi.com/bedimcode
👍 Thanks for watching!
Make sure to like + Subscribe for more! 💗
#responsivewebsite #websitehtmlcss #bedimcode
Comments are closed.