1
00:00:00,470 --> 00:00:01,070
‫Hey, dad.

2
00:00:01,220 --> 00:00:07,760
‫Welcome back, Sharon, decide now in this lecture here to start our journey with a new section now.

3
00:00:07,850 --> 00:00:12,800
‫Now here in this section, we are utilizing sixth group to create this example.

4
00:00:13,550 --> 00:00:19,430
‫This should be simple because we are going to have multiple grades and we can arrange them, according

5
00:00:19,430 --> 00:00:20,840
‫to our columns, Andrew.

6
00:00:21,740 --> 00:00:28,040
‫I'm going to call this section maybe walking because we are going to explain why this app is good or

7
00:00:28,040 --> 00:00:30,170
‫why this whole start up is quote.

8
00:00:32,170 --> 00:00:34,100
‫So let's start with this structure.

9
00:00:34,150 --> 00:00:40,360
‫Let me squeeze this up, this is our growth and let me create a new section called section.

10
00:00:46,020 --> 00:00:48,120
‫Let me call this action us walking.

11
00:00:48,540 --> 00:00:51,150
‫I'm also going to include the container here.

12
00:00:53,350 --> 00:00:54,310
‫Looks good to me.

13
00:00:54,730 --> 00:01:00,100
‫And now we are going to have two major section, the first one is about this whole thing.

14
00:01:00,280 --> 00:01:06,670
‫This whole section, which is basically text, then we are going to have this section, which is going

15
00:01:06,670 --> 00:01:10,660
‫to contain all items that we are going to utilize and are great.

16
00:01:11,200 --> 00:01:12,860
‫So let's jump here.

17
00:01:12,880 --> 00:01:19,000
‫And the first thing is, I'm going to create a division and I'm going to call this ask content.

18
00:01:20,330 --> 00:01:24,110
‫So there will be a dog, which will be my dog line.

19
00:01:24,770 --> 00:01:28,640
‫Then there will be another dog, which will be about my main line.

20
00:01:30,870 --> 00:01:34,560
‫Then there will be another dog, which is going to be my description.

21
00:01:36,350 --> 00:01:41,630
‫We have been following this structure for a while now, we are going to create another division and

22
00:01:41,630 --> 00:01:48,620
‫I'm going to call this house, maybe demo or maybe anything else, that's a demo and then we are going

23
00:01:48,620 --> 00:01:50,840
‫to have multiple items, all of them.

24
00:01:51,440 --> 00:01:54,170
‫So we are going to realize he it's great to have.

25
00:01:54,170 --> 00:01:55,070
‫This should be easy.

26
00:01:56,300 --> 00:01:58,910
‫Let me jump back here now inside demo.

27
00:01:58,940 --> 00:02:04,560
‫I'm going to add multiple items and call them as I demand to try and keep on calling.

28
00:02:05,020 --> 00:02:12,890
‫Remember one point this is going to be eight on one two three, and then I'm going to call this as image

29
00:02:13,070 --> 00:02:15,290
‫then item four, five and six.

30
00:02:15,680 --> 00:02:21,770
‫I know a bunch of you don't remember this Greg properly, so let's try to implement and discuss about

31
00:02:21,770 --> 00:02:23,330
‫it as we move forward.

32
00:02:23,840 --> 00:02:28,400
‫But before adding content inside our demo section, let's complete this one.

33
00:02:28,940 --> 00:02:35,870
‫So all I have to do is post add my heading, which is going to be about why high school I remember high

34
00:02:35,870 --> 00:02:37,580
‫schoolers start up name.

35
00:02:38,420 --> 00:02:41,150
‫The second thing is about our mainline.

36
00:02:42,570 --> 00:02:48,420
‫Which is going to be our structure learning, and then we are going to have our description.

37
00:02:48,780 --> 00:02:50,700
‫So let me add my description here.

38
00:02:51,480 --> 00:02:53,160
‫Save this one and this looks quite.

39
00:02:54,900 --> 00:02:55,620
‫Get back here.

40
00:02:56,760 --> 00:03:02,100
‫So this is the content we need to update several things, so first, let me get back here.

41
00:03:02,580 --> 00:03:11,730
‫Here, I need to select my walking section and I'm going to add fighting dog and RAM because we need

42
00:03:11,730 --> 00:03:12,240
‫space.

43
00:03:12,660 --> 00:03:15,630
‫The second thing is I'm going to select my content.

44
00:03:18,800 --> 00:03:24,680
‫Which is inside my walking itself, so I'm going to select this content and head, I'm going to change

45
00:03:24,680 --> 00:03:25,550
‫the font size.

46
00:03:26,030 --> 00:03:28,100
‫Let's say a font size asked to read.

47
00:03:28,610 --> 00:03:32,940
‫The next thing is I'm going to align all the content at center.

48
00:03:34,290 --> 00:03:36,810
‫So desk looks quite.

49
00:03:39,420 --> 00:03:45,600
‫The next thing I'm going to do is I need to select my timeline than my main line as well as description.

50
00:03:46,140 --> 00:03:48,240
‫So let me select my tag line here.

51
00:03:48,720 --> 00:03:50,400
‫Now there will be a few things.

52
00:03:50,430 --> 00:03:52,530
‫The first thing is about my phone size.

53
00:03:53,170 --> 00:03:55,530
‫The tagline font size will be for them.

54
00:03:56,400 --> 00:04:00,510
‫The second thing is about my font we I need to go around 600.

55
00:04:02,970 --> 00:04:04,320
‫And then my going to.

56
00:04:06,930 --> 00:04:13,110
‫Now, since this is a tagline, I'm going to go with maybe this one, the Sistine colored.

57
00:04:15,670 --> 00:04:18,340
‫Going to war with Iraq, save this one.

58
00:04:18,460 --> 00:04:19,450
‫Looks good to me.

59
00:04:21,400 --> 00:04:27,580
‫My high school over here, I need to utilize the next one team next.

60
00:04:34,580 --> 00:04:35,450
‫Yeah, this one.

61
00:04:35,930 --> 00:04:37,610
‫Now I need to update both of them.

62
00:04:38,060 --> 00:04:39,170
‫Let me quickly do that.

63
00:04:39,890 --> 00:04:46,100
‫Select the content and then I'm going to have my email line and I just need to change the font size,

64
00:04:46,190 --> 00:04:48,510
‫which is going to be three RAM.

65
00:04:49,370 --> 00:04:53,960
‫No one will be my opponent quick, which is going to be 600.

66
00:04:54,320 --> 00:04:57,320
‫And then again, there will be a different color.

67
00:04:59,350 --> 00:05:02,230
‫Now, this time the killer will be about my team.

68
00:05:03,040 --> 00:05:06,640
‫So I just need to use fraud and then there will be team color.

69
00:05:07,970 --> 00:05:14,690
‫And I need to add some margin bottom line in this space between this main line as well as the description.

70
00:05:15,350 --> 00:05:17,480
‫So let me go with my description here.

71
00:05:17,780 --> 00:05:22,370
‫Simply select the description I made my -- sites to do them.

72
00:05:23,300 --> 00:05:25,820
‫The next thing is going to be about color.

73
00:05:26,150 --> 00:05:28,340
‫And I remember its long description.

74
00:05:28,340 --> 00:05:31,910
‫So this is going to be paying text long.

75
00:05:33,270 --> 00:05:36,810
‫Crane, I knew you square and team text long.

76
00:05:37,590 --> 00:05:44,040
‫The other thing is I need to add some miles in water, which is going to save this one and get back

77
00:05:44,040 --> 00:05:44,340
‫here.

78
00:05:46,870 --> 00:05:47,380
‫Looks good.

79
00:05:48,070 --> 00:05:48,310
‫Yeah.

80
00:05:48,910 --> 00:05:54,360
‫There is no space here, so we can change that, but I think everything except this space looks good.

81
00:05:57,100 --> 00:05:58,780
‫Nick Marks space for a while.

82
00:06:00,400 --> 00:06:03,010
‫Now here is our demo section.

83
00:06:03,460 --> 00:06:06,160
‫Now remember, this demo section is going to follow.

84
00:06:06,380 --> 00:06:09,940
‫This is great and we are going to have multiple items.

85
00:06:10,420 --> 00:06:16,240
‫So the first thing I'm going to do is I'm going to define the structure for each item here, and that

86
00:06:16,240 --> 00:06:17,380
‫can be creative.

87
00:06:17,890 --> 00:06:21,490
‫And I'm going to call this as item one.

88
00:06:22,940 --> 00:06:26,690
‫So in this, I don't want I'm going to have to be done with tighter.

89
00:06:28,020 --> 00:06:31,350
‫And then again, I'm going to have a done with less corruption.

90
00:06:33,680 --> 00:06:39,410
‫Now, why did this title and description, because we are going to have this Typekit and this description?

91
00:06:39,950 --> 00:06:46,640
‫The other thing is if you observe this whole section, this whole section currently following the arraignment

92
00:06:46,640 --> 00:06:52,580
‫of right, whereas this whole section is forming the alignment of left, remember this?

93
00:06:54,070 --> 00:06:58,300
‫So let me add, a property has moved right.

94
00:06:58,930 --> 00:07:02,920
‫That means all the decks that should move towards the right side.

95
00:07:03,610 --> 00:07:04,020
‫OK.

96
00:07:04,480 --> 00:07:06,160
‫So these are the two properties.

97
00:07:06,170 --> 00:07:08,730
‫And let me add some some context here.

98
00:07:08,740 --> 00:07:14,440
‫Let me say that this is your support and let me add some item here.

99
00:07:16,630 --> 00:07:18,010
‫OK, this looks good.

100
00:07:18,310 --> 00:07:20,770
‫I need to copy this one at least three times.

101
00:07:24,040 --> 00:07:25,630
‫This is going to be item two.

102
00:07:25,780 --> 00:07:27,430
‫This is going to be item three.

103
00:07:27,730 --> 00:07:29,790
‫And again, I need to change the text.

104
00:07:29,920 --> 00:07:36,670
‫Let me first track session and then there will be gamified learning.

105
00:07:39,980 --> 00:07:41,780
‫So these are the three part.

106
00:07:42,140 --> 00:07:43,550
‫These are the tea partier.

107
00:07:45,260 --> 00:07:52,070
‫Now we need to image at the center, remember, we haven't applied any day debuffs system, not for

108
00:07:52,070 --> 00:07:53,360
‫this whole section.

109
00:07:54,400 --> 00:08:01,840
‫So I'm going to add the image, I am going to my media and here I need to select my feet for.

110
00:08:03,670 --> 00:08:06,550
‫See, and I'm going to call this as class.

111
00:08:08,610 --> 00:08:09,780
‫That image.

112
00:08:11,780 --> 00:08:16,100
‫It was good to me then I knew to create these three.

113
00:08:17,960 --> 00:08:20,330
‫So what I'm going to do is I'm going to copy this.

114
00:08:22,050 --> 00:08:25,350
‫Add this hair and change the item.

115
00:08:25,800 --> 00:08:30,450
‫This is going to be for this is going to be a fight and this is going to be six.

116
00:08:32,670 --> 00:08:35,960
‫I can also say this as item, but this will confuse.

117
00:08:37,070 --> 00:08:38,240
‫I hope you got the idea.

118
00:08:38,270 --> 00:08:43,220
‫Let me quickly change the text, which is not necessary right now, but let me do that.

119
00:08:44,170 --> 00:08:47,620
‫So this will be gamified, this will be.

120
00:08:48,980 --> 00:08:50,810
‫Practical examples.

121
00:08:53,460 --> 00:08:58,240
‫And this will be on American access on things like this, save this one.

122
00:08:58,290 --> 00:08:59,070
‫Get back here.

123
00:09:01,020 --> 00:09:02,820
‫So now we have this part.

124
00:09:03,120 --> 00:09:05,130
‫This is our image and this box.

125
00:09:05,520 --> 00:09:10,950
‫OK, so we have added all the content now we need to do with our success.

126
00:09:11,910 --> 00:09:15,450
‫So what I'm going to do is I simply need to select the demo first.

127
00:09:16,690 --> 00:09:23,110
‫Now inside this demo, I need to add crude because I went to a glacier, says Greg, and then I need

128
00:09:23,110 --> 00:09:24,790
‫to set the template.

129
00:09:26,270 --> 00:09:34,970
‫What I'm going to start with is template column, one I find for my first column, 0.85 or my second

130
00:09:35,270 --> 00:09:37,490
‫and then one after or my third.

131
00:09:37,910 --> 00:09:44,300
‫What I mean by that this is going to be one that for this is going to be zero point eight.

132
00:09:44,570 --> 00:09:46,010
‫This is going to be one.

133
00:09:46,010 --> 00:09:51,920
‫If I if I right click here, I can show you better with this whole credit system.

134
00:09:54,780 --> 00:10:00,670
‫If you observe this, this is your one after this is you will see it happen.

135
00:10:00,960 --> 00:10:03,930
‫And this is your one at what looks good.

136
00:10:05,070 --> 00:10:06,180
‫Let me get back here.

137
00:10:06,780 --> 00:10:13,980
‫Now I need to select my rules, so I'm going to go over grid template rules and here I'm going to repeat

138
00:10:13,980 --> 00:10:16,350
‫one half hour or three of them.

139
00:10:16,870 --> 00:10:19,330
‫So this is going to be three times one at.

140
00:10:21,350 --> 00:10:22,340
‫Looks good to me.

141
00:10:22,610 --> 00:10:26,090
‫Oh, I need to utilize areas to define each block.

142
00:10:26,480 --> 00:10:33,290
‫That means we have defined this rule column everything, but now we need to define which item they stay

143
00:10:33,290 --> 00:10:36,110
‫here, here, here and everywhere else.

144
00:10:36,800 --> 00:10:38,960
‫So what I can do is I can utilize.

145
00:10:41,790 --> 00:10:43,350
‫Great template areas.

146
00:10:43,710 --> 00:10:46,680
‫This is going to be our great template areas.

147
00:10:46,950 --> 00:10:49,920
‫And now we can define the first three blocks.

148
00:10:50,070 --> 00:10:52,230
‫That means this one, this one and this one.

149
00:10:52,710 --> 00:10:56,310
‫What I'm going to do is I'm going to say item one.

150
00:10:56,850 --> 00:11:00,450
‫Then it will be my image and then item four.

151
00:11:01,170 --> 00:11:03,750
‫Remember this one item one my image?

152
00:11:03,870 --> 00:11:04,650
‫Item four.

153
00:11:05,730 --> 00:11:09,000
‫Similarly, now we need to follow with the other three part.

154
00:11:10,410 --> 00:11:12,020
‫Said I need you to.

155
00:11:12,870 --> 00:11:13,230
‫All right.

156
00:11:13,670 --> 00:11:15,450
‫Do I know five?

157
00:11:16,490 --> 00:11:19,730
‫And then I done three and I had six.

158
00:11:21,240 --> 00:11:28,380
‫What I did is now this is item two, image item five, item three, image item six.

159
00:11:28,890 --> 00:11:30,860
‫I need to add some gap here.

160
00:11:30,870 --> 00:11:34,380
‫So what I can do is I can utilize gap.

161
00:11:35,800 --> 00:11:39,250
‫Which is going to be wondering now if I save this one?

162
00:11:39,280 --> 00:11:40,540
‫Get back here.

163
00:11:41,840 --> 00:11:42,520
‫OK.

164
00:11:43,740 --> 00:11:46,470
‫Now you can see things are not arranged right now.

165
00:11:46,530 --> 00:11:47,010
‫Why?

166
00:11:47,820 --> 00:11:53,880
‫Because we haven't given the area name if remember, this whole name doesn't exist right now, we need

167
00:11:53,880 --> 00:11:57,180
‫to provide this name to each individual class.

168
00:11:58,170 --> 00:12:04,920
‫Currently, we are assuming that the name of this class, the green area name, will be item one, but

169
00:12:05,160 --> 00:12:05,920
‫it's not.

170
00:12:05,970 --> 00:12:07,200
‫We need to send this.

171
00:12:07,800 --> 00:12:14,520
‫That means I need to look like I need to select this item one and remember, I need to add a name,

172
00:12:14,520 --> 00:12:19,170
‫which is great area, and I need to provide on names I don't want.

173
00:12:19,740 --> 00:12:25,890
‫Now this is the name which is walking, and I need to do this with every single item.

174
00:12:28,050 --> 00:12:30,270
‫And let me select this demo for us.

175
00:12:30,510 --> 00:12:32,370
‫So the tech demo and then I.

176
00:12:35,030 --> 00:12:36,860
‫This is going to be two.

177
00:12:40,690 --> 00:12:42,460
‫Then this will be my image.

178
00:12:48,350 --> 00:12:49,940
‫This is going to be five.

179
00:12:52,650 --> 00:12:55,470
‫And this is going to be a six if I save this one.

180
00:12:55,500 --> 00:12:58,320
‫Get back here now you can see this is working fine.

181
00:12:58,860 --> 00:13:01,320
‫So that's how this whole thing is going to work.

182
00:13:01,710 --> 00:13:03,600
‫We still need to do a lot of improvement.

183
00:13:03,600 --> 00:13:06,330
‫That means we need to add fixed alignment.

184
00:13:06,720 --> 00:13:09,000
‫We also need to update the sizes.

185
00:13:09,420 --> 00:13:15,000
‫So what I'm going to do is here, I'm going to jump in and I'm going to select the first thing which

186
00:13:15,000 --> 00:13:17,880
‫is going to be the more dark title.

187
00:13:18,330 --> 00:13:23,380
‫And here I'm going to change the font size, which is going to be for them.

188
00:13:23,640 --> 00:13:30,210
‫The other thing I'm going to update is my color and I'm going to select the pink color.

189
00:13:31,950 --> 00:13:39,120
‫No, I remember them, and I need to change the default rate, which is going to be six hundred looks

190
00:13:39,120 --> 00:13:39,720
‫good to me.

191
00:13:40,680 --> 00:13:41,850
‫This should be fine.

192
00:13:42,000 --> 00:13:46,920
‫Let me go with the other one, which is going to be the description and head.

193
00:13:46,920 --> 00:13:50,290
‫I just need to change the font size, which is going to be 1.8.

194
00:13:50,970 --> 00:13:53,700
‫The other thing I need to change is going to be my color.

195
00:13:53,970 --> 00:13:56,100
‫I'm going to take like an air.

196
00:13:56,110 --> 00:14:01,410
‫I just need this big Team X and it should be long.

197
00:14:01,710 --> 00:14:02,670
‫Save this one.

198
00:14:02,670 --> 00:14:08,580
‫And if I get back here, you can see and if you observe, things are looking good.

199
00:14:10,430 --> 00:14:14,780
‫Yeah, there will be certain changes that we still need to do, but it's much better.

200
00:14:15,170 --> 00:14:23,780
‫One quick thing I can do is I can add an alignment so that I can select our demo and pricing move,

201
00:14:24,740 --> 00:14:25,190
‫right?

202
00:14:27,310 --> 00:14:31,240
‫And this should be a text line that should be.

203
00:14:32,520 --> 00:14:32,950
‫Right.

204
00:14:33,030 --> 00:14:34,890
‫Save the Swan and get back in.

205
00:14:35,190 --> 00:14:35,850
‫Looks good.

206
00:14:36,540 --> 00:14:38,870
‫But again, I need to change this all the time.

207
00:14:38,880 --> 00:14:40,490
‫All right, and this will be more.

208
00:14:46,360 --> 00:14:48,330
‫By default, exceptionalism.

209
00:14:48,550 --> 00:14:49,630
‫That's not an issue.

210
00:14:50,140 --> 00:14:53,040
‫The other thing is it's currently taking too much space.

211
00:14:53,050 --> 00:14:54,820
‫I don't need to stretch this long.

212
00:14:54,830 --> 00:15:03,770
‫So if I click here and if you observe this is you dog this dude, this is taking too much space.

213
00:15:03,790 --> 00:15:06,280
‫And the reason is because of this image.

214
00:15:07,300 --> 00:15:10,750
‫This image is taking maybe a height of, let's say, 100.

215
00:15:11,080 --> 00:15:15,370
‫Now this height is divided among them, which is 33, 33 and 33.

216
00:15:15,850 --> 00:15:20,550
‫So what I can do is I can change the image height, or I can control the image height.

217
00:15:20,980 --> 00:15:23,260
‫For example, let's say the stakes are high.

218
00:15:23,260 --> 00:15:28,180
‫You can see how he does maybe 200, except for now.

219
00:15:29,050 --> 00:15:32,830
‫I see this extra gap between these photograph is gone.

220
00:15:33,100 --> 00:15:35,170
‫So here we can definitely control this.

221
00:15:35,620 --> 00:15:37,030
‫I know you finished this one.

222
00:15:37,300 --> 00:15:41,680
‫The first thing I'm going to do is add some padding on all these sides of image.

223
00:15:42,880 --> 00:15:47,800
‫So I don't touch anything, so what I'm going to do is here, I'm going to get into my image.

224
00:15:49,650 --> 00:15:57,510
‫This is the image that we have and had, I can simply are finding that will automatically add some space

225
00:15:57,510 --> 00:15:58,380
‫on all these side.

226
00:15:59,640 --> 00:16:07,510
‫You know, so this is done on midnight, click here and going to the image, OK, looks good, but I

227
00:16:07,510 --> 00:16:09,910
‫think this is taking too much space.

228
00:16:09,940 --> 00:16:14,680
‫If you observe this great right now, we said This is wonderful.

229
00:16:14,710 --> 00:16:17,680
‫This is 0.84 and this is wonderful.

230
00:16:18,370 --> 00:16:25,930
‫But if you visually observe this is less than a midsize, that means images extending too much.

231
00:16:26,140 --> 00:16:31,240
‫What we can do is we can just take this, we can add our top 100 plus and save this one.

232
00:16:31,260 --> 00:16:32,350
‫And if I get back here.

233
00:16:33,520 --> 00:16:34,000
‫Yup.

234
00:16:34,270 --> 00:16:36,250
‫Things are looking much better.

235
00:16:37,390 --> 00:16:42,100
‫Yes, it's working great, and I think this is good now, this is good enough.

236
00:16:42,730 --> 00:16:49,370
‫The only thing is here we need to add some space and we need to add this floating mark.

237
00:16:51,190 --> 00:16:51,510
‫Yup.

238
00:16:51,640 --> 00:16:58,240
‫But to add my experience, I just need to visit my demo to add space, I just need to increase this

239
00:16:58,240 --> 00:17:00,880
‫from two to five rpm, which is my description.

240
00:17:01,780 --> 00:17:03,700
‫This looks good.

241
00:17:04,090 --> 00:17:07,150
‫The other thing is quickly add this whole thing.

242
00:17:07,570 --> 00:17:10,750
‫So what I'm going to do is you jump in.

243
00:17:12,620 --> 00:17:18,330
‫And I can die apart inside my world, so I can just imagine.

244
00:17:18,740 --> 00:17:24,800
‫I already have this inside my media, inside my ship and head.

245
00:17:24,800 --> 00:17:26,570
‫I need to r.b.g ship.

246
00:17:29,010 --> 00:17:31,170
‫Let's see what is the Navy utilized earlier.

247
00:17:31,870 --> 00:17:33,390
‫So if you scroll up a bit.

248
00:17:35,920 --> 00:17:37,810
‫We utilize float be.

249
00:17:40,130 --> 00:17:46,790
‫And help me, IRA Glass, and I'm going to call this House floor B.G..

250
00:17:49,360 --> 00:17:53,590
‫Great, now I can utilize this one, and I also need to update this memo.

251
00:17:56,270 --> 00:18:02,060
‫So here is my demo here, I'm going to see a position as relative because I am going to play with a

252
00:18:02,060 --> 00:18:07,730
‫child that is going to be my float B.G., which is definitely inside my demo.

253
00:18:08,030 --> 00:18:10,340
‫And here I'm going to change the setting.

254
00:18:11,060 --> 00:18:14,510
‫This is going to be positioned on and this will be absolute.

255
00:18:15,140 --> 00:18:20,050
‫And then I can select all the properties like I can go in the bottom.

256
00:18:20,280 --> 00:18:22,490
‫And this is going to be 100 pixels.

257
00:18:22,910 --> 00:18:26,320
‫The other thing is going to be right, which is going to be five.

258
00:18:27,770 --> 00:18:30,620
‫And then remember to add sitting next.

259
00:18:30,710 --> 00:18:34,640
‫Otherwise, these will cover your content if I get back here.

260
00:18:36,690 --> 00:18:37,650
‫Yup, this is.

261
00:18:37,830 --> 00:18:42,360
‫Now remember how we added here, we just changed it to absolute and then bottom.

262
00:18:42,510 --> 00:18:50,010
‫And then, right, OK, now I need to add some animation so this can rotate here if you observe this

263
00:18:50,010 --> 00:18:50,790
‫is rotating.

264
00:18:52,780 --> 00:18:59,200
‫OK, so what I need to do is I simply need to add animation had let me call this as it.

265
00:19:03,740 --> 00:19:12,050
‫Duration, let's say, three seconds and then timing function should be, is Billy, let's use again,

266
00:19:12,740 --> 00:19:18,830
‫I try and find out which direction alternate.

267
00:19:19,610 --> 00:19:21,020
‫And there is not many more.

268
00:19:22,850 --> 00:19:25,850
‫They sure do our plane, but we need to add a keyframe.

269
00:19:26,040 --> 00:19:29,030
‫So and I just need to utilize it, OK?

270
00:19:31,330 --> 00:19:32,640
‫At zero percent.

271
00:19:33,940 --> 00:19:38,140
‫Remember what we are going to do with renewed high need to realize transforming.

272
00:19:39,670 --> 00:19:41,830
‫Here, I just need to rotate.

273
00:19:42,190 --> 00:19:47,680
‫And since we are rotating the complete item, that means the complete image.

274
00:19:48,130 --> 00:19:49,620
‫I just need to realize routine.

275
00:19:49,630 --> 00:19:55,350
‫Otherwise if I'm moving, according to X-axis Y-axis, then I need to utilize X on Y.

276
00:19:55,660 --> 00:20:03,220
‫I can rotate and stop with zero degrees at zero percent at 100 percent.

277
00:20:04,720 --> 00:20:11,290
‫Let's transform this and then rotate again and rotated in 1990.

278
00:20:12,750 --> 00:20:14,910
‫And if I save this one it back here.

279
00:20:16,040 --> 00:20:17,630
‫You can see this as a talking point.

280
00:20:18,170 --> 00:20:24,920
‫Remember, this is rotating the 90 degree only here we can update things, we can change things in terms

281
00:20:24,920 --> 00:20:27,410
‫of speed or anything else if you want.

282
00:20:27,890 --> 00:20:32,030
‫So and I can see maybe five seconds, so this will be much slower.

283
00:20:34,750 --> 00:20:38,100
‫Now you can also add bounce property if you want or anything else.

284
00:20:38,140 --> 00:20:40,480
‫But I think this section is enough.

285
00:20:41,050 --> 00:20:43,960
‫I just need to add some spacing here if required.

286
00:20:44,660 --> 00:20:46,090
‫So that's all for this section.

287
00:20:46,120 --> 00:20:47,530
‫I hope you got the idea.

288
00:20:47,860 --> 00:20:49,900
‫How we utilize CSI is great.

289
00:20:50,650 --> 00:20:51,660
‫Thank you for calling.

290
00:20:51,810 --> 00:20:53,840
‫And I see you guys ready for the one.

291
00:20:54,640 --> 00:21:00,070
‫That's going to be fun because we are going to realize, as we do as winners, Flexbox.

292
00:21:00,760 --> 00:21:01,660
‫Thank you for following.

293
00:21:01,960 --> 00:21:04,960
‫I hope this was helpful and I see you guys in the next one.