1 00:00:01,250 --> 00:00:07,260 In this lecture I would start reading September while for small business page to learn how to do it. 2 00:00:10,620 --> 00:00:12,720 This is the insight or framework. 3 00:00:12,730 --> 00:00:15,480 We don't know the bootstrap files from here. 4 00:00:15,770 --> 00:00:23,270 There are three virgins who strapped compile source less and most ported come less to source. 5 00:00:23,280 --> 00:00:24,620 We don't need these two. 6 00:00:24,660 --> 00:00:26,280 You just need this one. 7 00:00:26,370 --> 00:00:27,810 It's downloaded to disburden 8 00:00:34,330 --> 00:00:37,940 But this is a zip code or second work that we expected. 9 00:00:39,130 --> 00:00:45,800 And der And this is the only new clients the one is gosta 10 00:00:48,990 --> 00:00:50,200 post-trib Dortmunder. 11 00:00:50,250 --> 00:00:51,960 Yes yes. 12 00:00:52,120 --> 00:00:57,170 And the second is more step Gartman God Jesus. 13 00:00:57,190 --> 00:01:03,000 They just copy these files to simple business web page folder. 14 00:01:03,140 --> 00:01:04,020 Copy it. 15 00:01:07,500 --> 00:01:09,350 And this is just for the 16 00:01:12,420 --> 00:01:15,560 simple business hippety exporter. 17 00:01:15,720 --> 00:01:18,640 And then we need a geus file. 18 00:01:18,990 --> 00:01:19,700 Books. 19 00:01:24,960 --> 00:01:25,750 Just for that. 20 00:01:25,760 --> 00:01:36,230 This one goes for mean it can compete and movie to the simple business geus folder. 21 00:01:36,260 --> 00:01:44,640 So now we have more bullshit Prema files or latest edit into the project of an open open the biggest 22 00:01:44,640 --> 00:01:53,250 editor there to decision move this GQ writing code and start adding more stuff. 23 00:01:53,300 --> 00:01:59,520 Add the bootstraps Yesus link remission 24 00:02:02,200 --> 00:02:07,840 step she called by called the text and she assists 25 00:02:15,510 --> 00:02:17,570 and a chair. 26 00:02:18,840 --> 00:02:25,790 She insists there is a good step Dardenne endorse Jasus. 27 00:02:26,600 --> 00:02:28,290 So this is the ceaseless 28 00:02:35,160 --> 00:02:37,080 notice and the Gela script 29 00:02:39,650 --> 00:02:44,990 Z-list acquired sarky souls who genius. 30 00:02:45,420 --> 00:02:53,910 I mean a good shepherd doesn't mean God Jesus and God doesn't take the nové have added more steps to 31 00:02:54,030 --> 00:02:55,920 file and said Joe's good. 32 00:02:56,040 --> 00:02:58,880 While the member of Buscema requires. 33 00:02:59,010 --> 00:03:08,010 GQ the Lebanese which is important going the Jiko to land at liberty Indicus make use of Boucek good 34 00:03:08,010 --> 00:03:12,060 system I replace the existing Klaas's the Dibbell strapless. 35 00:03:12,110 --> 00:03:14,800 Is it a C. 36 00:03:15,270 --> 00:03:18,030 The main container will become the container. 37 00:03:18,030 --> 00:03:25,060 We have a container class in the bowl said this is the main point and we have a predefined class called 38 00:03:25,060 --> 00:03:26,440 Hole. 39 00:03:26,520 --> 00:03:30,990 This broke last extra BUSCHER framework and 40 00:03:33,690 --> 00:03:41,760 in the header section you have left column and we have tried of this apply bootstrap grade classes to 41 00:03:42,050 --> 00:03:42,460 use 42 00:03:45,010 --> 00:03:49,770 call column could mean human voices and it will occupy it. 43 00:03:49,780 --> 00:03:57,740 Columns said it columns and write say occupy column the dash corps. 44 00:03:57,900 --> 00:04:00,750 It will look like your columns. 45 00:04:00,990 --> 00:04:09,410 You have also three different classes for Bartons Lake mediant is also a predefined class in good sense. 46 00:04:09,670 --> 00:04:21,190 It's a place on Sept. pluss called Burton lake between the like between large. 47 00:04:21,460 --> 00:04:24,120 These are pre-defined classes for the Burtons 48 00:04:28,330 --> 00:04:38,700 or team notice irksome classes student in each take class in gym responsive. 49 00:04:38,800 --> 00:04:46,020 This is the class in September which will make that immediate is considered and I am Dortmunder will 50 00:04:46,030 --> 00:04:48,710 make the image on the. 51 00:04:49,010 --> 00:04:55,380 So now we have applied C SS classes to the header section UDC odyssey that is used in the browser 52 00:04:59,050 --> 00:05:03,680 team bookwork ensure it in a quorum. 53 00:05:03,850 --> 00:05:07,150 This is the main container you see bootstrap Dodman. 54 00:05:07,200 --> 00:05:16,290 Garcia says bushmeat is a lemon 70 pixel and inside the main container there is a whole and inside whole 55 00:05:19,440 --> 00:05:22,350 row is divided into each column for the image. 56 00:05:22,950 --> 00:05:32,210 And you can see the ball surplices for image responsive and image it under like image rounded has the 57 00:05:32,210 --> 00:05:39,920 radius of 6 pixels and images responsive have new blog and mix of 100 percent and height would be Arkle 58 00:05:41,150 --> 00:05:49,660 noticed move toward the other section in a play the grid system the system looking you'd fix is also 59 00:05:49,860 --> 00:05:59,780 a plus in a bootstrap and go into supplying Lincoln king of USEF system and the single rule or system 60 00:05:59,830 --> 00:06:04,180 call them separator and similarly the features section 61 00:06:08,660 --> 00:06:11,620 looking Nephi's feature section of the have three columns. 62 00:06:11,700 --> 00:06:18,710 You can divide this rule or straight into the equal columns that is doing it. 63 00:06:19,050 --> 00:06:29,270 So you need to divide it into three equal columns in a total 12 columns so you can do I need mid-line 64 00:06:29,310 --> 00:06:31,830 column EMDIN whole 65 00:06:34,460 --> 00:06:40,990 column ending whole column ending for. 66 00:06:41,400 --> 00:06:48,530 So all these three fourths hopeless for it plus you get to become puella columns. 67 00:06:48,590 --> 00:06:59,360 They're just a plain good steps yet surplices could just go look like the first one could be 18 and 68 00:06:59,360 --> 00:07:04,770 going between D-CT record. 69 00:07:05,110 --> 00:07:10,000 The copyright was a good key Britain's 70 00:07:19,730 --> 00:07:29,130 walking toward the quarter section this mean contenders will become container and the single woman become 71 00:07:30,030 --> 00:07:32,630 plural and let see. 72 00:07:32,640 --> 00:07:35,170 This will take them 73 00:07:38,050 --> 00:07:39,410 in the end. 74 00:07:39,450 --> 00:07:49,310 It will take all of the columns and you supply some ID to this because we need some painting to be able 75 00:07:49,490 --> 00:07:50,550 to see a cooker. 76 00:07:50,570 --> 00:07:53,760 You to go there to see it and see the result in a Groser 77 00:07:57,390 --> 00:08:00,100 work you know you see everything is almost 78 00:08:03,660 --> 00:08:12,480 looks like these parents are not looking fine if you check it in the Google Chrome Durocher to joaquín 79 00:08:12,930 --> 00:08:15,980 you just are writing the stylesheet. 80 00:08:16,010 --> 00:08:20,380 Constable Garcia says let's remove these. 81 00:08:20,650 --> 00:08:28,480 I think we need to remove all of this CSSA rule said because now the booster framework is taking responsibility 82 00:08:28,480 --> 00:08:32,270 of all of the system and all the burdens and that has to do it. 83 00:08:32,660 --> 00:08:42,610 We may only need to leave this year for the body section. 84 00:08:43,130 --> 00:08:49,820 I mean do you rest or see this including the between. 85 00:08:49,890 --> 00:08:53,170 Do you see it is very easy to work with. 86 00:08:53,190 --> 00:08:53,900 September 87 00:08:57,010 --> 00:09:06,400 and we need to qualify for and now it is using the ID. 88 00:09:06,920 --> 00:09:09,240 I do Quddus. 89 00:09:10,430 --> 00:09:22,940 You see it has reduced a number of assists and with the Huckle go Supreme's work you can apply in different 90 00:09:22,950 --> 00:09:26,380 classes and much more. 91 00:09:26,600 --> 00:09:33,870 Let me see evidence that is there now you know because you see everything looks green. 92 00:09:34,040 --> 00:09:43,010 Now we have removed our almost all of this style virtuousness and now the Bush era remember has the 93 00:09:43,010 --> 00:09:48,230 responsibility of all of this uses for the grid system and the burdens and for the images 94 00:09:51,300 --> 00:10:00,840 you size it and see the that for the response of our. 95 00:10:01,080 --> 00:10:09,730 Do you see how beautiful she is editing out. 96 00:10:10,000 --> 00:10:18,960 This is a very good book and using this framework you can develop responsive web sites you can show 97 00:10:18,960 --> 00:10:22,470 and show it to you on a different screen so it's like this 98 00:10:25,200 --> 00:10:26,890 and when does it look like this 99 00:10:30,180 --> 00:10:35,100 on big screen says yes look like this. 100 00:10:35,150 --> 00:10:41,000 The columns are responsive and it will really change dramatically as part of the screen size. 101 00:10:41,000 --> 00:10:45,460 So not now at this stage you are commanded to be a G.M.. 102 00:10:45,750 --> 00:10:48,850 It's the SS and the javascript and duty. 103 00:10:48,980 --> 00:10:56,740 And now you have court idea about Cremer and we have added a framework to this simple business page 104 00:10:57,200 --> 00:11:01,960 and the next section we will start building our real responsive website. 105 00:11:02,300 --> 00:11:09,130 And if you really take advantage of this simple business web page project for destructive so see you 106 00:11:09,180 --> 00:11:09,590 there. 107 00:11:09,650 --> 00:11:10,080 Thanks.