How To Make A Website With Login And Register | HTML CSS & Javascript

How to Make a Website with Login and Register, How to Create a Website with Login and Register, How to Make Website with Login, How to Create a Website with Login and Password, How to Create a Website Login Page in HTML, How to Make Website Login Page, Website with Login and Registration HTML CSS & Javascript
Click For More: / @codehal
Website:
codehalweb.com/
-------------------------------------------------------------------
Get Source Code from here and support me ❤
www.buymeacoff...
Get Source Code by PayPal
ko-fi.com/s/8b...
🔔 Subscribe Now!
/ @codehal
Related Videos:
1. How to Create a Website using HTML and CSS Step by Step Tutorial | Website Design
• How to Create a Websit...
2. How to Make a Website with Text Animation Effects using Only HTML & CSS
• How to Make a Website ...
3. Responsive Website Landing Page Design | HTML CSS and JavaScript
• Responsive Website Lan...
4. CSS Parallax Scrolling Website | How to Make Website using HTML CSS and Javascript
• CSS Parallax Scrolling...
5. CSS Parallax Scrolling Website | How to Make Animated Website using HTML CSS and Javascript
• CSS Parallax Scrolling...
6. How To Create A Personal Portfolio Website Using HTML and CSS Only | Step By Step Website Tutorial
• How To Create A Person...
7. Parallax Scrolling Website HTML CSS & Javascript | How to Make Parallax Website
• Parallax Scrolling Web...
Download Image & Start Project From Scratch:
drive.google.c...
Icons:
ionic.io/ionicons
Image Sources:
Image created by freepik
www.freepik.co...
Codehal
-------------------------------------------------------------------
#css #cssanimation #csseffect #codehal
-------------------------------------------------------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.

[@plantnt489]

it always amazes me how people like you make website programming look so easy

[@randomname2914]

maybe because this basic site literally is the easiest?

[@nuttapongphetpradub8005]

My head spinning when I try centering my beloved divs and they still don’t work as I expect 😅😅😅

[@TaskierShop]

Tbth it's not that hard you just have to learn it

[@haganlife]

@@nuttapongphetpradub8005 flexbox is your friend, spend a weekend learning it and you will become the master of css

[@nfh07]

this is from bootstrap. i literally had to make this for my class project. same layout.

[@moviearchives9613]

I've been learning web development and I've completed HTML and CSS. I'm halfway through JS and what I can say so far is that the hard parts of web development is creating the design layout. "This is where the links will be, this is where the login page will be." This is one amazing design. I'll recreate it after I'm done with Js.

[@short_but_special]

hii i am also a learn self webdevlopement .what is your strem science or other.

[@GodOfFools]

I agree

[@AngesPhambu]

Can you help me please. I didn’t catch what he did with wrapper active

[@dishwater0]

dude My HTML and CSS web dev class randomly dropped a js assignment. and I have nooooo Idea what I am doing

[@anamansari2746]

It was my first project which includes javascript and I understood it all without theoretical studies. Thanks alot!

[@BimolMunda-z1z]

0:59

[@expandablevictor7858]

I wish you would one day be creating a complete website, this is simple and beautiful.

[@19JustMike83]

Me too. But the problem would be with PHP

[@dennisdon5601]

@@19JustMike83 PHP is the easiest thing out there

[@abiraksaj8607]

I agree.

[@ninjaaljun7674]

Nice website, I'm gonna try and copy this code myself after I learn more javascript. I'm happy to know that I understood 92% html and css lines and what they were for, of course I could never code anything like this, I only understood why you put those code but I cannot code on my own. As for the javascript I could understand only so little that I'm gonna study it first before copying this.

[@BenitoSanchez-y4r]

For those contemplating diving into a 6hr course...DO IT. His basic & foundational HTML/CSS explanations are in a league of it's own! This course is an amazing combination of audio and visual learning. You will not regret investing your time into this tutorial!!

[@LittlGamer.]

I don't know how much this video has but I want to thank you a lot because I know that making this type of designs and code is not as simple as it seems so it is very appreciated that you show how you do it because anyone else just sells them and doesn't show anything of code thank you very much for being a good person and a good programmer I thank you very much and you are very good I support you 100%

[@twoplustwoequals5733]

you can improve it, because now you can close registration form and when you click login button it will bring back register form instead of login, that's a bit confusing from UX perspective, login form should be as default after closing imo ;)

[@georlybibas5846]

how can I do exactly that?

[@ironskilit]

I can’t wait to try this project! I’m learning some web development for a web app idea I have. I tried to approach people to help but they either are flaky or don’t think it can be done.

[@inferi02]

for some unknow reason, at minute 23:55 it does't give me the same effect when writing: transition: height .2s ease;

[@adam-qg5hf]

I have the same problem, tell me if you have any answers, please !

[@relaxo3900]

Creating something from scratch is great, and this is what makes programming more interesting than any field

[@codehal]

I agree with you 💚

[@Pakhtoon_Afghan]

​@@codehal can i build like yours by watching your lec pls!!?😢😢

[@SporthighlightsS1]

Coding is the best and worst thing that can happen to a human

[@SporthighlightsS1]

@@Pakhtoon_Afghanwhat ?

[@satyabratasahu5192]

​@@SporthighlightsS1how worst

[@Pedro-eo5bz]

Maravilhoso, me ajudou muito no meu TCC muito obrigado from (Brasil, Portuguese language) Wonderful, helped me a lot in my cbt thank you very much (in English)

[@codehal]

Glad you like it bro💚

[@bielzinedits0]

qual curso vc ta fazendo mano?

[@Pedro-eo5bz]

@@bielzinedits0 mano to fazendo curso de desenvolvimento de sistema kkkk

[@luisnascimentodesousa5407]

@@Pedro-eo5bz Eu também, só que o meu tem análise tbm

[@lucassydor823]

kkkkkkk vai me salvar mt no meu tb

[@vladi_lored]

Wow... I was just thinking how to make a beautiful form and I got it in the recommendation immediately XD Thank you so much! :)

[@samuelmillanandrade6386]

I'm creating my portafolio of projects and this is helping me a lot

[@MohammedMashud-ff2fq]

We wish to have tutors like you around us. A very Good tuition. May you be Great😊

[@louwellprimo8588]

Thanks very much for this video. I've learned a lot....🥰

[@atapenalva]

Nice, its not dificult to make It with this kind off videos 💯

[@panagopulos9690]

Great page and great tutorial. I would love to make this API connected for the real login and registration and how it works .

[@maikerul217]

Thank you for making this video, very easy to understand and follow a long.

[@DagiWorld]

Wow thank you so much your website help me the home about services and contact, login

[@KumarJha06]

following your guide helped me ace my assignment for school thankyou so much

[@RohitKeshri-mr7sr]

Bhai source code dona bhi

[@SlickNickTexas]

Great video! Wish you'd respond to some of the comments though. I'm running into the issue where the login/registration form will not close when you click off it as shown in your video. Additionally, the X button does not function even though our code is the same. I'll try to seek an answer and see what I can figure out. I'll edit here if I find an answer. *Edit: I still can't get the click off of the prompt to make it disappear but by deleting the JS code for it and redoing it, the X ended up working.

[@nikhil_k_07]

Bro it's just a amazing yaar 😍🔥 Cool ! Superb 🔥 Bro one suggestion from me ! Instead of that BGM, gave a brief information about that all tags , CSS, and JS code It will help a lot so

[@master8920]

Thank you for a good example of how to typeset and style. It came out beautiful. Good luck!

[@mohitsingh8857]

Hey mera login btn nav wala kaam nhi kr rha infact koi btn kaam nhi kr rha jb form mein jo login btn hai usme tap kr aapke wale mein kuchh bhra nhi hai to reminder de rha hai mere wale mein aisa kuchh nhi ho rha 😢 kya karein?

[@adam-qg5hf]

I dont understand why but when I tried to have the transition (between the register and sign in ) it didn't work, is it normal ?

[@EduardMititiuc]

Wooow amazing! So easy to make and still so beautiful!

[@natnaelbehailu1255]

I don't understand how you added the registration part. the login and registration are up and down

[@Mahesh-pd6mk]

It's really amazing but it's incomplete without backened, How can I get my users data with this code to my backened, anyone help, please make a proper demonstration or else it's no use

[@franciscocouttolenc6783]

I really like it, awesome work, keep going

[@Violent-Craft]

this looks relly nice and my type i love it Thank you so much i was searching for months. You are really good at html css and java script and again Thank you so much CodeHal

[@PrinceKumar-hh6yn]

Just amazing. Hope u have backened videos as well

[@Cr-tw7ku]

I really enjoy the video God bless you more !!! Thank you

[@caioangi6007]

What theme you using? Nice video bro

[@Engage30]

It takes $300 value from this class, but i get free from this video incredible

[@syedkashifhussain8802]

Great! Please make it with validation that display message 'Invalid username or password' within this modal/popup form.

[@janwellhansc.ibarra3248]

Hi! How do I change the logo on the upperleft to an actual image of a logo without affecting the navigation bar?

[@venanciuslima5058]

i luv u! I'm learning a lot from your content!

[@memelrd3500]

how do I make it stay on the center? because I added some text and images then the login box just went to the side... pls help

[@jivajijadhav4075]

Great Video.... it very useful for Beginner

[@vincentbonifacio7787]

Can I ask a question? 😆 What's in your first line in the css part? I hope you can answer this 😅

[@codehal]

Hi, Vincent.. for * it's a general selector, aims to change all the default elements, but not all of them can be changed by default, in this case I just use that, you can learn more about css reset

[@AkY14]

my btn login don't popup ? what is a problem can yu please tell me

[@DrDoof14]

same here

[@QzCrow28]

Nice, very nice. :D Thank you, from Brazil.

[@oluwabamifashola4870]

Would be really Glad to join your class please let me know if I can join ur classes please via zoom or teams please I will be Glad to get a feedback I really love this ❤

[@kazinns7]

good

[@comwia]

Can you tell me 22:32, what .login-link have? I mean where is login-link in your html (time in video) thanks

[@antonantonov1936]

Thank you very much 😁👍

[@jemielrobles7114]

please create a video how to make website using html,css and php

[@Zain_______Israr]

I wish you will talk in your videos and will explain things

[@jonathanomar8845]

Excellent work!! Please what is the title to the first music used its very soothing

[@nayanchoudhary4849]

If someone enters his email and pass here can it be visible to me

[@FelipeNiclvs.]

could we get a video on what would end up being the back end for this?

[@tahalamkahkah-ok9ry]

nice bro continued😊😊😊

[@jonhc2303]

This design is awesome!!!

[@roman_stha_]

@codehal thank you for this video can you make a video of website logging in plzz.

[@firozmumtaz1954]

What is the impor url?

[@baimotret3928]

that was awesome bro!! 🔥🔥

[@shubhamraj_22]

And here i also completed same login page watchine it same time

[@zhawtty58]

hello again it's me trevor i watched this over and over again because i wanna create a blog of my own with login and registration page but i can't get something it'll be great if you help me out

[@zvlog360]

I wanna add * forgot password page * but when I click on it then register page appear . Plz help me

[@sohana.06]

22:39 paste the register

[@CodingW3]

👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻

[@mouhamadoumdiop4491]

thank you i learn a lot of things thanks

[@menakasiriwardhana9842]

Thank you very mutch dear that is amaizing

[@codehal]

No worries 💚

[@meriemelaid898]

Great job👍👍👍

[@mongolroy5901]

Thank You! Your the best!

[@vd.stajer]

Can you please tell me which extensions are you using?

[@abiraksaj8607]

Thank you so much! It works!

[@omgitzlucifer814]

Hi, thanks for this I was having trouble with this were I would click register link and the form would move over then refresh the page. I noticed that the login and register links didn't have a # in the href="" I put this in and it fixed it. If anyone else runs into this I hope this helps

[@hamdaniabdsalam4451]

Thank you sir for the video

[@santiagohernandezmontes6977]

Hello, when I was going at minute 9:09 I got an error that no longer allows me to save. it says the following: Could not save "index.html": Cannot write the file "c:\xampp\htdocs\Practices HTML\Page with login and register\index.html" (Unknown (FileSystemError): Error: EBUSY: resource busy or locked, open 'c:\xampp\htdocs\Practices HTML\Page with login and register\index.html') What I can do?

[@VihangaSE]

good video but can you make is responsive.

[@prathatiwar3696]

Backdrop filter : blur(); This is yhe main keyword

[@blueberry-w8t]

can you explain (navigation a ) that you use in cssyou create a class navigation in html but you use navigation a i hope you understand what i'm trying to say

[@Alter_tiktok]

apenas estoy aprendiendo me sirvió mucho, gracias!!

[@RayanshGupta-5it]

Where did you learn coding from 💦😢 sweating...

[@abdulwarithottu3066]

I want start learning websites from scrach but no fundamental knowledge about it😢

[@kioGraal]

The header codes specifically (z-index) did not work, they remained in the same position

[@backspinyt]

dayum tysm that looks awesome

[@michaelmoya3936]

i have to make a login website that will connect with a raspberry pi 4b, do you think this will connect to it? sorry if it is a dumb question

[@АзиретШарипбекуулу]

this is sait beautifule😍😍

[@mamapuci]

Yeah, here we go again. Cool bro!

[@codehal]

Hey, thank you Rikari 💚

[@shaikdilkhushsyedbabasaifu3361]

Someone help me i written the css code perfectly but at 14:16 the email is staying at top : -5px but in my code that email is coming back when i type in password. I searched everywhere and i crossed whole css 2 times yet i couldnt find the solution. if u got it please help me.

[@mdrafi106]

that's a tremendous work dude ....

[@codehal]

Many thanks

[@mysterioustwist1894]

Thank you buddy❤

[@muhammadmassab-h8n]

When we are closing registration form and then click on login the registration form is showing instead of showing login form that's why you don't show us ?

[@muhammadfaiq5462]

is there any tutorial where we can save login info ? that are used in this website? like data base smth

[@sarahbahgat8052]

can you please make a vedio on how to make the login button disappear once someone is logged in and show their name

[@newton_ic]

It's great💪👍👍

[@dyxodine148]

im having an issue when following the tutorials where my links refuse to remove the underline no matter what code i input...

[@jefflegend456]

Damn, I stumbled upon this gem

[@clashkinggaming1527]

On clicking wrapper and then login button it is not showing me wrapper active-popup

[@yenespace406]

so beautifuly done!

[@LEWIS_ALAMREW]

what shortcut did you used in 19:56 min on overflow: hidden ?

[@Kajal-xu9vt]

Hey cam you solve the issue that occur at 7.47 min

[@oshadakumara]

Thank you❤❤❤

[@pravinrajm12]

superb

[@ddenterprises301]

I want source code I am able to do last step because i am not good in JS So please help me

[@lafiolfa1909]

Thank you

[@favourlandquayson9407]

PLease How Do I contact you? I really admire your handy work. Keep the good works up9

[@Coderoffootball]

21:41 nice

[@myhelshik5844]

Ayy! This looks very cool! If only I could access something like that in the previous year it could simplify me a lot of things. Thank you sir for the video.

[@codehal]

Hey, glad you like it!

[@remember.772]

But what will happen when I click the log in but I mean is it interactive​@@codehal