1 00:00:00,880 --> 00:00:01,480 ‫Hey, there. 2 00:00:01,510 --> 00:00:02,290 ‫Welcome back. 3 00:00:02,590 --> 00:00:05,050 ‫Now let us quickly wrap up our current project. 4 00:00:05,710 --> 00:00:10,330 ‫The first thing that was remaining was the gap between these two. 5 00:00:10,930 --> 00:00:13,210 ‫What I should say something related to this name. 6 00:00:13,660 --> 00:00:16,900 ‫So what I'm going to do is I'm going to add some margin here. 7 00:00:17,230 --> 00:00:24,190 ‫So if I jump on to my personal name and insight that I can add some margin, so on going to use margin 8 00:00:24,190 --> 00:00:26,870 ‫here and I just need to add margin top. 9 00:00:30,100 --> 00:00:34,160 ‫And let me take this as one point three RAM saved this one. 10 00:00:34,210 --> 00:00:35,140 ‫Get back here. 11 00:00:36,250 --> 00:00:40,990 ‫Now you can see this is much better now there will be here and there a few other differences. 12 00:00:41,530 --> 00:00:43,480 ‫Maybe I need to add some gap here. 13 00:00:44,010 --> 00:00:49,990 ‫That means either I'm going to argue with country or I'm going to work with this stack, so maybe I 14 00:00:49,990 --> 00:00:53,380 ‫can change this talk 1.5 to two point five. 15 00:00:53,530 --> 00:00:55,210 ‫Save this one and get back here. 16 00:00:55,990 --> 00:00:56,420 ‫OK. 17 00:00:56,440 --> 00:00:58,600 ‫You can see now that exactly the same. 18 00:00:58,930 --> 00:01:00,940 ‫I only have difference with this pro. 19 00:01:01,980 --> 00:01:05,190 ‫You can see if I just move these two tabs. 20 00:01:05,940 --> 00:01:07,650 ‫There is almost no difference. 21 00:01:08,310 --> 00:01:16,350 ‫And if I need to decrease the size or the sprawl after Dallas jumper with my pro part and head, I need 22 00:01:16,350 --> 00:01:16,830 ‫to change. 23 00:01:16,830 --> 00:01:18,630 ‫I can directly remove this border. 24 00:01:18,630 --> 00:01:21,010 ‫I don't need actually see this one. 25 00:01:21,030 --> 00:01:21,900 ‫Get back here. 26 00:01:22,650 --> 00:01:24,500 ‫OK, this is working fine. 27 00:01:24,510 --> 00:01:30,930 ‫Now you can see we have the exact same same thing that we initially tried. 28 00:01:31,440 --> 00:01:34,770 ‫So that means we have known this properly. 29 00:01:35,430 --> 00:01:41,400 ‫Now here you can have different preferences, maybe with preference of broken arm, maybe with preferential 30 00:01:41,400 --> 00:01:46,170 ‫image or maybe with preference off button and the background color. 31 00:01:46,800 --> 00:01:52,800 ‫The best thing I will recommend at this point of time is about checking different color palette. 32 00:01:53,280 --> 00:01:59,820 ‫So what you can do is search about either color palette or color backgrounds with scissors, and you 33 00:01:59,820 --> 00:02:04,000 ‫will get different website like colored enhanced color score. 34 00:02:04,320 --> 00:02:05,820 ‫You will get different website. 35 00:02:06,120 --> 00:02:10,800 ‫These website will help you decide different color palettes or patterns. 36 00:02:11,430 --> 00:02:15,210 ‫If you jump any of them, you will see these different ideas. 37 00:02:16,270 --> 00:02:21,130 ‫Now, this should be a color palette itself, you will see three shades of boiling. 38 00:02:21,310 --> 00:02:28,270 ‫That means purple that is light a bit darker, a bit darker and then there is something related to blue 39 00:02:28,270 --> 00:02:28,870 ‫or green. 40 00:02:29,140 --> 00:02:32,920 ‫And then there is yellow, something similar you will find with them. 41 00:02:33,980 --> 00:02:35,630 ‫I hope you got the idea. 42 00:02:36,080 --> 00:02:41,930 ‫This is deformed killers, suppose this is the background, this is the holy box and then this is the 43 00:02:42,110 --> 00:02:42,950 ‫icon thing. 44 00:02:43,640 --> 00:02:45,870 ‫So that's how these killer ballads walk. 45 00:02:45,970 --> 00:02:49,640 ‫If you open them, you can customize and utilize your one of your own. 46 00:02:49,910 --> 00:02:51,530 ‫So I suppose if I open this one? 47 00:02:53,060 --> 00:02:58,520 ‫You can see there are four colors, maybe I want to change someone, I can do that, not I want to copy 48 00:02:58,520 --> 00:02:59,330 ‫this exactly. 49 00:02:59,330 --> 00:03:04,520 ‫I can do that so I can copy each color individually and utilize these color patterns. 50 00:03:06,140 --> 00:03:12,200 ‫And you can also utilize this one, which is colors dot com, all of them are free to use and all you 51 00:03:12,200 --> 00:03:14,960 ‫have to do is just jump on to explore. 52 00:03:16,430 --> 00:03:18,890 ‫And here you will see all the training option. 53 00:03:19,460 --> 00:03:26,210 ‫Pretty important website for you to understand different color and how you can utilize them, since 54 00:03:26,360 --> 00:03:31,910 ‫maybe you are a beginner and you don't have much knowledge of different colors, so these websites will 55 00:03:31,910 --> 00:03:34,670 ‫help you to get understanding of different colors. 56 00:03:34,940 --> 00:03:39,590 ‫You can also check about popular according to month on maybe some random collections. 57 00:03:40,310 --> 00:03:45,530 ‫All of them are free, and you can just explore and see which one you want. 58 00:03:46,340 --> 00:03:48,920 ‫So I hope you got the idea about these colors. 59 00:03:49,430 --> 00:03:52,790 ‫The next thing I want to talk about is about code pain. 60 00:03:53,150 --> 00:03:59,330 ‫You can just simply register a free account and then you can store your different products, small projects 61 00:03:59,330 --> 00:04:02,270 ‫that you want regarding its stimulus and JavaScript. 62 00:04:03,280 --> 00:04:04,630 ‫So let me quickly logon. 63 00:04:10,040 --> 00:04:14,480 ‫Now, once that is done, you will have options regarding drilling projects, then you will have option 64 00:04:14,480 --> 00:04:19,760 ‫about your project and how to create a new project so you can just select a new pen. 65 00:04:19,760 --> 00:04:23,810 ‫That is, it will create a new project, something like this. 66 00:04:25,910 --> 00:04:30,860 ‫I hear you will have the option to rename this and how you even have option to paste your code. 67 00:04:31,400 --> 00:04:36,380 ‫Let me try to change the view here and select this one for now. 68 00:04:37,840 --> 00:04:40,990 ‫So how you can paste your HDL content. 69 00:04:43,010 --> 00:04:49,100 ‫Just remove this statement, but this extreme in part and copy this everything that you have inside 70 00:04:49,100 --> 00:04:49,730 ‫your HDMI. 71 00:04:50,360 --> 00:04:55,650 ‫So just copy this one and add it here and copy the complete exactly. 72 00:04:56,030 --> 00:04:56,430 ‫And our. 73 00:04:56,960 --> 00:04:58,580 ‫So you will get a demo papas. 74 00:04:59,240 --> 00:05:05,600 ‫Remember, the problem that you are going to face is that currently our images are on a local storage. 75 00:05:06,470 --> 00:05:11,810 ‫So it will require some images that are already on some PSAs like these. 76 00:05:13,040 --> 00:05:20,390 ‫So you can either upload images on any of the free platform and then right click and use them. 77 00:05:24,900 --> 00:05:32,040 ‫So you can utilize any free image hosting and then upload your image, so maybe I want to utilize this 78 00:05:32,040 --> 00:05:35,280 ‫uploaded here and then upload it here. 79 00:05:36,120 --> 00:05:39,240 ‫Now I have this link, so if I open this link here. 80 00:05:42,010 --> 00:05:44,890 ‫You can see I have access to this link right click here. 81 00:05:44,920 --> 00:05:51,700 ‫Copy the email address and then inside your old bin wherever you have this image option. 82 00:05:53,800 --> 00:05:54,660 ‫Wasted here. 83 00:05:57,880 --> 00:06:00,250 ‫And you can see this images walking fine. 84 00:06:00,790 --> 00:06:06,040 ‫So that's how you are going to utilize these free images, it was free to add your image. 85 00:06:06,400 --> 00:06:10,540 ‫Currently, I have uploaded my image on GitHub and then I'm utilizing it. 86 00:06:11,050 --> 00:06:13,600 ‫If you have understanding about GitHub, you can upload it. 87 00:06:13,600 --> 00:06:19,810 ‫Otherwise you can upload on this free website, then right click on the image and copy the image address 88 00:06:20,260 --> 00:06:22,660 ‫and then you can utilize your email address here. 89 00:06:23,080 --> 00:06:24,340 ‫I hope you got the idea. 90 00:06:24,880 --> 00:06:29,210 ‫So that's how you are going to upload things on code, and it's not important. 91 00:06:29,500 --> 00:06:34,080 ‫But if you can add multiple projects on a regular basis, you can have a decent profile. 92 00:06:34,090 --> 00:06:38,980 ‫And if in future you want to share your HD email and CIUSSS JavaScript project directly. 93 00:06:39,250 --> 00:06:44,140 ‫You can just utilize this code PENLINK and they will have access to that project. 94 00:06:44,350 --> 00:06:47,050 ‫They can directly view it and see all the changes. 95 00:06:47,440 --> 00:06:49,960 ‫So that's why this code Ben is important. 96 00:06:54,020 --> 00:06:59,360 ‫So I hope you got the idea about the cold ban itself, make sure you create this project and upload 97 00:06:59,360 --> 00:07:07,130 ‫it on Goldman and then make sure to post about it on Twitter Dogma at the human document so I can see 98 00:07:07,130 --> 00:07:07,660 ‫your project. 99 00:07:07,670 --> 00:07:13,580 ‫Maybe you want to work on a different project, utilize the dribble, see some inspiration and try it 100 00:07:13,580 --> 00:07:14,090 ‫yourself. 101 00:07:14,750 --> 00:07:16,070 ‫Remember, this is not a. 102 00:07:16,880 --> 00:07:19,520 ‫The first thing is we just try to implement a clone. 103 00:07:20,000 --> 00:07:24,910 ‫It does responsive in a way, but we have some restriction about debate. 104 00:07:24,920 --> 00:07:30,050 ‫So currently we are using Veritas 32 then I guess. 105 00:07:31,870 --> 00:07:37,840 ‫Yeah, it's party to them should be fine in most cases, in the next part of our course, we are going 106 00:07:37,840 --> 00:07:41,000 ‫to discuss about responsiveness and few other important concept. 107 00:07:41,410 --> 00:07:43,180 ‫But for now, this is our project. 108 00:07:43,960 --> 00:07:45,740 ‫I hope this one was helpful. 109 00:07:45,760 --> 00:07:48,730 ‫Thank you for following and I see you guys in the next one.