1
00:00:01,170 --> 00:00:05,970
So now what we need to do is that we need to work on the registration form.

2
00:00:06,240 --> 00:00:11,910
And the good news is that we don't we don't need to repeat a lot of things because we already have the

3
00:00:11,910 --> 00:00:17,010
log in form and we can use the log in form and edit that looking form to create a registration form.

4
00:00:17,310 --> 00:00:24,780
So what I'm going to do is that I'm going to give here a new file called Register, that is HTML, and

5
00:00:24,780 --> 00:00:27,390
I'm going to copy the entire code from the log in.

6
00:00:27,720 --> 00:00:33,390
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.

7
00:00:33,870 --> 00:00:36,060
However, we need to edit many, many things.

8
00:00:36,660 --> 00:00:41,160
First, let me save let me save everything, eliminate and over to the browser.

9
00:00:41,520 --> 00:00:46,110
And here I'm going to say register the attached email.

10
00:00:46,500 --> 00:00:49,320
If I say registered email, it's going to display the look at for.

11
00:00:49,650 --> 00:00:53,640
So we need to change this logging form to be the registration form.

12
00:00:54,300 --> 00:01:01,920
So here, instead of saying log in, I'm going to say register, register, and then I'm going to give

13
00:01:01,920 --> 00:01:02,470
it here.

14
00:01:03,360 --> 00:01:06,460
Here first I'm going to change the the log into register.

15
00:01:06,960 --> 00:01:07,860
Register.

16
00:01:08,610 --> 00:01:14,940
And for the registration form we need first to change the the ID.

17
00:01:15,060 --> 00:01:20,870
So the form is going to be register form or registration for registration.

18
00:01:22,190 --> 00:01:22,770
Regis.

19
00:01:24,210 --> 00:01:29,850
Let's say you register for me just for the sake of keeping the word small and short.

20
00:01:31,020 --> 00:01:39,900
So here for the registration form, we need an email, we need a password, we need to confirm confirmation

21
00:01:39,900 --> 00:01:42,870
for the password, and we also need the user name.

22
00:01:43,260 --> 00:01:44,370
Therefore, I'm going to copy that.

23
00:01:44,880 --> 00:01:47,850
I'm going to copy the email and then I'm going to pasted above.

24
00:01:48,420 --> 00:01:51,720
But instead of saying email, I'm going to say a name.

25
00:01:51,750 --> 00:01:59,160
So this is going to be the name and I'm going to say the input type text, the classes form, control.

26
00:01:59,160 --> 00:02:02,490
The ID is going to be register.

27
00:02:03,700 --> 00:02:04,540
Register name.

28
00:02:06,670 --> 00:02:08,530
And rename is going to be name.

29
00:02:10,770 --> 00:02:12,670
The leaseholder is me.

30
00:02:14,590 --> 00:02:15,310
The second.

31
00:02:15,430 --> 00:02:16,150
The second.

32
00:02:17,350 --> 00:02:18,700
The second input is email.

33
00:02:18,700 --> 00:02:26,740
And then you type the text class form control event ID is register register email.

34
00:02:27,370 --> 00:02:29,860
The name is email and it leaseholder is email.

35
00:02:30,610 --> 00:02:33,410
The third input is the is the password.

36
00:02:33,460 --> 00:02:35,610
The only thing that we need to change is the third ID.

37
00:02:36,190 --> 00:02:40,710
So the idea is going to be register register passwords.

38
00:02:41,740 --> 00:02:45,880
We also need to copy the password and then we need to place it below it.

39
00:02:46,360 --> 00:02:48,460
And we need to say, is it a password?

40
00:02:48,460 --> 00:02:51,790
I'm going to say confirm or password?

41
00:02:51,790 --> 00:02:52,430
Confirmation.

42
00:02:52,450 --> 00:02:53,050
I'm going to say.

43
00:02:54,910 --> 00:02:55,990
I'm going to say confirmed.

44
00:02:55,990 --> 00:02:58,600
BOSWORTH Confirm.

45
00:02:59,830 --> 00:03:00,340
Password.

46
00:03:00,760 --> 00:03:02,290
So the type is password.

47
00:03:02,410 --> 00:03:03,790
The class is form control.

48
00:03:04,750 --> 00:03:07,600
The ID is the I.D. is the register.

49
00:03:08,320 --> 00:03:09,610
Confirm password.

50
00:03:13,090 --> 00:03:13,920
Confirm passwords.

51
00:03:14,490 --> 00:03:19,450
The name is confirm password or password confirmation.

52
00:03:19,470 --> 00:03:19,920
Let's say.

53
00:03:20,610 --> 00:03:20,970
Let's say.

54
00:03:20,970 --> 00:03:21,540
Confirm plus.

55
00:03:21,690 --> 00:03:24,690
I'm going to say cron firm.

56
00:03:26,360 --> 00:03:27,050
Password.

57
00:03:28,460 --> 00:03:30,200
And the placeholder is.

58
00:03:31,270 --> 00:03:32,820
Gone firm.

59
00:03:33,790 --> 00:03:34,300
Fast forward.

60
00:03:34,750 --> 00:03:43,870
Now, the tricky part is the the alibi that the baron is going to say register, register and the ID

61
00:03:44,080 --> 00:03:54,160
is register button registered between the the on the on the other hand, the, the link is going to

62
00:03:54,160 --> 00:04:01,870
say log in u r l and here and I say, I'm going to say here, do you have an account?

63
00:04:03,690 --> 00:04:06,000
Do you have?

64
00:04:08,020 --> 00:04:08,860
An account.

65
00:04:11,050 --> 00:04:12,220
And then log in.

66
00:04:13,540 --> 00:04:17,200
So if a user has an account, then they can log in.

67
00:04:17,500 --> 00:04:18,820
Let me save and let me.

68
00:04:20,130 --> 00:04:23,730
Show you how this would look like in the browser.

69
00:04:24,120 --> 00:04:25,890
So as you can see, this is how it's going to look like.

70
00:04:26,160 --> 00:04:31,800
However, we need to fix the design and make it look like the log in form.

71
00:04:31,920 --> 00:04:34,650
As you can see, the looking form looks like this, which looks amazing.

72
00:04:34,950 --> 00:04:40,830
We need to replicate this and apply the same design to the register or the registration form.

73
00:04:41,310 --> 00:04:46,030
So I'm going to head on over to see if we have the time.

74
00:04:46,050 --> 00:04:46,590
That's easiest.

75
00:04:46,980 --> 00:04:48,290
And then I'm going to add the comment.

76
00:04:48,300 --> 00:04:50,700
I'm going to say I'm going to see a.

77
00:04:52,920 --> 00:04:54,270
I'm going to say register.

78
00:04:58,500 --> 00:04:59,100
And then.

79
00:05:00,320 --> 00:05:02,240
Let's start with the registration form.

80
00:05:02,240 --> 00:05:04,490
I'm going to say an adjuster.

81
00:05:05,820 --> 00:05:06,300
Form.

82
00:05:07,230 --> 00:05:14,850
So the design is going to be similar to the, um, through the log and therefore there is no need to

83
00:05:14,850 --> 00:05:15,690
type it again.

84
00:05:15,690 --> 00:05:17,160
We can't copy the code from here.

85
00:05:17,820 --> 00:05:18,690
We can't copy this.

86
00:05:18,690 --> 00:05:20,040
Cut and paste it here.

87
00:05:22,000 --> 00:05:23,170
And let me see.

88
00:05:24,790 --> 00:05:26,890
And let me show you how this would look like.

89
00:05:27,910 --> 00:05:30,010
So now, as you can see, it looks like this.

90
00:05:30,370 --> 00:05:33,070
Now we need to work on the other elements.

91
00:05:33,520 --> 00:05:37,270
So the other elements are the buttons and the inputs.

92
00:05:37,720 --> 00:05:39,610
So for the inputs, we need to say.

93
00:05:40,590 --> 00:05:41,550
Resistor.

94
00:05:42,960 --> 00:05:45,000
Form input.

95
00:05:46,060 --> 00:05:54,110
And the code would be the same as the input that that we had in the log in.

96
00:05:54,130 --> 00:05:57,430
So I'm going to copy this guide and then I'm going to pass it here.

97
00:06:00,510 --> 00:06:00,870
Next.

98
00:06:00,870 --> 00:06:07,560
We need to work on the log in button and the we need to work on the registration button.

99
00:06:08,570 --> 00:06:11,000
And also the log in your audio.

100
00:06:11,510 --> 00:06:14,120
So here we need to say.

101
00:06:15,300 --> 00:06:17,760
Register form.

102
00:06:19,560 --> 00:06:25,260
And then and then we have here this register VPN.

103
00:06:26,100 --> 00:06:27,150
So I'm going to say here.

104
00:06:28,850 --> 00:06:30,110
Register.

105
00:06:32,010 --> 00:06:36,590
The end and record is going to be similar to this.

106
00:06:37,070 --> 00:06:37,880
We can copy this.

107
00:06:37,880 --> 00:06:38,120
Good.

108
00:06:38,780 --> 00:06:43,010
And lastly, we have lastly, we have the log in.

109
00:06:43,940 --> 00:06:47,690
We have the log in u r l, which has an ID called log in your ideal.

110
00:06:48,620 --> 00:06:52,580
So for the log in, you are able I'm just going to say register.

111
00:06:53,830 --> 00:06:54,280
Form.

112
00:06:55,480 --> 00:06:56,090
Log in.

113
00:06:58,730 --> 00:06:59,470
You are ill.

114
00:07:00,630 --> 00:07:04,250
And the code, again, is, is use this line of code.

115
00:07:04,260 --> 00:07:05,240
It's just the color.

116
00:07:05,730 --> 00:07:07,020
The color is orange.

117
00:07:08,310 --> 00:07:10,810
And we will be good to go.

118
00:07:10,840 --> 00:07:15,240
So let me save and let's see how this would look like.

119
00:07:16,020 --> 00:07:21,090
So as you can see, it looks extraordinary, extraordinarily amazing.

120
00:07:22,020 --> 00:07:30,810
And we have a design that looks very similar, if not exact, to the log into a log in.

121
00:07:31,620 --> 00:07:32,460
This is the log in.

122
00:07:32,940 --> 00:07:34,890
And this is the restoration.

123
00:07:35,250 --> 00:07:36,060
They are the same.

124
00:07:36,570 --> 00:07:38,820
And the the thing you just look amazing.

125
00:07:39,030 --> 00:07:44,610
The the all of the elements aligned perfectly.

126
00:07:45,000 --> 00:07:47,070
Especially the registration button.

127
00:07:47,700 --> 00:07:49,410
It's aligned perfectly with the inputs.