Create Responsive Website with Login & Registration Form | HTML CSS and JavaScript

In the video, I demonstrate how to make a responsive website with a login and registration form using HTML, CSS, and JavaScript. The website features a navigation menu at the top with a login button. When clicked, the login form appears as a popup with a blurry background effect. You can easily switch between the login and registration forms by clicking the provided link.
🗂️ Get Source Code of this Website with Login & Signup Form
➤ buymeacoffee.c...
🖼️ Get Only Images of this Website with Login & Signup Form
➤ drive.google.c...
🌐 Visit CodingNepal for free coding projects
➤ www.codingnepa...
⭐ Hire me on Fiverr
➤ www.fiverr.com...
📷 Follow me on Instagram
➤ / coding.np
🤝 Support my work with a coffee
➤ buymeacoffee.c...
Timestamps:
0:00: Website Forms Demo
1:35: Starting with HTML & CSS
1:50: Creating the Navigation Bar
7:13: Creating the Popup Login Form
19:35: Creating the Popup Registration Form
24:18: Making Forms Responsive
25:50: Toggling Form Popups on Click
29:10: Switching between Login and Registration
32:27: Making Navigation Bar Responsive
#html #css #website #login #register
Music Credit:
Ikson - We Are Free [Official]
• #83 We Are Free (Offic...
LAKEY INSPIRED - Chill Day
• LAKEY INSPIRED - Chill...
After Rain - Zackross
• After Rain - Zackross ...
Miss You - LiQWYD
• Miss You - LiQWYD (No ...

[@soundofheaven1190]

To be honest you are the best for beginners. Thank you so much. Hope we will gets more from you

[@CodingNepal]

More to come!

[@Fafy-Kids]

thank you pal , I tried with you step by step in 2024... still effective

[@CodingNepal]

You're welcome. Happy coding!

[@64_bit_coding]

This is the first time I haven't seen you use Poppins font. Also congrats on 200K subscribers

[@CodingNepal]

Thanks! 😄

[@dgpreston5593]

🎧 on...
Actually said "oh, wow" @29:59
Highly entertaining. Love the format and content.
Didn't subscribe immediately, was mesmerized...
😢😅

[@sakthishduke1788]

Best channel for beginners 🎉

[@coding567]

It's so useful Congratultions for 200k😍😍

[@CodingNepal]

Many many thanks

[@darunabdulmutaleb3434]

Thank you so much, your work is appreciated. You are helping so many people out there.

[@javascriptcoder-pf9hh]

Can always count on you to bring the best content 😊

[@CodingNepal]

I appreciate that

[@yubiroaster6285]

Such an amazing and useful video.❤ Thank you so much, sir.🙏

[@CodingNepal]

Most welcome!

[@ShivamSingh-se4hl]

Thank You for Great content. Please also make a video on how to connect this to a database so that we can use it in real life websites.

[@anjKK]

thank you broo you are code is usefull for every one ...love u brooooo

[@codingcinemax]

Congratulations for 200K 🎈🎉

[@CodingNepal]

Thank you so much 😀

[@maheshvaishnav727]

love from maharashtra bro ❤

[@priyanshu_chk]

Thank you for this:)
It would be really helpful if you bring a part of 2 of storing it in Data Base.

[@CodingNepal]

Thanks for the idea!

[@rayforever]

🤧 learn nodejs with any database like mongodb or firebase , or else you can use firebase only but you need banger js knowledge

[@CoderGirlYT]

It's so useful🥰

[@longphamnhat1965]

i like your video, i like your channel

[@CodingNepal]

Glad to hear that

[@Devil_Gaming_214]

Hello please can u help me for complete my project, i added login button on top right how to code for it like u did this is javascript required?

[@ichsanadi1186]

Its cool but how to get background animation in login page?

[@МаксимНаумов-ъ2у]

Thank you for the great content! Maybe it will be useful if you add some text pop-ups with small explanation for difficult moments in the video (for better understanding for what current action is needed)

[@CodingNepal]

Great suggestion!

[@mdms4549]

Thank you brother, I really enjoyed this video
Please, if possible, use the topic of form validation in other videos
Thanks

[@CodingNepal]

Sure I will

[@mdms4549]

@@CodingNepal Thank you my friend🙏🙏

[@SOUMYABANERJEE-hq9wl]

Where did you construct the class "show-popup"??

[@karloemilcruz8354]

Hi nepal! Is there a step by step tutorial of coding for this login and registration form with database?

[@Allweather92]

Thanks alot

[@ItobiyeBlossom]

Bro I’m having issues please help the padding and height stopped having effect after line 107 it’s really tiring😢

[@t_trar2158]

Is there tutorial teaching how to handle wrong username or password situation?

[@jokamanagementteam]

Please do you know any other language apart from html,css,js and php?

[@officialquotes1113]

make a tutorial on how to make a blogger template please 🙂🙏

[@DivyaGhadge-fb7mh]

Hi mam I don't understand that how to join sign up form

[@anjubalan-w2b]

please sir create a reffaral system using php my sql continue your login and registration system with email otp verification playlist

[@nuiaslou18]

why are you using px instead of vh or vw?

[@comwia]

thanks

[@AnishKumar-ku7tn]

From where you have learned CSS

[@mmmicaeela]

hice todo tal cual pero no me aparece el btn login :(

[@ZAFARGURMANI]

"Why do your Fiverr ratings and order count not match your impressive skills? Do you freelance alongside a job?"

[@Coded-jj7fm]

Sir, I am not getting the same output, what should I do?

[@CodingNepal]

Double check your codes with me or get codes from here www.codingnepalweb.com/create-website-login-registration-form-html/

[@Coded-jj7fm]

@@CodingNepal ok

[@aneeshgiripragada2050]

I registered but my firebase says no new users

[@cellous6269]

Is that a localstorage ??

[@CodingNepal]

What do you mean by local storage?

[@mhd_Code]

👌

[@hamayalkhan8181]

I follow the same method but there is no styling

[@vijaybeyondborders]

Javascript ko chuttai course lera awnus na please from beginner to advance nepali ma ani website ma real use kata hunxa tyo pani vandinu like logic building

[@skanderlandolsi6182]

thx for the video , can i get the source code ?

[@CodingNepal]

Here is the source code www.codingnepalweb.com/create-website-login-registration-form-html/

[@piggymaster3209]

26:00

[@VivianDessiréBazalarVargas]

This i need but in php

[@piggymaster3209]

7:19

[@katherineserrano4479]

Can you pls write down the code here pls😭

[@PonsridharanK]

i want source code ,how i get?

[@CodingNepal]

Here is the source code www.codingnepalweb.com/create-website-login-registration-form-html/

[@mdms4549]

😊😊😉🙏🙏

[@tsunami100]

Bhai muh se sath sath bol kr bhi samjhaya kro