So now what we need to do is that we need to work on the registration form.
And the good news is that we don't we don't need to repeat a lot of things because we already have the
log in form and we can use the log in form and edit that looking form to create a registration form.
So what I'm going to do is that I'm going to give here a new file called Register, that is HTML, and
I'm going to copy the entire code from the log in.
So from the log in, I'm going to copy this code entire page and then I'm going to put it in the register.
However, we need to edit many, many things.
First, let me save let me save everything, eliminate and over to the browser.
And here I'm going to say register the attached email.
If I say registered email, it's going to display the look at for.
So we need to change this logging form to be the registration form.
So here, instead of saying log in, I'm going to say register, register, and then I'm going to give
it here.
Here first I'm going to change the the log into register.
Register.
And for the registration form we need first to change the the ID.
So the form is going to be register form or registration for registration.
Regis.
Let's say you register for me just for the sake of keeping the word small and short.
So here for the registration form, we need an email, we need a password, we need to confirm confirmation
for the password, and we also need the user name.
Therefore, I'm going to copy that.
I'm going to copy the email and then I'm going to pasted above.
But instead of saying email, I'm going to say a name.
So this is going to be the name and I'm going to say the input type text, the classes form, control.
The ID is going to be register.
Register name.
And rename is going to be name.
The leaseholder is me.
The second.
The second input is email.
And then you type the text class form control event ID is register register email.
The name is email and it leaseholder is email.
The third input is the is the password.
The only thing that we need to change is the third ID.
So the idea is going to be register register passwords.
We also need to copy the password and then we need to place it below it.
And we need to say, is it a password?
I'm going to say confirm or password?
Confirmation.
I'm going to say.
I'm going to say confirmed.
BOSWORTH Confirm.
Password.
So the type is password.
The class is form control.
The ID is the I.D. is the register.
Confirm password.
Confirm passwords.
The name is confirm password or password confirmation.
Let's say.
Confirm plus.
I'm going to say cron firm.
Password.
And the placeholder is.
Gone firm.
Fast forward.
Now, the tricky part is the the alibi that the baron is going to say register, register and the ID
is register button registered between the the on the on the other hand, the, the link is going to
say log in u r l and here and I say, I'm going to say here, do you have an account?
Do you have?
An account.
And then log in.
So if a user has an account, then they can log in.
Let me save and let me.
Show you how this would look like in the browser.
So as you can see, this is how it's going to look like.
However, we need to fix the design and make it look like the log in form.
As you can see, the looking form looks like this, which looks amazing.
We need to replicate this and apply the same design to the register or the registration form.
So I'm going to head on over to see if we have the time.
That's easiest.
And then I'm going to add the comment.
I'm going to say I'm going to see a.
I'm going to say register.
And then.
Let's start with the registration form.
I'm going to say an adjuster.
Form.
So the design is going to be similar to the, um, through the log and therefore there is no need to
type it again.
We can't copy the code from here.
We can't copy this.
Cut and paste it here.
And let me see.
And let me show you how this would look like.
So now, as you can see, it looks like this.
Now we need to work on the other elements.
So the other elements are the buttons and the inputs.
So for the inputs, we need to say.
Resistor.
Form input.
And the code would be the same as the input that that we had in the log in.
So I'm going to copy this guide and then I'm going to pass it here.
Next.
We need to work on the log in button and the we need to work on the registration button.
And also the log in your audio.
So here we need to say.
Register form.
And then and then we have here this register VPN.
So I'm going to say here.
Register.
The end and record is going to be similar to this.
We can copy this.
Good.
And lastly, we have lastly, we have the log in.
We have the log in u r l, which has an ID called log in your ideal.
So for the log in, you are able I'm just going to say register.
Form.
Log in.
You are ill.
And the code, again, is, is use this line of code.
It's just the color.
The color is orange.
And we will be good to go.
So let me save and let's see how this would look like.
So as you can see, it looks extraordinary, extraordinarily amazing.
And we have a design that looks very similar, if not exact, to the log into a log in.
This is the log in.
And this is the restoration.
They are the same.
And the the thing you just look amazing.
The the all of the elements aligned perfectly.
Especially the registration button.
It's aligned perfectly with the inputs.