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 : [email protected]

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