1 00:00:00,620 --> 00:00:01,190 ‫Hey, there. 2 00:00:01,360 --> 00:00:02,030 ‫Welcome back. 3 00:00:02,480 --> 00:00:07,940 ‫Now let us start the journey with this second section in which we are going to be about me, as well 4 00:00:07,940 --> 00:00:08,500 ‫as blog. 5 00:00:09,590 --> 00:00:13,460 ‫So what I'm going to do is I'm going to offer this header. 6 00:00:13,470 --> 00:00:18,200 ‫I have this man after this section, I'm going to add another section and I'm going to call. 7 00:00:18,200 --> 00:00:21,980 ‫This section is about simply just add a new section on. 8 00:00:21,980 --> 00:00:29,160 ‫This has about looks good on how we can add new digs and start with Joe and great part. 9 00:00:29,720 --> 00:00:36,920 ‫So what I'm going to do is I'm going to simply add a row so I can utilize this for lifting and inside 10 00:00:36,920 --> 00:00:37,370 ‫this room. 11 00:00:37,400 --> 00:00:39,800 ‫I can divide things according to their columns. 12 00:00:40,190 --> 00:00:47,120 ‫So what I can do is I can have two columns so I can see Column six and I just need some similar again. 13 00:00:47,120 --> 00:00:48,800 ‫So I'm going to see a context. 14 00:00:50,100 --> 00:00:54,240 ‫OK, so now this will be dividing things into two back half. 15 00:00:54,660 --> 00:00:55,860 ‫So one and two. 16 00:00:55,890 --> 00:00:57,030 ‫There will be two parts. 17 00:00:57,510 --> 00:01:01,980 ‫But remember, we have something like the same energy. 18 00:01:02,280 --> 00:01:03,690 ‫And we can utilize them. 19 00:01:04,260 --> 00:01:10,770 ‫So I want to divide them into six part, but only when they are greater than S.M on, I should say, 20 00:01:10,770 --> 00:01:11,700 ‫empty for now. 21 00:01:12,390 --> 00:01:17,910 ‫So when they are greater than empty, they are going to follow this six grid section. 22 00:01:18,090 --> 00:01:23,600 ‫Otherwise, they will follow complete 12 grid and something similar like any Andy. 23 00:01:23,970 --> 00:01:29,850 ‫And this is also going to fall off six grid section only when they are created in this empty that is 24 00:01:30,120 --> 00:01:32,160 ‫greater than 768 pixel. 25 00:01:32,880 --> 00:01:39,240 ‫Now, if I want to add another thing, let's call six and had I can say all six. 26 00:01:40,210 --> 00:01:47,530 ‫That means they're not forming, and they will follow the stock means lower than normal thing, so I 27 00:01:47,530 --> 00:01:50,230 ‫don't want this, I don't want on this. 28 00:01:51,350 --> 00:01:55,940 ‫Yeah, save this one boxset, we have divided this whole thing into two parts. 29 00:01:55,970 --> 00:01:57,230 ‫Now let's add content. 30 00:01:57,590 --> 00:02:00,530 ‫So first one should be simple I just need to add an image. 31 00:02:00,530 --> 00:02:07,490 ‫I can say AMG on head, I can attach my image, which is inside my media, so I can go with the other 32 00:02:07,500 --> 00:02:07,820 ‫thing. 33 00:02:08,150 --> 00:02:11,390 ‫And then I have this your mum about. 34 00:02:11,690 --> 00:02:14,770 ‫You can utilize this profile being itself. 35 00:02:15,170 --> 00:02:23,360 ‫So I'm going to go it out and then I am going to add other content inside my second head. 36 00:02:23,360 --> 00:02:30,320 ‫I'm going to add up it down, or I can utilize something else which is bigger in size, or I can utilize 37 00:02:30,350 --> 00:02:35,090 ‫H2H T, but I'm going to go with dog and I can simply say about me. 38 00:02:35,570 --> 00:02:39,170 ‫And the second thing I'm going to do is I'm going to again, create a puppy dog. 39 00:02:39,560 --> 00:02:45,290 ‫And this time I'm going to add this content, and I think this should be maybe 50. 40 00:02:45,440 --> 00:02:49,310 ‫So I'm going to go with 50. 41 00:02:49,940 --> 00:02:53,450 ‫Save this one and I'm going to do something similar. 42 00:02:54,390 --> 00:02:57,770 ‫Pete Dugan, Lauren, I'm going to save this one. 43 00:02:59,120 --> 00:03:01,400 ‫Looks fine to me and my jumper. 44 00:03:03,550 --> 00:03:06,010 ‫OK, the images, big, blue, big. 45 00:03:07,450 --> 00:03:13,180 ‫So what I need to do is I need to add some property, so I image remain in limit. 46 00:03:13,420 --> 00:03:20,950 ‫I should set this whole image remain inside this day only what I can do is I can add a class here. 47 00:03:21,940 --> 00:03:24,100 ‫And this class will be about my image. 48 00:03:24,100 --> 00:03:27,940 ‫So I have something like and I have two other properties. 49 00:03:28,570 --> 00:03:29,680 ‫I can just take this. 50 00:03:29,680 --> 00:03:31,460 ‫I can stick with it. 51 00:03:31,480 --> 00:03:34,570 ‫I can say with 75 percent of this device. 52 00:03:34,870 --> 00:03:37,390 ‫And if I save this one, get back here. 53 00:03:41,040 --> 00:03:42,580 ‫OK, it looks fine to me. 54 00:03:42,600 --> 00:03:47,030 ‫Let me right click here, and if I also I have this, do I have this debate? 55 00:03:47,970 --> 00:03:54,900 ‫Let me move this image to center so I can utilize either text line or I can just align all the content 56 00:03:54,900 --> 00:03:56,640 ‫inside this Div two center. 57 00:03:57,030 --> 00:04:01,940 ‫So what I can say is I can use text as Santa Text Center. 58 00:04:02,490 --> 00:04:06,510 ‫And let me also add some margin on top and bottom for this folder. 59 00:04:06,810 --> 00:04:13,830 ‫I can see and my five or three something like this so I can maintain margin, but my image bar. 60 00:04:14,610 --> 00:04:15,740 ‫OK, save this one. 61 00:04:15,750 --> 00:04:16,470 ‫Get back here. 62 00:04:17,690 --> 00:04:18,380 ‫Much greater. 63 00:04:20,750 --> 00:04:24,530 ‫Not as good as the project one, but this is much better. 64 00:04:24,980 --> 00:04:30,290 ‫The other thing I can do is, I think, are images growing here and there. 65 00:04:33,560 --> 00:04:40,760 ‫So the other thing I need to add is, and here I need to copy something similar from the top here and 66 00:04:40,770 --> 00:04:43,340 ‫here, I can simply add up button and see. 67 00:04:44,700 --> 00:04:48,840 ‫Visit my project, check my project or go to projects. 68 00:04:53,030 --> 00:04:54,250 ‫Now, how do you observe? 69 00:04:54,260 --> 00:04:55,670 ‫We have sardine problems. 70 00:04:56,390 --> 00:04:59,540 ‫If you observe the original version, we are maintaining some gap. 71 00:04:59,870 --> 00:05:03,920 ‫Similarly, the same problem that we had during our menu item. 72 00:05:04,400 --> 00:05:08,360 ‫So what we can do is we can add a container to our main excel here. 73 00:05:08,360 --> 00:05:13,220 ‫We can add a container and that will help us to contain everything. 74 00:05:13,880 --> 00:05:19,850 ‫And then all this section, and we don't need to mention container or each one of them individually. 75 00:05:21,070 --> 00:05:24,130 ‫And if I get back here now, you can say it's much better. 76 00:05:24,400 --> 00:05:29,800 ‫We have proper spacing because of the container on the entire layout. 77 00:05:30,640 --> 00:05:36,940 ‫And if I go back, if I need to remove that container, I can utilize container fluid or this specific 78 00:05:36,940 --> 00:05:37,450 ‫section. 79 00:05:37,870 --> 00:05:40,480 ‫Maybe for this section, I don't want this container. 80 00:05:41,520 --> 00:05:46,540 ‫I can utilize container fluid doctrine or what I did previous one, so if I jump back here. 81 00:05:47,520 --> 00:05:49,680 ‫So this is going to contain 100 percent. 82 00:05:49,860 --> 00:05:50,280 ‫OK. 83 00:05:50,970 --> 00:05:52,260 ‫Let me go back. 84 00:05:52,260 --> 00:05:54,360 ‫What about things? 85 00:05:54,360 --> 00:05:55,680 ‫Looks fine on now? 86 00:05:58,680 --> 00:06:04,350 ‫OK, let me change the text here, so what I am going to do is I'm going to update the next and I'm 87 00:06:04,350 --> 00:06:12,660 ‫going to add now simply, I'm going up, go next, read on site, went over to who need to increase 88 00:06:12,660 --> 00:06:15,840 ‫the account because I'm going to go with ActBlue all. 89 00:06:17,310 --> 00:06:21,310 ‫Save this one in back here much better. 90 00:06:21,330 --> 00:06:22,560 ‫This looks good. 91 00:06:22,830 --> 00:06:26,340 ‫And remember, this text will change because we are using a lot in. 92 00:06:27,390 --> 00:06:33,420 ‫OK, I think I need some spacing on top and bottom for this whole section. 93 00:06:33,990 --> 00:06:35,220 ‫Let's do that later. 94 00:06:35,460 --> 00:06:39,300 ‫What I'm going to do is add this section properly in style. 95 00:06:41,310 --> 00:06:42,990 ‫And let me add some margin. 96 00:06:44,690 --> 00:06:48,200 ‫Top and bottom seven and then zero, four, left and right. 97 00:06:50,450 --> 00:06:51,620 ‫OK, let's get back. 98 00:06:52,280 --> 00:06:53,810 ‫Yeah, this is much better. 99 00:06:54,680 --> 00:06:59,660 ‫So what I did is I added some margin on top and bottom for all sections. 100 00:07:00,080 --> 00:07:05,510 ‫So if I'm going to create a new section and this time I'm going to create it for blog, I can just go 101 00:07:05,510 --> 00:07:06,290 ‫that section. 102 00:07:06,740 --> 00:07:08,840 ‫And this time this will be about blog. 103 00:07:09,740 --> 00:07:16,370 ‫And here I'm going to go over, draw simple thing and just repeating everything that we did recently. 104 00:07:17,210 --> 00:07:26,810 ‫And now I'm going to create all in the six and two because this time fast one will be about this content. 105 00:07:29,980 --> 00:07:32,200 ‫And second one will be about the image. 106 00:07:33,740 --> 00:07:37,110 ‫Because we are in a reverse partnership, I saved this one. 107 00:07:37,190 --> 00:07:40,440 ‫Get back here, you can see something similar. 108 00:07:40,460 --> 00:07:41,330 ‫We need here. 109 00:07:42,680 --> 00:07:48,290 ‫OK, let me change the tax, so what I'm going to do is I'm going to go over the blog here. 110 00:07:49,360 --> 00:07:53,710 ‫And then go to my blog or something is any text that you want. 111 00:07:54,040 --> 00:07:55,960 ‫And I'm just writing, go to blogs. 112 00:07:57,730 --> 00:07:59,410 ‫And this looks fine to me. 113 00:07:59,490 --> 00:08:01,090 ‫Here, let me change the image. 114 00:08:01,510 --> 00:08:02,470 ‫Remove this one. 115 00:08:02,770 --> 00:08:08,410 ‫Click on control plus space to get this position, and I'm going to analyze blog writings. 116 00:08:09,100 --> 00:08:09,930 ‫Save this one. 117 00:08:09,970 --> 00:08:10,740 ‫Get back here. 118 00:08:13,980 --> 00:08:15,150 ‫Much better, much better. 119 00:08:16,390 --> 00:08:20,440 ‫You know, I need to add some spacing or I need to do certain changes. 120 00:08:21,370 --> 00:08:25,630 ‫So what I can do is the question I want to ask is the center? 121 00:08:25,780 --> 00:08:27,970 ‫So my image remain in center. 122 00:08:28,390 --> 00:08:34,900 ‫The second thing is I need to add some top and bottom margin so I can use my to save this one. 123 00:08:36,980 --> 00:08:37,880 ‫Looks good to me. 124 00:08:37,910 --> 00:08:38,690 ‫Get back here. 125 00:08:40,630 --> 00:08:42,410 ‫You have exactly the same way. 126 00:08:42,950 --> 00:08:50,000 ‫Why I'm adding top and bottom margins, if you right click here and if I try to squeeze it. 127 00:08:52,300 --> 00:08:57,790 ‫Now, at the time of the squeeze, I need some space, I need some space on top and bottom side. 128 00:08:58,220 --> 00:09:00,220 ‫That's where this environmental picture. 129 00:09:00,370 --> 00:09:01,720 ‫Remember this point, OK? 130 00:09:03,650 --> 00:09:09,810 ‫This looks good now, the next thing I'm going to work with this whole section, so that's all for now. 131 00:09:09,830 --> 00:09:13,070 ‫I hope you got the idea how we are going to realize this great. 132 00:09:13,520 --> 00:09:16,880 ‫And I know I am trying to run a bit faster with these lectures. 133 00:09:17,060 --> 00:09:17,510 ‫Why? 134 00:09:17,870 --> 00:09:22,820 ‫Because we already know this as we are just trying to repeat it with the help of bootstrap. 135 00:09:23,480 --> 00:09:24,820 ‫So that's all for this lecture. 136 00:09:24,830 --> 00:09:27,170 ‫Let us continue our journey in the next one.