So be a lot of the theme and the email I'm going to display through links here.
I'm going to say copy and then I'm going to play attack.
And in this attack first I'm going to give it a try and I'm going to keep it keep it empty for now.
And I'm going to give it an idea so that it is going to be order button.
So this.
Order.
By this order, Baron is going to take regular to the order section.
And I'm going to say here your orders and below I'm going to play another beat tag with attack.
So this the second one will would look windier.
So the second one would log the user out.
I'm gonna say log out and let's also here give it a true and empty.
It's true.
And the ID is just going to be.
Log out.
But now let me see and let me show you how this would look like.
So as you can see, we have the in the email, the two buttons.
Now we need to work on the right side area where I'm going to display a form that's going to allow the
user to edit their email there, their password.
So be law.
Be law is there.
But inside there are.
We need to be inside.
There are inside this trial.
We need to create a deaf ear and we need to see glass.
And then we need to specify the number of columns that we want.
So I'm going to say column six and column and 12 and column.
Sam Doyle And this is for this step inside is the rest.
Then we need to display the form itself.
So I'm going to say form and for the form I'm going to give it.
And I think that it would be account form
and inside of form.
I'm going to say it three.
I mean, I'm going to say change.
Passport.
Below it, I'm going to just display the h r and I'm going to say class.
Am X or below this, I'm going to display the inputs that we want.
So we need two inputs.
So I'm going to say them and then I'm going to give it a class.
So the class is going to be just form, form, group, form, group, and inside it we need a label
and input.
So for the label, I'm just going to say password passport below this label we need an input.
So I'm going to say inputs and I'm going to say type password.
And less.
Form control and we need an I.D. and also we need any.
So the ID is just going to be form ready is just going to be a count pass ward and I'm going to also
say please.
Older.
Pass war and we need a name.
I'm going to say name.
Bass Ward.
And finally required.
Let me save and show you how that would how this would look like.
So as you can see, we have this form, but we need to fix the margins.
So at the top, we actually have a problem because before we we need work on account form.
And I'm going to fix this.
I'm going to fix this problem.
But for now, let's continue.
So I'm going to just copy this and then pasted below because we need to confirm the new password.
So I'm going to say here, password.
So here I'm going to say confirm.
That's for.
And then I'm going to say your password and then form control account.
Password.
Confirm and your password.
Confirm.
Password.
Confirm.
Passport.
So this is for the second input.
Next, we need to display the button that's going to
change the password.
So we're going to again, say them for.
Glass form group.
And in saying that we need input and again we need of the type is going to be submit type.
Some met and value.
Change passwords.
And we need it.
And glass.
Glass.
Meaty.
End in.
Change.
Bus.
Ann.
And that's it.
Let me see even let me show you this in the browser.
So here we have two more inputs and we have a button.
Let's work on the design.
So for the design I'm going to hit and over to see is this.
So in the first year.
See, assess and then in the thesis we need to start with the account that we created.
So we have in the thesis we have the account form.
So here I'm going to say count.
Account.
So for that account we first need to say account form.
So for that form, I'm going to change the width.
So the width is going to be 50%.
And the margin is going to be 35 be x or.
And text a line center.
And batting 20 picks.
Let me say again, let me check this in the browser.
So as you can see, it looks now there let's also work on the inputs so I'm going to say account.
For input.
So for the inputs, we need just to change the margins.
So the margin is just going to be five B, X or.
And for the Marines, we have we have a count form.
We have the change buzzword, the body change.
Bass baton.
So for the change baton, we just need to change the colour and the background colour.
The colour is just going to be white at the background color would be orange.
We need to keep the same brand colors.
We don't we we shouldn't be using other colors because we need to focus on having a consistent color.
So the next thing that I'm going to work on is the account form.
We need to work on the orders, but I'm going to say orders button and also the logout button, log
out button.
So for these two, two buttons, we just need to change the color itself.
So the color is going to be the the orange color and the text decoration, not the same.
And let me show you how outstanding this is.
So now we have the log out, then we have the orders.
So for the orders, we have a problem.
Actually, we need to make sure that we have given.
We have given this marching orders.
Marching orders not to order orders.
Now, if I refresh, it's going to say it's going to it's going to fix it.
It didn't fix it.
So we still have a problem here.
Orders meet the end.
And here are orders meaty an account form.
So it's not.
It's inside the account info.
So we need to say your account not account for we need to say account info.
But the account info is actually A-class, so we need to see that account info and this should fix it.
So now we have the order, your orders, and we have to look out.
And I think everything now is perfect.
So we have now the account complete and also the change passwords for.