Responsive Landing Page Using HTML & CSS & JavaScript | Step By Step Web Design Tutorial

Published: 06 August 2021
on channel: True Coder

99,579

2.9k

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

On this page of the site you can watch the video online Responsive Landing Page Using HTML & CSS & JavaScript | Step By Step Web Design Tutorial with a duration of hours minute second in good quality, which was uploaded by the user True Coder 06 August 2021, share the link with friends and acquaintances, this video has already been watched 99,579 times on youtube and it was liked by 2.9 thousand viewers. Enjoy your viewing!

262