Responsive Landing Page Using HTML & CSS & JavaScript | Step By Step Web Design Tutorial
Responsive Landing Page Using HTML & CSS & JavaScript | Step By Step Web Design Tutorial (2021)
In today's video, we're going to build this awesome landing page with this beautiful design using only HTML and CSS, we're also gonna use vanilla Javascript to create light mode and dark mode switching option on the landing page, we're going to take the theme toggle to the next level by creating an awesome overlay animation around the theme switch. Not only that, we're also going to see how we can make this landing page completely responsive on any device, so it stays responsive no matter what the size of the device is. Now all of this leads to a really fun project that covers a bunch of css technologies ( variables, flexbox, grid... ), and also a lot of Javascript concepts ( arrow functions, cloneNode, appendChild ... )
Now if you find this video valuable, please make sure to leave a like, and subscribe to the channel, this is the best way you can support me to make more videos like this.
Also, click on the bell icon to turn on notifications. This way you'll be notified the moment new videos are uploaded.
💖 Please feel free to donate any amount you think is equal to the value you received from my tutorials. Donation link : https://paypal.me/truecoder
📄 SOURCE CODE : https://bit.ly/3AgAyf7
🚫 DON'T CLICK THIS : https://bit.ly/2SuCfW3
✉️ For Business inquiries : truecoder.business@gmail.com
👇 Timestamps:
0:00 - Intro
0:48 - Setup
1:33 - Navbar
15:21 - Showcase Area
22:59 - Styling The Toggle Button
26:43 - Light/Dark Theme Toggle Effect
44:55 - Responsiveness
56:06 - Outro
En esta página del sitio puede ver el video en línea Responsive Landing Page Using HTML & CSS & JavaScript | Step By Step Web Design Tutorial de Duración hora minuto segunda en buena calidad , que subió el usuario True Coder 06 agosto 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 99,579 veces y le gustó 2.9 mil a los espectadores. Disfruta viendo!
