1
00:00:01,020 --> 00:00:04,890
Now what we need to do is that we need to work on the account page.

2
00:00:05,310 --> 00:00:07,920
So I'm going to create a new file called Account.

3
00:00:08,580 --> 00:00:11,790
I'm going to say I'm going to create a new file.

4
00:00:11,790 --> 00:00:14,700
Gold account, account, dot email.

5
00:00:15,390 --> 00:00:19,860
And in this account, we need to get a code that we already have from the in.

6
00:00:20,460 --> 00:00:25,620
So I'm going to get the complete code from the log in because the code is going to be the the structure

7
00:00:25,620 --> 00:00:27,390
is going to be the same except for the content.

8
00:00:27,930 --> 00:00:31,930
So let me first save and let's go to the account page.

9
00:00:31,950 --> 00:00:38,040
So now I'm going to say here account that it's Gmail and it's going to display the log image.

10
00:00:38,490 --> 00:00:40,620
So we need now to work on the account page.

11
00:00:40,980 --> 00:00:45,750
So first, I'm going to remove here the content from the account page.

12
00:00:46,410 --> 00:00:52,770
So here from the account page, we have we have this area that says.

13
00:00:54,370 --> 00:01:00,190
Here, that secure section, we need to actually remove pretty much everything.

14
00:01:00,190 --> 00:01:03,160
Let's remove everything and start over.

15
00:01:03,160 --> 00:01:04,540
So I'm going to remove everything.

16
00:01:04,930 --> 00:01:07,480
I'm just going to keep the section because we need this section.

17
00:01:07,810 --> 00:01:09,970
And here instead of log in, I'm going to say account.

18
00:01:10,540 --> 00:01:16,540
So we have this section and the section will have the margin top and bottom five padding top and bottom

19
00:01:16,540 --> 00:01:16,840
five.

20
00:01:17,620 --> 00:01:24,100
Now inside this section, we need a Dave as usual and I'm going to give this Dave a class and that class

21
00:01:24,100 --> 00:01:30,310
is going to be the container and I'm going to say row and they're going to say container and I'm going

22
00:01:30,310 --> 00:01:40,540
to also say container and I'm going to also say margin, auto margin, ex auto margin right and left

23
00:01:40,540 --> 00:01:40,840
auto.

24
00:01:41,740 --> 00:01:46,240
The reason why I say that is because I'm going to divide the page into two columns.

25
00:01:46,840 --> 00:01:53,530
The left column is going to display information about is going to display the account information of

26
00:01:53,530 --> 00:01:54,070
the user.

27
00:01:54,520 --> 00:01:59,230
On the right side, I'm going to display a form that would allow the user to edit their email to change

28
00:01:59,230 --> 00:01:59,770
their email.

29
00:02:00,460 --> 00:02:02,170
Therefore, I said, here, wrong.

30
00:02:02,860 --> 00:02:03,730
So inside that's wrong.

31
00:02:03,730 --> 00:02:04,930
We need two columns.

32
00:02:05,920 --> 00:02:07,120
So I'm going to give you the first call.

33
00:02:07,120 --> 00:02:11,650
I'm going to say here, Dave, and then I'm going to give this this data class.

34
00:02:12,250 --> 00:02:17,020
I'm going to say class, and then I'm going to say first, I'm going to center it next.

35
00:02:17,030 --> 00:02:18,820
And it takes center.

36
00:02:20,010 --> 00:02:29,040
And I'm going to give this this Dave margin top three and also margin.

37
00:02:29,230 --> 00:02:31,470
And also padding top five.

38
00:02:32,280 --> 00:02:34,220
And we need to specify the number of columns.

39
00:02:34,220 --> 00:02:38,910
So so I'm going to divide the data to equal columns.

40
00:02:38,910 --> 00:02:51,480
So I'm going to say column large six and column in the 12 and column for small screens, column is 12.

41
00:02:51,960 --> 00:02:58,890
So the, the, in case the screen is large, the page is going to be divided into two columns.

42
00:02:59,190 --> 00:03:02,280
In case the page it is the page is medium or small.

43
00:03:02,730 --> 00:03:04,080
There will only be one column.

44
00:03:05,070 --> 00:03:05,610
And then.

45
00:03:06,890 --> 00:03:09,770
I'm going to display the here inside the inside out there.

46
00:03:10,640 --> 00:03:17,720
I'm going to say account here first as we display h r and then I'm going to display the.

47
00:03:19,120 --> 00:03:29,650
Let me say here, glass and baking soda and then display the urge to it to display the account information.

48
00:03:30,400 --> 00:03:37,420
So above this, h two, above this h r I'm going to say it H2 or H3.

49
00:03:37,420 --> 00:03:43,180
Let's H3 and I'm going to give this a class and the classes are going to be fine.

50
00:03:44,530 --> 00:03:45,090
Wait.

51
00:03:45,100 --> 00:03:45,550
What?

52
00:03:48,710 --> 00:03:50,150
And I'm going to sit here.

53
00:03:50,150 --> 00:03:51,050
Accountant for.

54
00:03:54,520 --> 00:03:58,480
Let me save on let me show you this in the browser.

55
00:03:58,510 --> 00:04:01,750
Now we have here on the left side, we have accounted for.

56
00:04:02,410 --> 00:04:03,610
So let's display here.

57
00:04:03,820 --> 00:04:05,920
Below this are let's display information.

58
00:04:06,340 --> 00:04:08,380
So below this chart, I'm going to get another div.

59
00:04:08,380 --> 00:04:16,840
I'm going to take you there and I'm going to I'm going to here give this a class called.

60
00:04:18,730 --> 00:04:20,800
Account and full.

61
00:04:22,750 --> 00:04:28,900
And they say that they're going to display the name and the email and but first, I'm going to play

62
00:04:28,970 --> 00:04:29,230
name.

63
00:04:29,260 --> 00:04:33,580
I'm going to say your IP name and I'm going to give you the span here.

64
00:04:34,370 --> 00:04:35,080
Span.

65
00:04:37,670 --> 00:04:38,780
That displays any.

66
00:04:41,240 --> 00:04:43,590
And below it, I'm going to display the email.

67
00:04:43,610 --> 00:04:46,790
I'm going to say a P and then email.

68
00:04:48,940 --> 00:04:49,630
And then.

69
00:04:54,460 --> 00:04:55,480
Email here.