WEBVTT 00:00.690 --> 00:04.550 Hello again fellow student I'm really glad to have you here. 00:04.590 --> 00:10.800 I'm really happy to have you back to a brand new Banus lecture where we are actually starting off a 00:10.800 --> 00:16.440 brand new cool short design that is practiced in the real world. 00:16.470 --> 00:23.220 So I have prepared for you a folder called advanced project that you will be building throughout this 00:23.240 --> 00:25.870 next bonus lectures. 00:26.130 --> 00:26.930 Of course. 00:26.940 --> 00:33.930 And the first one of the series is the first lecture is showcasing what we will be building throughout 00:33.930 --> 00:37.010 these short Bonnat series. 00:37.020 --> 00:44.100 So if you open up the advanced project files that we will be added as a zip file as a project files 00:44.100 --> 00:49.400 to this lecture and if you open up the final B D file. 00:49.530 --> 00:51.410 Let's see what is inside of here. 00:51.630 --> 00:57.930 Well this is a really short example here that we will be building throughout this bonus lectures. 00:57.930 --> 01:03.810 But what's good about this is it has pretty complicated looking stuff here. 01:03.820 --> 01:07.170 And remember this has to be also responsive. 01:07.240 --> 01:13.800 Right so it has pretty complicated stuff and if we zoom in and we can see those for example we can see 01:13.800 --> 01:21.220 that these reburn here or this red stripe goes outside of the content Holder. 01:21.270 --> 01:23.070 We haven't talked about this yet. 01:23.160 --> 01:26.550 We didn't meet with such a scenario yet. 01:26.550 --> 01:35.400 And even more than that this as you can see is black triangles are here making the illusion that this 01:35.400 --> 01:38.850 is a rebel style heading here. 01:38.850 --> 01:44.580 How can we create photos in HD M-L that is pretty confusing as of now. 01:44.630 --> 01:51.780 Also this guy here we can see that his head is going beyond the red rectangle here. 01:51.780 --> 01:53.920 How is this done. 01:53.970 --> 02:02.280 Continuing on we have these random arrow that is appearing and it's actually inside both of these sections 02:02.280 --> 02:02.520 here. 02:02.520 --> 02:03.680 So inside this. 02:03.720 --> 02:08.250 And it's inside of this as you can see it's in the middle of those. 02:08.280 --> 02:09.680 How can we do that. 02:10.640 --> 02:18.160 If we go down we can see that this picture is slightly rotated and it's going again outside of the screen. 02:18.440 --> 02:19.910 But everything looks fine. 02:19.910 --> 02:26.420 One more thing is that this stripe here which has me John down is the name of that guy but it has an 02:26.430 --> 02:28.200 interesting thing. 02:28.240 --> 02:31.310 It is half cut piece. 02:31.310 --> 02:32.470 That looks pretty neat. 02:32.470 --> 02:36.130 But the thing is that we will not be doing this with an image. 02:36.350 --> 02:40.970 I will be doing this with your CSSA in the following lectures. 02:41.060 --> 02:43.610 So you might want to stick to that. 02:43.640 --> 02:52.130 And also at the bottom here we can see that these footer has again big green color which goes outside 02:52.190 --> 02:53.770 of the screen holder. 02:54.170 --> 03:00.770 If you remember from my earlier lesson's screen Holder is basically this holder here that holds the 03:02.650 --> 03:03.820 content the text. 03:03.840 --> 03:05.750 And this goes outside of that. 03:05.770 --> 03:14.740 Well this has this this may be a short funnel but it has plenty of features it has plenty of small little 03:14.740 --> 03:21.620 things that you need to know in order to get going as a career as a web designer. 03:21.640 --> 03:26.430 These are problems that you face during your real world career. 03:26.560 --> 03:30.990 These kind of projects will come along to you and you should know how to handle them. 03:31.120 --> 03:38.020 So this web site creation will feature some cool little tricks that I've shown you in this lesson. 03:38.080 --> 03:39.460 And trust me it is. 03:39.450 --> 03:41.140 They are very useful to know. 03:41.260 --> 03:46.710 This is some advanced C Ss and basic HLL. 03:46.720 --> 03:50.700 But what's more about this is the C Ss 3. 03:50.920 --> 03:56.660 So we're getting into CSSA advanced in these Bonner's lectures so make sure to stick with us. 03:56.660 --> 03:57.970 I'll see you next time.