1 00:00:00,890 --> 00:00:01,460 ‫Hey, there. 2 00:00:01,610 --> 00:00:02,330 ‫Welcome back. 3 00:00:02,690 --> 00:00:06,770 ‫Now let us start our journey building this portfolio project. 4 00:00:07,470 --> 00:00:10,210 ‫Remember, we are going to utilize component. 5 00:00:10,250 --> 00:00:15,370 ‫We are going to utilize all type of utility as well as our own custom courses. 6 00:00:16,220 --> 00:00:16,910 ‫Now here. 7 00:00:16,940 --> 00:00:21,050 ‫Our aim is going to be to utilize maximum off bootstrap. 8 00:00:21,560 --> 00:00:24,860 ‫We have tons of things with bootstrap and utilize them. 9 00:00:25,400 --> 00:00:31,730 ‫And if we require, we can use our customer service, but the focus is going to be towards the bootstrap. 10 00:00:32,390 --> 00:00:32,990 ‫OK. 11 00:00:33,020 --> 00:00:34,880 ‫Let me jump on to our project folder. 12 00:00:35,000 --> 00:00:36,110 ‫Everything is normal. 13 00:00:36,110 --> 00:00:36,470 ‫I have. 14 00:00:36,470 --> 00:00:36,890 ‫I do not. 15 00:00:36,890 --> 00:00:37,340 ‫I do. 16 00:00:37,580 --> 00:00:44,570 ‫I have imported the bootstrap file in form of our CSS as well as JavaScript, and then I have linked 17 00:00:44,570 --> 00:00:45,920 ‫my custom stylus. 18 00:00:45,920 --> 00:00:47,630 ‫Yes, that's it. 19 00:00:48,190 --> 00:00:52,580 ‫Now, the first thing I'm going through is and window delays, custom font. 20 00:00:53,030 --> 00:00:58,040 ‫You can use any font you can use the default on, but I want this font. 21 00:00:58,040 --> 00:00:59,600 ‫I like this one on it. 22 00:00:59,840 --> 00:01:04,220 ‫Look good with this portfolio project, you can use any font, to be honest. 23 00:01:05,210 --> 00:01:05,620 ‫That's it. 24 00:01:05,630 --> 00:01:06,980 ‫That's the first change. 25 00:01:07,400 --> 00:01:09,860 ‫The next thing is, let's start our project. 26 00:01:10,220 --> 00:01:12,540 ‫So we are going to mail things in section. 27 00:01:12,620 --> 00:01:14,840 ‫The first thing is about on navigation bar. 28 00:01:15,260 --> 00:01:19,100 ‫What I'm going to do is simply going to create my header inside the body. 29 00:01:19,420 --> 00:01:24,080 ‫So I just need to utilize header and inside that, we need our navigation bar. 30 00:01:24,680 --> 00:01:27,800 ‫Now we can do everything with the help of bootstrap. 31 00:01:28,250 --> 00:01:31,470 ‫Just jump on components, since it's a navigation bar. 32 00:01:31,490 --> 00:01:32,810 ‫Everything should be done. 33 00:01:33,260 --> 00:01:36,350 ‫So if I jump here much about this now bar. 34 00:01:37,500 --> 00:01:38,670 ‫Now, if you scroll down. 35 00:01:39,760 --> 00:01:42,790 ‫You are going to see multiple example if you look at this. 36 00:01:43,250 --> 00:01:49,210 ‫A simple navigation bar where we have background as light and virus light. 37 00:01:49,540 --> 00:01:54,650 ‫Now this is going to control the text color safe navigation bar light. 38 00:01:54,670 --> 00:01:59,440 ‫That means our text color should be dark and when we have this background light. 39 00:01:59,980 --> 00:02:01,750 ‫So this is one example. 40 00:02:01,750 --> 00:02:04,600 ‫If I scroll down, you will see different other examples. 41 00:02:05,140 --> 00:02:07,260 ‫You will see examples with logo. 42 00:02:07,270 --> 00:02:10,650 ‫You will see examples with something like disabling. 43 00:02:11,500 --> 00:02:13,540 ‫These are working, but this is disabled. 44 00:02:14,080 --> 00:02:19,990 ‫And if you scroll down, I bet you will see other examples examples in the form of a different theme 45 00:02:19,990 --> 00:02:20,350 ‫color. 46 00:02:20,360 --> 00:02:22,630 ‫So if you see this one less example. 47 00:02:23,860 --> 00:02:25,370 ‫How you will see Nevada. 48 00:02:25,750 --> 00:02:30,130 ‫That means the background is stark, but we need font color to be light. 49 00:02:30,430 --> 00:02:35,110 ‫And we have background, OK, so you have your own custom choices. 50 00:02:36,040 --> 00:02:40,920 ‫Let me scroll up since now I have knowledge, strong knowledge about cities. 51 00:02:40,930 --> 00:02:43,360 ‫I can play with any type of content. 52 00:02:43,840 --> 00:02:45,100 ‫So let's choose one. 53 00:02:45,100 --> 00:02:47,030 ‫Let's try to take this one. 54 00:02:47,050 --> 00:02:47,980 ‫Maybe if we want. 55 00:02:48,520 --> 00:02:50,200 ‫So here, let me copy this one. 56 00:02:53,060 --> 00:02:56,420 ‫And let me add it inside my head and save this one. 57 00:02:56,930 --> 00:03:03,190 ‫So if I jump back to my website, you can see now I have a proper navigation by now head. 58 00:03:03,200 --> 00:03:05,480 ‫If you observe, we need some spacing. 59 00:03:05,690 --> 00:03:10,910 ‫So if you remember the concept of container that we discussed, you can utilize that. 60 00:03:11,120 --> 00:03:16,520 ‫So if I jump back here, the first thing you can do is just start reading if you can do any changes 61 00:03:16,520 --> 00:03:16,840 ‫yet. 62 00:03:17,270 --> 00:03:19,200 ‫So we are going to deal with this now. 63 00:03:19,350 --> 00:03:23,450 ‫But ahead, we have a device with containerized fluid. 64 00:03:23,630 --> 00:03:30,120 ‫Now fluid means 100 percent if I remove this fluid and jump on the container itself. 65 00:03:30,140 --> 00:03:34,610 ‫This glass scrolled back, you can see now we have a proper gap. 66 00:03:35,030 --> 00:03:36,470 ‫And if I click on Inspect. 67 00:03:38,790 --> 00:03:43,170 ‫It's responsive and it does, swallowing the property of container grade. 68 00:03:43,650 --> 00:03:52,050 ‫This looks good, and we can do multiple other sightings since I want my menus to be on the right side. 69 00:03:52,980 --> 00:04:00,660 ‫So this is the dough that is going to deal with our whole of navigation thing if I right click here 70 00:04:00,840 --> 00:04:02,040 ‫and click on Inspect. 71 00:04:02,910 --> 00:04:08,220 ‫And this is the day that we are going to work with inside this day. 72 00:04:08,280 --> 00:04:10,980 ‫This is my container, which is flex itself. 73 00:04:11,310 --> 00:04:14,490 ‫So what I can do is I can utilize flex properties. 74 00:04:14,880 --> 00:04:21,600 ‫This is the build that we are going to work with, and currently this date is towards flex start. 75 00:04:22,050 --> 00:04:26,700 ‫That means we know Justify Content, Flex stock, you know these properties. 76 00:04:27,030 --> 00:04:32,320 ‫So what I can do is I can just call me here and utilize directly just to buy content. 77 00:04:32,340 --> 00:04:34,800 ‫And so all I could do is utilize. 78 00:04:34,800 --> 00:04:35,520 ‫Justify. 79 00:04:36,670 --> 00:04:39,880 ‫Condemned and saved this one. 80 00:04:39,910 --> 00:04:43,690 ‫Get back here now you can see we have moved our elements. 81 00:04:44,650 --> 00:04:49,150 ‫If you remember, you can directly jump on the world's search about legs. 82 00:04:50,810 --> 00:04:57,620 ‫And how you will have options that OK, that there is not flex, then we can utilize the Flex to convert 83 00:04:57,620 --> 00:05:04,280 ‫it if it's already there, which is following Flex properties, we can add different classes according 84 00:05:04,280 --> 00:05:08,570 ‫to Flex Law Direction, Flex column direction, reverse direction. 85 00:05:08,990 --> 00:05:13,700 ‫Then we can also add other properties, maybe about justified content. 86 00:05:14,030 --> 00:05:15,570 ‫So this is going to be justified. 87 00:05:15,590 --> 00:05:20,060 ‫Content start, then we have and then we have center and few others. 88 00:05:20,600 --> 00:05:23,480 ‫So I hope you got the idea how we did this. 89 00:05:24,540 --> 00:05:28,080 ‫Now, that's a condition that I need to do is just quickly update these menu. 90 00:05:29,070 --> 00:05:35,670 ‫So what I'm going to do is I'm going to add a home, then I'm going to add projects and then I'm going 91 00:05:35,670 --> 00:05:37,110 ‫to add blog. 92 00:05:38,150 --> 00:05:43,340 ‫The next thing is, remember this point, this is a class four octave. 93 00:05:43,610 --> 00:05:48,080 ‫So if you are going to create a project page, then I need to add active on that page. 94 00:05:48,110 --> 00:05:51,290 ‫What this actor do is it just change the color. 95 00:05:51,320 --> 00:05:52,870 ‫This is dark and this is light. 96 00:05:52,880 --> 00:05:55,430 ‫If you see, if I hover over this, this is dark. 97 00:05:55,430 --> 00:05:58,190 ‫But otherwise a normal cave home is dark. 98 00:05:58,760 --> 00:06:03,500 ‫Get rockier, and I simply need to attach this to my next page. 99 00:06:04,400 --> 00:06:08,360 ‫This is going to be attached to our project page, which we currently don't have. 100 00:06:08,900 --> 00:06:10,700 ‫But let me just add it. 101 00:06:13,190 --> 00:06:16,440 ‫And I'm going to attach this page to my current blog. 102 00:06:16,460 --> 00:06:18,410 ‫You can attach it to your own link. 103 00:06:18,800 --> 00:06:21,380 ‫So I just need to attach it with my current blog. 104 00:06:22,640 --> 00:06:29,240 ‫And simply, I'm going to add a target because I need to open this one on a new page so I can just utilize 105 00:06:29,240 --> 00:06:33,470 ‫target and then underscore blank, save this one. 106 00:06:33,500 --> 00:06:39,980 ‫This looks fine and I'm going to remove this item, which is, ah, disable button if you remember this 107 00:06:39,980 --> 00:06:40,250 ‫one. 108 00:06:40,310 --> 00:06:41,270 ‫Yes, remove this. 109 00:06:41,960 --> 00:06:42,760 ‫Save this one. 110 00:06:42,770 --> 00:06:48,200 ‫And I also I'm going to create a new file, and I'm going to call this as project start estimate. 111 00:06:50,930 --> 00:06:51,350 ‫OK. 112 00:06:51,380 --> 00:06:54,320 ‫Everything looks fine at a base level. 113 00:06:55,040 --> 00:06:55,730 ‫Great work. 114 00:06:56,090 --> 00:07:01,040 ‫Now we need to change the color that is the default gene that we currently had in our mind. 115 00:07:01,490 --> 00:07:04,180 ‫So that means I want something with white teeth. 116 00:07:04,400 --> 00:07:05,990 ‫Also, I need to change this text. 117 00:07:05,990 --> 00:07:11,330 ‫So if I scroll up here, you can utilize any type of design that you have in your mind. 118 00:07:11,330 --> 00:07:17,270 ‫But I'm going to go with simple Shobana and have a space between, right? 119 00:07:18,320 --> 00:07:19,340 ‫Save this one. 120 00:07:21,000 --> 00:07:22,050 ‫OK, looks great. 121 00:07:25,440 --> 00:07:31,410 ‫Now, the next thing remember ahead of this is not working, what I mean by this is if these animals 122 00:07:31,410 --> 00:07:34,320 ‫are not working, you can utilize the character. 123 00:07:34,680 --> 00:07:39,750 ‫I have this question about this, but you can utilize these characters if this is not working. 124 00:07:39,990 --> 00:07:40,950 ‫Remember this point? 125 00:07:42,410 --> 00:07:45,740 ‫And also, let me add a link to my next page. 126 00:07:58,720 --> 00:08:03,460 ‫Something like this, so this is going to be less than symbol and this is going to be greater than symbol. 127 00:08:04,060 --> 00:08:05,380 ‫OK, thanks looks fine. 128 00:08:06,610 --> 00:08:08,900 ‫And how are you going to solve it now here? 129 00:08:08,920 --> 00:08:14,440 ‫I'm not going to remove this background color for now, so we can define these two sections separately. 130 00:08:14,940 --> 00:08:17,140 ‫I should say we can differentiate them. 131 00:08:17,710 --> 00:08:23,860 ‫And if you want to change right now, you can just remove this view like, OK, this is done for our. 132 00:08:24,760 --> 00:08:25,450 ‫That's done. 133 00:08:25,690 --> 00:08:26,980 ‫I had our task is done. 134 00:08:27,220 --> 00:08:30,220 ‫We need to move towards automated action now. 135 00:08:30,220 --> 00:08:35,980 ‫Maine is going to have different sections like this section, which is our introduction than we have 136 00:08:35,980 --> 00:08:37,750 ‫allowed me blog and a few others. 137 00:08:38,170 --> 00:08:43,900 ‫So what I'm going to do is I'm going to quickly create a section and I'm going to include all that information. 138 00:08:44,380 --> 00:08:49,810 ‫So I'm going to create a section and I'm going to give it a class as introduction. 139 00:08:51,920 --> 00:08:58,310 ‫OK, so everything that we are going to do right now, but this thing is going to be inside our introduction 140 00:08:58,310 --> 00:09:04,700 ‫section and why this introduction so we can provide a hide, we can provide anything else that we required. 141 00:09:05,330 --> 00:09:07,030 ‫I'm to create a glass here. 142 00:09:07,430 --> 00:09:09,560 ‫I'm going to play with several of things. 143 00:09:11,070 --> 00:09:16,790 ‫So I'm going to create our Deb here and provide a class that will control its height and its will not. 144 00:09:17,250 --> 00:09:22,940 ‫The first thing I'm going to do is I'm going to take utility and utilize V800. 145 00:09:23,010 --> 00:09:26,730 ‫That means it is going to cover viewport height 100 percent. 146 00:09:27,180 --> 00:09:30,030 ‫And then I'm also going to convert this into Flex. 147 00:09:30,060 --> 00:09:37,110 ‫So all item that I'm going to add inside this whole dip will follow this Flexbox property. 148 00:09:37,560 --> 00:09:43,670 ‫And then we can utilize all the custom things regarding our justifier content, allowing content on 149 00:09:43,710 --> 00:09:43,940 ‫that. 150 00:09:44,160 --> 00:09:45,200 ‫So below. 151 00:09:45,240 --> 00:09:47,970 ‫This is the best thing that we are going through now. 152 00:09:47,970 --> 00:09:54,630 ‫What we need to add is we need to add an image and paragraph, paragraph, paragraph and button on it. 153 00:09:54,930 --> 00:09:58,290 ‫So the first thing I'm going to do is I'm directly going to add an image. 154 00:09:58,470 --> 00:10:00,810 ‫I can say IMG and head. 155 00:10:00,810 --> 00:10:03,750 ‫I'm going to add my own image, which is unsigned media. 156 00:10:05,010 --> 00:10:09,940 ‫Inside this program, you can utilize this image, which is profile, not VIDEO. 157 00:10:09,990 --> 00:10:17,330 ‫OK, so I'm will be utilized that show by my image and see if this one OK and I'm going to look at it. 158 00:10:17,430 --> 00:10:18,290 ‫That's going to be big. 159 00:10:18,510 --> 00:10:18,920 ‫Great. 160 00:10:19,380 --> 00:10:23,940 ‫So we need certain glasses here to control things, so I am going to add a class. 161 00:10:25,940 --> 00:10:27,320 ‫That can control things. 162 00:10:27,350 --> 00:10:29,570 ‫The first one will be rounded circle. 163 00:10:30,620 --> 00:10:35,660 ‫So if you jump on the boat strap and search about order, you will get understanding about border, 164 00:10:35,660 --> 00:10:37,190 ‫radius and head. 165 00:10:37,190 --> 00:10:39,770 ‫I'm going to utilize this rounded circle. 166 00:10:40,820 --> 00:10:43,880 ‫This is going to be 50 percent off on radius. 167 00:10:44,690 --> 00:10:47,540 ‫Then I need a large shadow mate of my shadow. 168 00:10:48,110 --> 00:10:50,810 ‫So what I can do is I can search about shadow here. 169 00:10:52,060 --> 00:10:56,800 ‫And, Heather, if you look at this, you will get a different idea how to utilize these shadow. 170 00:10:57,220 --> 00:10:58,890 ‫So let's take this large shadow. 171 00:10:58,900 --> 00:11:02,380 ‫So I like to do is just copy shadow energy. 172 00:11:03,040 --> 00:11:10,120 ‫Now you might need to cite several things as a beginner, because after maybe working on this project, 173 00:11:10,120 --> 00:11:14,380 ‫you will understand, OK, what I need to surge and how I need to utilize them. 174 00:11:14,830 --> 00:11:17,860 ‫Because large shadow will be energy than normal. 175 00:11:17,860 --> 00:11:19,060 ‫Shadow will be shadow. 176 00:11:19,060 --> 00:11:24,490 ‫Just small shadow will be shadow SME and no shadow means shadow. 177 00:11:24,490 --> 00:11:25,090 ‫That's none. 178 00:11:25,810 --> 00:11:27,130 ‫So I hope you got the idea. 179 00:11:27,130 --> 00:11:30,340 ‫So let's check our current image OK? 180 00:11:32,320 --> 00:11:37,930 ‫Now here, you can add seizes property that would be much easier to control the size of the image, 181 00:11:38,380 --> 00:11:44,170 ‫so I just need to go away and production, select IMG and then out of it and hide. 182 00:11:44,290 --> 00:11:49,540 ‫So I'm going to go with work, which is going to be one, two and five pixel and then I'm going to go 183 00:11:49,540 --> 00:11:52,070 ‫with Hyde, which is going to be 175 fixer. 184 00:11:52,330 --> 00:11:53,240 ‫Save this one. 185 00:11:53,260 --> 00:11:54,040 ‫Get back here. 186 00:11:54,670 --> 00:11:55,870 ‫OK, this is great. 187 00:11:56,260 --> 00:12:02,920 ‫Now, since we are utilizing Flex, what I can do is I can jump here and inside there. 188 00:12:02,920 --> 00:12:10,730 ‫I can just mention that this is going to be justified content center so everything will follow us and 189 00:12:10,750 --> 00:12:14,320 ‫allow Champion great basic success. 190 00:12:14,320 --> 00:12:16,240 ‫But we are following now. 191 00:12:16,270 --> 00:12:17,200 ‫This image is done. 192 00:12:17,260 --> 00:12:23,770 ‫The next thing is I'm going to add a paragraph, so I just need to add multiple paragraphs, maybe B 193 00:12:23,770 --> 00:12:24,430 ‫and three. 194 00:12:25,060 --> 00:12:25,900 ‫Okay, great. 195 00:12:27,000 --> 00:12:29,290 ‫And I just need to add some text. 196 00:12:29,300 --> 00:12:35,240 ‫Maybe I'm sure one shard of you can follow anything else, but this is the base text that I have currently 197 00:12:35,280 --> 00:12:35,860 ‫in my my. 198 00:12:37,540 --> 00:12:41,470 ‫Now, the second line is going to follow building web applications. 199 00:12:44,830 --> 00:12:49,270 ‫And then I'm going to have information regarding this Python Django whole thing. 200 00:12:49,750 --> 00:12:55,720 ‫So what I do, what knowledge currently I have until other important things save this one. 201 00:12:56,230 --> 00:12:57,460 ‫So I jump in. 202 00:12:58,890 --> 00:13:04,200 ‫OK, I'm following the Paul uproar, one item to item three, Kodachrome. 203 00:13:04,560 --> 00:13:09,150 ‫What I can do is I can change this one simply here I need to jump. 204 00:13:09,540 --> 00:13:13,110 ‫And just mention that I'm going to follow flex columns. 205 00:13:13,530 --> 00:13:15,520 ‫So I just need to use Flex. 206 00:13:15,540 --> 00:13:18,120 ‫Gonna sell this one then back here? 207 00:13:18,870 --> 00:13:19,950 ‫OK, this is great. 208 00:13:20,430 --> 00:13:26,220 ‫So I'm going to follow Flex column and I'm going to follow just if I want anything right now. 209 00:13:27,260 --> 00:13:34,130 ‫Now, one thing I need to mention is when we are following this Flex column, the meaning of justified 210 00:13:34,130 --> 00:13:40,250 ‫content changes, why now, I mean active as well as across axis changes? 211 00:13:40,480 --> 00:13:42,050 ‫Remember the Flexbox lecture? 212 00:13:42,500 --> 00:13:50,480 ‫So I need to go with a line item, so I just need to line items to save this one. 213 00:13:50,510 --> 00:13:51,380 ‫Get back ahead. 214 00:13:51,980 --> 00:13:53,570 ‫OK, great success. 215 00:13:54,650 --> 00:13:56,630 ‫That's it for this part. 216 00:13:56,690 --> 00:13:59,960 ‫We are going to have something that Lafond and a few other things. 217 00:13:59,960 --> 00:14:04,760 ‫But let me add up, but I'll jump here so much about Parton's. 218 00:14:06,210 --> 00:14:11,460 ‫And if you scroll down, I just need this dark one, you have multiple options, you have options that 219 00:14:11,460 --> 00:14:12,930 ‫currently have over effect. 220 00:14:13,320 --> 00:14:16,350 ‫You can see if you want, you can do that. 221 00:14:16,380 --> 00:14:19,020 ‫I'm just giving up this idea how to utilize them. 222 00:14:19,530 --> 00:14:26,700 ‫So what I'm going to do is I'm going to organize this quick button and I just need to add it to my paragraph. 223 00:14:27,030 --> 00:14:29,580 ‫So let me add it to save this one. 224 00:14:29,890 --> 00:14:31,170 ‫Let me also shift this one. 225 00:14:31,320 --> 00:14:31,710 ‫OK. 226 00:14:31,800 --> 00:14:32,490 ‫This is great. 227 00:14:33,090 --> 00:14:36,420 ‫And this section is pretty much done. 228 00:14:36,960 --> 00:14:38,520 ‫OK, we need to do something. 229 00:14:38,820 --> 00:14:45,300 ‫The first thing I'm going to do is I'm going to change the text and I'm going to connect with me. 230 00:14:46,920 --> 00:14:50,220 ‫And the other thing I'm going to do is I'm going to add certain classes. 231 00:14:50,220 --> 00:14:54,700 ‫So here I need to increase the font size so I can use it for. 232 00:14:55,380 --> 00:14:56,550 ‫Let's try something big. 233 00:14:56,940 --> 00:15:01,440 ‫And I also need to add some margin from the top if you observe this part. 234 00:15:02,130 --> 00:15:06,450 ‫I can use AMP, which is going to be marginal, but I can add something like three. 235 00:15:07,680 --> 00:15:08,110 ‫Great. 236 00:15:08,130 --> 00:15:14,610 ‫Then I'm going to go with this class, and I've been going with actress for I need to Boulder. 237 00:15:14,700 --> 00:15:17,910 ‫I guess I don't care if I need to this. 238 00:15:18,780 --> 00:15:24,210 ‫So what I'm going to do is I'm going to add another class which is going to be have a couple of old. 239 00:15:25,550 --> 00:15:33,530 ‫And then I'm going to again, add a margin, something where margin bottom one and call it this class 240 00:15:33,740 --> 00:15:40,490 ‫and I'm going to go with some normal fund only, but I'm going to ahead and margin bottom to have distance 241 00:15:40,490 --> 00:15:46,430 ‫between both of them so I can use and be sure, save this one in back here. 242 00:15:47,490 --> 00:15:48,900 ‫It's pretty good, to be honest. 243 00:15:49,110 --> 00:15:49,560 ‫Great. 244 00:15:50,010 --> 00:15:52,680 ‫And now we can't just be down. 245 00:15:55,860 --> 00:16:01,650 ‫Yeah, and you can just remove this big light that has background light, save this one in backyard. 246 00:16:01,980 --> 00:16:02,580 ‫OK? 247 00:16:02,670 --> 00:16:04,170 ‫Looks great, to be honest. 248 00:16:04,860 --> 00:16:08,550 ‫Now we have a proper lookalike of our current demo. 249 00:16:08,730 --> 00:16:10,170 ‫Yeah, great. 250 00:16:10,200 --> 00:16:16,020 ‫Now we need to move towards the next part where we will also learn about grid and how to utilize our 251 00:16:16,020 --> 00:16:16,500 ‫column. 252 00:16:17,220 --> 00:16:18,850 ‫I hope this lecture was helpful. 253 00:16:18,930 --> 00:16:19,890 ‫Thank you for calling. 254 00:16:19,950 --> 00:16:21,720 ‫Make sure you can replicate things. 255 00:16:21,990 --> 00:16:27,060 ‫And if you want to search anything you can touch and maybe you want to search bowl and you will get 256 00:16:27,060 --> 00:16:29,660 ‫different options regarding border border color. 257 00:16:30,270 --> 00:16:32,850 ‫You can also jump here with the utility park. 258 00:16:33,150 --> 00:16:34,920 ‫Search about different texting. 259 00:16:35,460 --> 00:16:36,080 ‫Jump here. 260 00:16:36,450 --> 00:16:42,540 ‫You will have options how to manage text and you want to hold it, transform it with their different 261 00:16:42,540 --> 00:16:45,570 ‫size and a few other things so it can actually be utilized. 262 00:16:45,570 --> 00:16:50,460 ‫Something like this, which is FWB font waypoint. 263 00:16:50,730 --> 00:16:51,090 ‫OK. 264 00:16:51,810 --> 00:16:53,010 ‫That's all for this lecture. 265 00:16:53,010 --> 00:16:54,300 ‫I hope this was helpful. 266 00:16:54,570 --> 00:16:55,600 ‫Thank you for calling. 267 00:16:55,630 --> 00:16:57,420 ‫And I see you guys in the next one.