Now what we need to do is that we need to work on the account page.
So I'm going to create a new file called Account.
I'm going to say I'm going to create a new file.
Gold account, account, dot email.
And in this account, we need to get a code that we already have from the in.
So I'm going to get the complete code from the log in because the code is going to be the the structure
is going to be the same except for the content.
So let me first save and let's go to the account page.
So now I'm going to say here account that it's Gmail and it's going to display the log image.
So we need now to work on the account page.
So first, I'm going to remove here the content from the account page.
So here from the account page, we have we have this area that says.
Here, that secure section, we need to actually remove pretty much everything.
Let's remove everything and start over.
So I'm going to remove everything.
I'm just going to keep the section because we need this section.
And here instead of log in, I'm going to say account.
So we have this section and the section will have the margin top and bottom five padding top and bottom
five.
Now inside this section, we need a Dave as usual and I'm going to give this Dave a class and that class
is going to be the container and I'm going to say row and they're going to say container and I'm going
to also say container and I'm going to also say margin, auto margin, ex auto margin right and left
auto.
The reason why I say that is because I'm going to divide the page into two columns.
The left column is going to display information about is going to display the account information of
the user.
On the right side, I'm going to display a form that would allow the user to edit their email to change
their email.
Therefore, I said, here, wrong.
So inside that's wrong.
We need two columns.
So I'm going to give you the first call.
I'm going to say here, Dave, and then I'm going to give this this data class.
I'm going to say class, and then I'm going to say first, I'm going to center it next.
And it takes center.
And I'm going to give this this Dave margin top three and also margin.
And also padding top five.
And we need to specify the number of columns.
So so I'm going to divide the data to equal columns.
So I'm going to say column large six and column in the 12 and column for small screens, column is 12.
So the, the, in case the screen is large, the page is going to be divided into two columns.
In case the page it is the page is medium or small.
There will only be one column.
And then.
I'm going to display the here inside the inside out there.
I'm going to say account here first as we display h r and then I'm going to display the.
Let me say here, glass and baking soda and then display the urge to it to display the account information.
So above this, h two, above this h r I'm going to say it H2 or H3.
Let's H3 and I'm going to give this a class and the classes are going to be fine.
Wait.
What?
And I'm going to sit here.
Accountant for.
Let me save on let me show you this in the browser.
Now we have here on the left side, we have accounted for.
So let's display here.
Below this are let's display information.
So below this chart, I'm going to get another div.
I'm going to take you there and I'm going to I'm going to here give this a class called.
Account and full.
And they say that they're going to display the name and the email and but first, I'm going to play
name.
I'm going to say your IP name and I'm going to give you the span here.
Span.
That displays any.
And below it, I'm going to display the email.
I'm going to say a P and then email.
And then.
Email here.