1 00:00:01,120 --> 00:00:07,500 In this lecture I will be building the about us section I would be writing only the 20:00 markup for 2 00:00:07,710 --> 00:00:10,370 about a section. 3 00:00:10,540 --> 00:00:16,140 This is the way to frame the Abodh a section you can see the big heading on the top and then add a graph 4 00:00:16,660 --> 00:00:23,830 on the lips say it is a big image of iPhone and on that I'd say there are some subtitles with a paragraph 5 00:00:24,220 --> 00:00:27,930 and icons on the left for the subtitles. 6 00:00:28,750 --> 00:00:30,440 And this will be the final version. 7 00:00:30,600 --> 00:00:35,170 After playing this you assist to about a section that does get started. 8 00:00:35,820 --> 00:00:37,980 OK I will start ending. 9 00:00:38,160 --> 00:00:43,820 In marker for the about us section. 10 00:00:46,500 --> 00:00:47,650 It will be a section 11 00:00:50,920 --> 00:00:58,170 and inside section we need to add more stress strap container. 12 00:01:00,640 --> 00:01:09,250 And inside the container do we need to do class or Wallstrip 13 00:01:13,660 --> 00:01:14,200 and 14 00:01:18,120 --> 00:01:18,860 liveness ed 15 00:01:22,970 --> 00:01:27,650 class for the title section. 16 00:01:27,980 --> 00:01:39,900 It could be column Dan the MDA then and be offset. 17 00:01:40,000 --> 00:01:47,100 Call them offset gwon. 18 00:01:47,550 --> 00:01:57,570 This is a virtual call them and show you how this will be rendered Akeem 19 00:02:00,800 --> 00:02:06,500 about US title and description 20 00:02:10,320 --> 00:02:11,570 do. 21 00:02:11,660 --> 00:02:18,990 Last section title and inside. 22 00:02:19,070 --> 00:02:29,160 I will add it to adding a call us and you have to save some lives some dummy ticks 23 00:02:35,080 --> 00:02:36,410 hold of the pedigree or 24 00:02:42,440 --> 00:02:45,080 there to see the desert in the bowels of this exchange. 25 00:02:45,090 --> 00:02:45,510 Marco 26 00:02:48,690 --> 00:02:51,600 Akeem didn't show it to you. 27 00:02:55,520 --> 00:02:59,060 A column cleared off the Gaucher framework. 28 00:02:59,120 --> 00:03:01,920 You see this is a container of the bootstrap. 29 00:03:02,210 --> 00:03:04,500 And this is the row clause from the bootstraps. 30 00:03:04,550 --> 00:03:08,390 And I have used only 10 columns from the 12. 31 00:03:08,810 --> 00:03:16,220 And this is a column or circle with one see this margin on the left side. 32 00:03:17,530 --> 00:03:22,900 So it could use some Vittal columns the column empty should will create one vidual column on the left 33 00:03:22,900 --> 00:03:23,480 side. 34 00:03:24,680 --> 00:03:32,240 So you can push it and you can center align the row on the page. 35 00:03:32,550 --> 00:03:33,920 And moving forward. 36 00:03:40,440 --> 00:03:49,920 I will read for choose us card. 37 00:03:51,340 --> 00:03:54,540 And inside get keyed in 38 00:04:01,590 --> 00:04:03,420 and inside the container 39 00:04:07,620 --> 00:04:19,390 and do class for room and inside the room I divide roll into 40 00:04:21,950 --> 00:04:25,030 six columns. 41 00:04:25,040 --> 00:04:30,350 Class or column ending. 42 00:04:30,880 --> 00:04:31,760 There's six 43 00:04:35,020 --> 00:04:38,890 insight that I read about 44 00:04:44,230 --> 00:04:45,160 gold iphone 45 00:04:51,640 --> 00:04:54,310 about iPhone 46 00:04:57,560 --> 00:05:01,060 and say you and image goes 47 00:05:06,260 --> 00:05:08,670 it could be a quote. 48 00:05:08,970 --> 00:05:19,530 You can go beyond just one and connect with the iPhone there to see it. 49 00:05:19,570 --> 00:05:30,770 And there are six columns. 50 00:05:31,600 --> 00:05:42,650 Call them in the dash six these two will become quelque columns this ad Markoe for this one 51 00:05:45,500 --> 00:05:50,120 this is for why Crucis 52 00:06:08,180 --> 00:06:09,630 choose Stayton 53 00:06:13,100 --> 00:06:22,360 and inside Degel and add heading home why choose Herse 54 00:06:26,130 --> 00:06:29,710 and IRFs some licks some content. 55 00:06:32,150 --> 00:06:32,780 On here 56 00:06:37,030 --> 00:06:39,870 card of the day. 57 00:06:41,100 --> 00:06:45,310 And some of their description way. 58 00:06:46,440 --> 00:06:51,700 Choose us description. 59 00:06:56,770 --> 00:07:00,910 Jew plus description 60 00:07:04,950 --> 00:07:10,450 and inside it we need to like. 61 00:07:12,000 --> 00:07:23,190 Choose us item one and this will be Clauss choose us 62 00:07:28,320 --> 00:07:33,530 and say Dad let us because the fort. 63 00:07:33,570 --> 00:07:49,560 Awesome I can choose as I am I can and do edged in save the really meant and the claws for the element 64 00:07:49,560 --> 00:07:53,240 would be claws. 65 00:07:54,410 --> 00:07:57,480 And court or some Desch cord 66 00:07:59,670 --> 00:08:02,990 and Hawker's. 67 00:08:03,030 --> 00:08:05,710 I knew the title and description for this Haken 68 00:08:11,010 --> 00:08:12,730 said command post. 69 00:08:13,150 --> 00:08:21,080 This item type 2 and description. 70 00:08:23,460 --> 00:08:25,000 That's that. 71 00:08:26,220 --> 00:08:30,790 And that data would be nice 72 00:08:34,850 --> 00:08:39,550 and the description would be. 73 00:08:39,640 --> 00:08:41,440 This is just our content. 74 00:08:45,320 --> 00:08:49,300 Bizjet are to see that observed in the Groser 75 00:08:54,920 --> 00:09:06,340 or Kiem we have image on the left side and on the road side we have the subtotal and also the list Equant 76 00:09:06,350 --> 00:09:08,710 is not showing. 77 00:09:08,920 --> 00:09:15,500 It must be the who Satan. 78 00:09:15,580 --> 00:09:19,100 It is a do so. 79 00:09:19,530 --> 00:09:26,990 It is not taken just maybe it is not. 80 00:09:27,660 --> 00:09:29,870 Maybe the color is white. 81 00:09:29,890 --> 00:09:31,580 We check on this. 82 00:09:31,980 --> 00:09:33,970 OK you have a problem with the last name. 83 00:09:33,980 --> 00:09:36,520 Let me fix it. 84 00:09:36,690 --> 00:09:38,980 Here is the problem. 85 00:09:39,030 --> 00:09:42,240 Just to remove this thing. 86 00:09:45,200 --> 00:09:47,850 Not know that I can is there. 87 00:09:48,250 --> 00:09:52,420 So let's copy this choose us item do for the next two 88 00:09:56,580 --> 00:10:10,330 items or each piece teach for the second one and the Iken should call the second one who should be called 89 00:10:10,560 --> 00:10:10,950 Hong 90 00:10:14,040 --> 00:10:20,170 Kong and the title for this would be this 91 00:10:23,010 --> 00:10:29,580 it is a total and it is the sum 92 00:10:41,550 --> 00:10:43,550 it can be used for the code. 93 00:10:43,570 --> 00:10:44,000 Ida 94 00:10:49,280 --> 00:10:57,930 Kerr and I can be Flugge dash or 95 00:11:03,800 --> 00:11:16,920 this will be heading to the Chordata and this is contained for this section. 96 00:11:17,210 --> 00:11:19,810 Let's see that is it in a browser. 97 00:11:20,240 --> 00:11:22,110 It would close this. 98 00:11:22,110 --> 00:11:32,460 So now we have the top section for the voters and we have the section 4 way to this. 99 00:11:32,570 --> 00:11:39,730 Let me show you the grid system for this section and use it as a stripper. 100 00:11:39,880 --> 00:11:43,730 And then there is a continuing say boot from the boot strap. 101 00:11:43,930 --> 00:11:44,510 Why. 102 00:11:44,740 --> 00:11:46,720 And then there is it all inside the mean contain. 103 00:11:46,740 --> 00:11:50,060 I mean Christine it is do what you can to columns on the left side. 104 00:11:50,200 --> 00:11:53,280 We have six columns and on the right side we have six column. 105 00:11:53,560 --> 00:12:01,840 And inside the twos us on the right side we have top heading and description. 106 00:12:02,020 --> 00:12:04,510 And then we have a list of items. 107 00:12:06,000 --> 00:12:12,020 So I think at this stage everything looks fine in the looks and picture in the next picture if you will 108 00:12:12,200 --> 00:12:14,310 play the CSSA to the supporters section. 109 00:12:14,320 --> 00:12:22,190 But before I move forward to the next lecture I think the image of Ivan on the header section is taking 110 00:12:22,190 --> 00:12:23,560 too much space. 111 00:12:23,580 --> 00:12:38,190 There is also Fix-It in the horror section you're using for columns for the image of the city who plays 112 00:12:38,190 --> 00:12:53,870 this column and with some offset columns of column column M.D off sick of one you show you the reason 113 00:12:54,590 --> 00:12:59,150 I would appreciate and not it looks fine. 114 00:12:59,160 --> 00:13:01,860 I was taking the column snark for columnists 115 00:13:04,600 --> 00:13:12,380 you see the offset of one column on that I'd say the orange bar. 116 00:13:12,510 --> 00:13:18,850 So it is pushing Ifan image an image is taking the three columns instead of four columns. 117 00:13:18,850 --> 00:13:20,210 Now it looks fine. 118 00:13:23,380 --> 00:13:25,600 Bucci the big image is fixed 119 00:13:29,210 --> 00:13:36,720 in this section with rude Steimle Marco for a vote a section in the next election will be ading s.c.s 120 00:13:37,090 --> 00:13:39,010 news about a section Sudheer.