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

Поделиться
HTML-код
  • Опубликовано: 19 авг 2023
  • 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.
    Download Images only of this Website Forms
    www.codingnepalweb.com/custom...
    Hire me on Fiverr
    www.fiverr.com/prakashahi
    Follow me on Instagram
    / coding.np
    Visit my website for helpful coding projects with source code
    www.codingnepalweb.com
    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 ...

Комментарии • 53

  • @sakthishduke1788
    @sakthishduke1788 3 месяца назад +1

    Best channel for beginners 🎉

  • @anjKK
    @anjKK 3 месяца назад

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

  • @maheshvaishnav727
    @maheshvaishnav727 9 месяцев назад

    love from maharashtra bro ❤

  • @CoderGirlYT
    @CoderGirlYT 8 месяцев назад

    It's so useful🥰

  • @javascriptcoder-pf9hh
    @javascriptcoder-pf9hh 9 месяцев назад +1

    Can always count on you to bring the best content 😊

  • @dgpreston5593
    @dgpreston5593 8 месяцев назад +1

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

  • @soundofheaven1190
    @soundofheaven1190 8 месяцев назад +1

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

  • @64_bit_coding
    @64_bit_coding 9 месяцев назад +7

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

  • @ShivamSingh-se4hl
    @ShivamSingh-se4hl 6 месяцев назад

    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.

  • @coding567
    @coding567 9 месяцев назад +1

    It's so useful Congratultions for 200k😍😍

  • @yubiroaster6285
    @yubiroaster6285 9 месяцев назад

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

  • @jokamanagementteam
    @jokamanagementteam 9 месяцев назад

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

  • @Allweather92
    @Allweather92 6 месяцев назад

    Thanks alot

  • @ichsanadi1186
    @ichsanadi1186 9 месяцев назад +1

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

  • @SOUMYABANERJEE-hq9wl
    @SOUMYABANERJEE-hq9wl 3 дня назад

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

  • @priyanshu_._
    @priyanshu_._ 9 месяцев назад

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

    • @CodingNepal
      @CodingNepal  8 месяцев назад

      Thanks for the idea!

    • @rayforever
      @rayforever 7 месяцев назад

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

  • @codingcinemax
    @codingcinemax 9 месяцев назад

    Congratulations for 200K 🎈🎉

    • @CodingNepal
      @CodingNepal  8 месяцев назад +1

      Thank you so much 😀

  •  8 месяцев назад

    thanks

  • @ZAFARGURMANI
    @ZAFARGURMANI 8 месяцев назад +2

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

  • @officialquotes1113
    @officialquotes1113 8 месяцев назад

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

  • @nuiaslou18
    @nuiaslou18 8 месяцев назад

    why are you using px instead of vh or vw?

  • @user-hc9fv1ju7v
    @user-hc9fv1ju7v 8 месяцев назад +3

    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)

  • @user-wp1fj3pm3h
    @user-wp1fj3pm3h 8 месяцев назад

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

  • @ItobiyeBlossom
    @ItobiyeBlossom Месяц назад

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

  • @mdms4549
    @mdms4549 8 месяцев назад

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

    • @CodingNepal
      @CodingNepal  8 месяцев назад

      Sure I will

    • @mdms4549
      @mdms4549 8 месяцев назад

      @@CodingNepal Thank you my friend🙏🙏

  • @mhd_Code
    @mhd_Code Месяц назад

    👌

  • @AnishKumar-ku7tn
    @AnishKumar-ku7tn 8 месяцев назад

    From where you have learned CSS

  • @longphamnhat1965
    @longphamnhat1965 15 дней назад

    i like your video, i like your channel

  • @mdms4549
    @mdms4549 8 месяцев назад

    😊😊😉🙏🙏

  • @hamayalkhan8181
    @hamayalkhan8181 27 дней назад

    I follow the same method but there is no styling

  • @t_trar2158
    @t_trar2158 2 месяца назад

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

  • @DivyaGhadge-fb7mh
    @DivyaGhadge-fb7mh 4 месяца назад

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

  • @Bagiragaming78
    @Bagiragaming78 8 месяцев назад

    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

  • @piggymaster3209
    @piggymaster3209 8 месяцев назад

    26:00

  • @piggymaster3209
    @piggymaster3209 8 месяцев назад

    7:19

  • @skanderlandolsi6182
    @skanderlandolsi6182 2 месяца назад

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

    • @CodingNepal
      @CodingNepal  23 дня назад

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

  • @PonsridharanK
    @PonsridharanK Месяц назад

    i want source code ,how i get?

    • @CodingNepal
      @CodingNepal  Месяц назад

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

  • @tsunami100
    @tsunami100 8 месяцев назад

    Bhai muh se sath sath bol kr bhi samjhaya kro