1
00:00:00,690 --> 00:00:04,050
So be a lot of the theme and the email I'm going to display through links here.

2
00:00:04,500 --> 00:00:09,120
I'm going to say copy and then I'm going to play attack.

3
00:00:10,140 --> 00:00:16,920
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.

4
00:00:17,340 --> 00:00:20,670
And I'm going to give it an idea so that it is going to be order button.

5
00:00:21,540 --> 00:00:22,290
So this.

6
00:00:23,440 --> 00:00:24,250
Order.

7
00:00:24,970 --> 00:00:28,840
By this order, Baron is going to take regular to the order section.

8
00:00:29,320 --> 00:00:38,440
And I'm going to say here your orders and below I'm going to play another beat tag with attack.

9
00:00:40,130 --> 00:00:44,840
So this the second one will would look windier.

10
00:00:45,770 --> 00:00:48,740
So the second one would log the user out.

11
00:00:48,740 --> 00:00:54,670
I'm gonna say log out and let's also here give it a true and empty.

12
00:00:54,680 --> 00:00:55,120
It's true.

13
00:00:55,850 --> 00:00:58,340
And the ID is just going to be.

14
00:01:01,130 --> 00:01:01,850
Log out.

15
00:01:03,450 --> 00:01:10,320
But now let me see and let me show you how this would look like.

16
00:01:12,170 --> 00:01:17,360
So as you can see, we have the in the email, the two buttons.

17
00:01:17,900 --> 00:01:22,970
Now we need to work on the right side area where I'm going to display a form that's going to allow the

18
00:01:22,970 --> 00:01:26,090
user to edit their email there, their password.

19
00:01:27,440 --> 00:01:28,510
So be law.

20
00:01:29,150 --> 00:01:30,390
Be law is there.

21
00:01:31,220 --> 00:01:32,780
But inside there are.

22
00:01:33,110 --> 00:01:34,310
We need to be inside.

23
00:01:34,310 --> 00:01:35,480
There are inside this trial.

24
00:01:36,080 --> 00:01:40,880
We need to create a deaf ear and we need to see glass.

25
00:01:41,540 --> 00:01:44,240
And then we need to specify the number of columns that we want.

26
00:01:44,250 --> 00:01:51,440
So I'm going to say column six and column and 12 and column.

27
00:01:51,640 --> 00:01:57,680
Sam Doyle And this is for this step inside is the rest.

28
00:01:57,680 --> 00:01:59,660
Then we need to display the form itself.

29
00:02:00,260 --> 00:02:02,930
So I'm going to say form and for the form I'm going to give it.

30
00:02:02,930 --> 00:02:06,560
And I think that it would be account form

31
00:02:10,670 --> 00:02:11,720
and inside of form.

32
00:02:12,170 --> 00:02:13,270
I'm going to say it three.

33
00:02:13,610 --> 00:02:15,110
I mean, I'm going to say change.

34
00:02:18,960 --> 00:02:19,590
Passport.

35
00:02:22,830 --> 00:02:28,980
Below it, I'm going to just display the h r and I'm going to say class.

36
00:02:30,000 --> 00:02:35,760
Am X or below this, I'm going to display the inputs that we want.

37
00:02:36,030 --> 00:02:37,020
So we need two inputs.

38
00:02:37,020 --> 00:02:39,930
So I'm going to say them and then I'm going to give it a class.

39
00:02:40,470 --> 00:02:47,430
So the class is going to be just form, form, group, form, group, and inside it we need a label

40
00:02:47,430 --> 00:02:49,230
and input.

41
00:02:49,230 --> 00:02:55,500
So for the label, I'm just going to say password passport below this label we need an input.

42
00:02:56,130 --> 00:03:01,260
So I'm going to say inputs and I'm going to say type password.

43
00:03:03,780 --> 00:03:04,800
And less.

44
00:03:07,120 --> 00:03:14,440
Form control and we need an I.D. and also we need any.

45
00:03:14,440 --> 00:03:29,080
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

46
00:03:29,080 --> 00:03:29,740
say please.

47
00:03:31,470 --> 00:03:32,010
Older.

48
00:03:35,630 --> 00:03:40,100
Pass war and we need a name.

49
00:03:40,100 --> 00:03:41,060
I'm going to say name.

50
00:03:41,930 --> 00:03:43,460
Bass Ward.

51
00:03:44,720 --> 00:03:46,430
And finally required.

52
00:03:48,660 --> 00:03:53,850
Let me save and show you how that would how this would look like.

53
00:03:54,630 --> 00:04:00,780
So as you can see, we have this form, but we need to fix the margins.

54
00:04:01,740 --> 00:04:08,790
So at the top, we actually have a problem because before we we need work on account form.

55
00:04:08,790 --> 00:04:09,690
And I'm going to fix this.

56
00:04:10,290 --> 00:04:11,490
I'm going to fix this problem.

57
00:04:12,420 --> 00:04:13,680
But for now, let's continue.

58
00:04:13,680 --> 00:04:20,550
So I'm going to just copy this and then pasted below because we need to confirm the new password.

59
00:04:20,560 --> 00:04:23,040
So I'm going to say here, password.

60
00:04:24,600 --> 00:04:26,370
So here I'm going to say confirm.

61
00:04:27,820 --> 00:04:28,500
That's for.

62
00:04:30,610 --> 00:04:36,970
And then I'm going to say your password and then form control account.

63
00:04:36,970 --> 00:04:37,660
Password.

64
00:04:38,380 --> 00:04:43,870
Confirm and your password.

65
00:04:44,800 --> 00:04:45,190
Confirm.

66
00:04:45,190 --> 00:04:45,700
Password.

67
00:04:46,120 --> 00:04:46,960
Confirm.

68
00:04:48,660 --> 00:04:49,440
Passport.

69
00:04:52,460 --> 00:04:54,380
So this is for the second input.

70
00:04:54,740 --> 00:04:56,930
Next, we need to display the button that's going to

71
00:05:00,020 --> 00:05:01,130
change the password.

72
00:05:01,760 --> 00:05:04,760
So we're going to again, say them for.

73
00:05:06,860 --> 00:05:08,420
Glass form group.

74
00:05:12,140 --> 00:05:20,900
And in saying that we need input and again we need of the type is going to be submit type.

75
00:05:22,000 --> 00:05:25,840
Some met and value.

76
00:05:27,340 --> 00:05:28,450
Change passwords.

77
00:05:32,780 --> 00:05:33,580
And we need it.

78
00:05:33,860 --> 00:05:34,760
And glass.

79
00:05:35,360 --> 00:05:35,880
Glass.

80
00:05:36,440 --> 00:05:36,820
Meaty.

81
00:05:36,830 --> 00:05:38,570
End in.

82
00:05:40,280 --> 00:05:40,910
Change.

83
00:05:42,940 --> 00:05:43,660
Bus.

84
00:05:45,550 --> 00:05:45,910
Ann.

85
00:05:47,170 --> 00:05:48,370
And that's it.

86
00:05:50,220 --> 00:05:52,240
Let me see even let me show you this in the browser.

87
00:05:52,260 --> 00:05:55,680
So here we have two more inputs and we have a button.

88
00:05:56,100 --> 00:05:57,330
Let's work on the design.

89
00:05:58,170 --> 00:06:01,440
So for the design I'm going to hit and over to see is this.

90
00:06:02,980 --> 00:06:05,830
So in the first year.

91
00:06:06,860 --> 00:06:15,770
See, assess and then in the thesis we need to start with the account that we created.

92
00:06:16,520 --> 00:06:20,900
So we have in the thesis we have the account form.

93
00:06:20,900 --> 00:06:23,720
So here I'm going to say count.

94
00:06:29,310 --> 00:06:30,090
Account.

95
00:06:30,570 --> 00:06:35,040
So for that account we first need to say account form.

96
00:06:37,380 --> 00:06:40,170
So for that form, I'm going to change the width.

97
00:06:40,530 --> 00:06:43,050
So the width is going to be 50%.

98
00:06:45,050 --> 00:06:51,410
And the margin is going to be 35 be x or.

99
00:06:53,180 --> 00:06:55,070
And text a line center.

100
00:06:57,030 --> 00:07:00,600
And batting 20 picks.

101
00:07:01,280 --> 00:07:03,320
Let me say again, let me check this in the browser.

102
00:07:05,510 --> 00:07:12,650
So as you can see, it looks now there let's also work on the inputs so I'm going to say account.

103
00:07:15,800 --> 00:07:17,330
For input.

104
00:07:20,250 --> 00:07:23,010
So for the inputs, we need just to change the margins.

105
00:07:23,610 --> 00:07:27,500
So the margin is just going to be five B, X or.

106
00:07:29,890 --> 00:07:36,880
And for the Marines, we have we have a count form.

107
00:07:37,510 --> 00:07:43,150
We have the change buzzword, the body change.

108
00:07:46,190 --> 00:07:48,170
Bass baton.

109
00:07:49,100 --> 00:07:53,390
So for the change baton, we just need to change the colour and the background colour.

110
00:07:53,840 --> 00:08:00,440
The colour is just going to be white at the background color would be orange.

111
00:08:03,030 --> 00:08:06,300
We need to keep the same brand colors.

112
00:08:06,300 --> 00:08:15,330
We don't we we shouldn't be using other colors because we need to focus on having a consistent color.

113
00:08:16,140 --> 00:08:20,400
So the next thing that I'm going to work on is the account form.

114
00:08:22,220 --> 00:08:32,270
We need to work on the orders, but I'm going to say orders button and also the logout button, log

115
00:08:32,450 --> 00:08:33,980
out button.

116
00:08:34,400 --> 00:08:37,580
So for these two, two buttons, we just need to change the color itself.

117
00:08:38,150 --> 00:08:47,210
So the color is going to be the the orange color and the text decoration, not the same.

118
00:08:47,210 --> 00:08:50,640
And let me show you how outstanding this is.

119
00:08:50,660 --> 00:08:53,630
So now we have the log out, then we have the orders.

120
00:08:53,960 --> 00:08:55,460
So for the orders, we have a problem.

121
00:08:55,460 --> 00:08:58,760
Actually, we need to make sure that we have given.

122
00:09:00,080 --> 00:09:01,760
We have given this marching orders.

123
00:09:01,770 --> 00:09:03,650
Marching orders not to order orders.

124
00:09:04,700 --> 00:09:09,160
Now, if I refresh, it's going to say it's going to it's going to fix it.

125
00:09:09,170 --> 00:09:09,860
It didn't fix it.

126
00:09:09,870 --> 00:09:11,330
So we still have a problem here.

127
00:09:11,780 --> 00:09:12,950
Orders meet the end.

128
00:09:14,060 --> 00:09:18,260
And here are orders meaty an account form.

129
00:09:18,260 --> 00:09:18,860
So it's not.

130
00:09:20,330 --> 00:09:22,130
It's inside the account info.

131
00:09:22,610 --> 00:09:27,200
So we need to say your account not account for we need to say account info.

132
00:09:29,710 --> 00:09:36,100
But the account info is actually A-class, so we need to see that account info and this should fix it.

133
00:09:37,850 --> 00:09:41,480
So now we have the order, your orders, and we have to look out.

134
00:09:42,260 --> 00:09:44,300
And I think everything now is perfect.

135
00:09:45,980 --> 00:09:49,910
So we have now the account complete and also the change passwords for.