Responsive Landing Page Using Html Css Javascript Step By Step Web Design Tutorial

Responsive Landing Page Using HTML u0026 CSS u0026 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