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 Only Images of this Website with Login & Signup Form
➤ www.codingnepalweb.com/custom...
🗂️ Get Source Code of this Website with Login & Signup Form
➤ buymeacoffee.com/codingnepal/...
🌐 Visit CodingNepal for helpful coding projects
➤ www.codingnepalweb.com
⭐ Hire me on Fiverr
➤ www.fiverr.com/prakashahi
📷 Follow me on Instagram
➤ / coding.np
🤝 Support my work with a coffee
➤ buymeacoffee.com/codingnepal
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 ...

Пікірлер: 61

  • @sakthishduke1788
    @sakthishduke17885 ай бұрын

    Best channel for beginners 🎉

  • @anjKK
    @anjKK5 ай бұрын

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

  • @darunabdulmutaleb3434
    @darunabdulmutaleb34342 күн бұрын

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

  • @soundofheaven1190
    @soundofheaven119011 ай бұрын

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

  • @CodingNepal

    @CodingNepal

    10 ай бұрын

    More to come!

  • @javascriptcoder-pf9hh
    @javascriptcoder-pf9hh11 ай бұрын

    Can always count on you to bring the best content 😊

  • @CodingNepal

    @CodingNepal

    10 ай бұрын

    I appreciate that

  • @maheshvaishnav727
    @maheshvaishnav72711 ай бұрын

    love from maharashtra bro ❤

  • @dgpreston5593
    @dgpreston559311 ай бұрын

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

  • @CoderGirlYT
    @CoderGirlYT10 ай бұрын

    It's so useful🥰

  • @64_bit_coding
    @64_bit_coding11 ай бұрын

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

  • @CodingNepal

    @CodingNepal

    10 ай бұрын

    Thanks! 😄

  • @coding567
    @coding56711 ай бұрын

    It's so useful Congratultions for 200k😍😍

  • @CodingNepal

    @CodingNepal

    10 ай бұрын

    Many many thanks

  • @yubiroaster6285
    @yubiroaster628511 ай бұрын

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

  • @CodingNepal

    @CodingNepal

    10 ай бұрын

    Most welcome!

  • @ShivamSingh-se4hl
    @ShivamSingh-se4hl8 ай бұрын

    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.

  • @Fafy-Kids
    @Fafy-Kids2 ай бұрын

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

  • @CodingNepal

    @CodingNepal

    2 ай бұрын

    You're welcome. Happy coding!

  • @Allweather92
    @Allweather928 ай бұрын

    Thanks alot

  • @priyanshu_._
    @priyanshu_._11 ай бұрын

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

  • @CodingNepal

    @CodingNepal

    10 ай бұрын

    Thanks for the idea!

  • @rayforever

    @rayforever

    9 ай бұрын

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

  • @codingcinemax
    @codingcinemax11 ай бұрын

    Congratulations for 200K 🎈🎉

  • @CodingNepal

    @CodingNepal

    10 ай бұрын

    Thank you so much 😀

  • @user-hc9fv1ju7v
    @user-hc9fv1ju7v10 ай бұрын

    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

    @CodingNepal

    10 ай бұрын

    Great suggestion!

  • @comwia
    @comwia11 ай бұрын

    thanks

  • @mhd_Code
    @mhd_Code3 ай бұрын

    👌

  • @ichsanadi1186
    @ichsanadi118611 ай бұрын

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

  • @longphamnhat1965
    @longphamnhat19652 ай бұрын

    i like your video, i like your channel

  • @CodingNepal

    @CodingNepal

    2 ай бұрын

    Glad to hear that

  • @SOUMYABANERJEE-hq9wl
    @SOUMYABANERJEE-hq9wl2 ай бұрын

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

  • @mdms4549
    @mdms454911 ай бұрын

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

  • @CodingNepal

    @CodingNepal

    10 ай бұрын

    Sure I will

  • @mdms4549

    @mdms4549

    10 ай бұрын

    @@CodingNepal Thank you my friend🙏🙏

  • @officialquotes1113
    @officialquotes111311 ай бұрын

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

  • @jokamanagementteam
    @jokamanagementteam11 ай бұрын

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

  • @nuiaslou18
    @nuiaslou1810 ай бұрын

    why are you using px instead of vh or vw?

  • @DivyaGhadge-fb7mh
    @DivyaGhadge-fb7mh7 ай бұрын

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

  • @ZAFARGURMANI
    @ZAFARGURMANI10 ай бұрын

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

  • @user-wp1fj3pm3h
    @user-wp1fj3pm3h11 ай бұрын

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

  • @ItobiyeBlossom
    @ItobiyeBlossom3 ай бұрын

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

  • @t_trar2158
    @t_trar21584 ай бұрын

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

  • @Bagiragaming78
    @Bagiragaming7811 ай бұрын

    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

  • @mdms4549
    @mdms454911 ай бұрын

    😊😊😉🙏🙏

  • @AnishKumar-ku7tn
    @AnishKumar-ku7tn11 ай бұрын

    From where you have learned CSS

  • @piggymaster3209
    @piggymaster320911 ай бұрын

    26:00

  • @hamayalkhan8181
    @hamayalkhan81813 ай бұрын

    I follow the same method but there is no styling

  • @piggymaster3209
    @piggymaster320911 ай бұрын

    7:19

  • @cellous6269
    @cellous6269Ай бұрын

    Is that a localstorage ??

  • @CodingNepal

    @CodingNepal

    Ай бұрын

    What do you mean by local storage?

  • @skanderlandolsi6182
    @skanderlandolsi61824 ай бұрын

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

  • @CodingNepal

    @CodingNepal

    3 ай бұрын

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

  • @Coded-jj7fm
    @Coded-jj7fmАй бұрын

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

  • @CodingNepal

    @CodingNepal

    Ай бұрын

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

  • @Coded-jj7fm

    @Coded-jj7fm

    26 күн бұрын

    @@CodingNepal ok

  • @PonsridharanK
    @PonsridharanK3 ай бұрын

    i want source code ,how i get?

  • @CodingNepal

    @CodingNepal

    3 ай бұрын

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

  • @tsunami100
    @tsunami10011 ай бұрын

    Bhai muh se sath sath bol kr bhi samjhaya kro

Келесі