1 00:00:00,210 --> 00:00:07,320 OK, and now we will design for the app, help us, we can make the screen Lagat from here. 2 00:00:08,040 --> 00:00:10,140 Uh, sorry, not this one. 3 00:00:11,160 --> 00:00:21,000 We can scroll right here and make this one larger again because we want to make it all for the same 4 00:00:21,000 --> 00:00:21,420 page. 5 00:00:22,140 --> 00:00:23,670 OK, I think that's enough. 6 00:00:25,260 --> 00:00:27,830 And after this part, we can start from here. 7 00:00:28,620 --> 00:00:34,190 And then the first thing we will add here or to think about we will do the same. 8 00:00:34,200 --> 00:00:36,960 We will do for the text and the image. 9 00:00:37,320 --> 00:00:40,890 We will divide the page into two columns of one row. 10 00:00:41,280 --> 00:00:43,410 The same columns are equals. 11 00:00:43,950 --> 00:00:49,110 We can go here and text this one to be here. 12 00:00:49,110 --> 00:00:52,610 We can scroll up so we can see the distance. 13 00:00:53,070 --> 00:00:58,530 I think the distance can be can start from, uh, yes. 14 00:00:58,530 --> 00:01:00,030 Here, OK, from here. 15 00:01:00,870 --> 00:01:04,530 And then here we can make the font size of eighteen. 16 00:01:05,040 --> 00:01:07,380 We can type here again, 17 00:01:10,380 --> 00:01:11,780 something like that. 18 00:01:12,070 --> 00:01:21,360 So and then after this part we can add more text, we can click here and again and then each side we 19 00:01:21,360 --> 00:01:34,890 can choose thirty two and then side we can use that paragraph for the info, we can print the line to 20 00:01:34,890 --> 00:01:39,060 be taking just the 50 percent and add to the part. 21 00:01:39,270 --> 00:01:49,260 What we can do is to add that Putin so we can just go here, click on the shape caret I put in right 22 00:01:49,260 --> 00:01:56,130 here, this is enough and then we can click on type and type of text inside. 23 00:01:56,570 --> 00:02:02,880 This could be check our thumb and we can make the font here. 24 00:02:03,030 --> 00:02:03,920 Twenty eight. 25 00:02:03,930 --> 00:02:05,670 No twenty four. 26 00:02:05,850 --> 00:02:06,390 Twenty four. 27 00:02:06,390 --> 00:02:06,870 Which good. 28 00:02:09,000 --> 00:02:12,270 This will be better encoding after this part. 29 00:02:12,450 --> 00:02:18,150 What we can do, we will add an image right here so we can click on the Wetangula. 30 00:02:19,930 --> 00:02:31,360 And I think we will start from here, it's OK and then imagine and we can Phillipi No, no, we can 31 00:02:31,360 --> 00:02:38,200 go back to the white OK, we can fill now with the orange. 32 00:02:38,440 --> 00:02:39,460 OK, that's good. 33 00:02:39,700 --> 00:02:47,050 And this is for now the that we can just add to something like draw. 34 00:02:49,180 --> 00:02:51,910 We can add the line here so we can separate between them. 35 00:02:52,330 --> 00:03:00,850 After this part we can add on another line and here we can draw for the value section. 36 00:03:01,180 --> 00:03:09,130 The first thing for the values we can click on the type we will add here, the same as here and then 37 00:03:09,430 --> 00:03:10,900 we can click on that. 38 00:03:11,410 --> 00:03:17,150 No, sorry, we can click on type and then we can start it from here. 39 00:03:17,590 --> 00:03:26,440 This to be center and then our values, we can make this one to be having eighteen and then try to be 40 00:03:26,450 --> 00:03:27,070 centered. 41 00:03:27,790 --> 00:03:31,060 We can scroll down, make the screen larger. 42 00:03:33,610 --> 00:03:41,800 Again, I think we will need more, but it's OK right now at this part, we will add a header right 43 00:03:41,800 --> 00:03:42,130 here. 44 00:03:42,430 --> 00:03:50,350 We can click on the type of we can make start from here, make this one to be thirty six. 45 00:03:50,830 --> 00:04:02,740 And then here we can type the header for values and we will try to make this centered, this part. 46 00:04:02,860 --> 00:04:11,530 What we will do, we will add four sections here for the same as here where this one sorry. 47 00:04:11,620 --> 00:04:12,490 Three columns. 48 00:04:12,520 --> 00:04:13,000 This one. 49 00:04:13,000 --> 00:04:14,110 This one, this one. 50 00:04:14,410 --> 00:04:16,270 And also this one. 51 00:04:16,570 --> 00:04:22,780 I chose to show you this right now so you can think about when you are creating a website. 52 00:04:23,080 --> 00:04:27,910 And then here to make this part, we can just add a rectangle. 53 00:04:31,340 --> 00:04:37,790 It's difficult to make them all the same in width and height, but we are just learning right now, 54 00:04:37,970 --> 00:04:46,650 as you can see here, for the design, they are equal in height and which we can go here create. 55 00:04:46,680 --> 00:04:48,440 And another one from here. 56 00:04:50,690 --> 00:04:52,190 And the last one. 57 00:04:55,480 --> 00:05:03,510 Let's imagine that they are all having the same width and height at the part, we will add three images. 58 00:05:03,760 --> 00:05:08,230 We can go to the rectangle again and an image right here. 59 00:05:09,010 --> 00:05:12,270 We can Phillipi know what? 60 00:05:13,120 --> 00:05:23,860 We can feel it by the red color and then we can create in the rectangle from the shape to be having 61 00:05:23,860 --> 00:05:24,390 orange. 62 00:05:24,850 --> 00:05:29,080 We can make it start from here and again. 63 00:05:30,400 --> 00:05:34,160 And that to this part, we can choose the right color based. 64 00:05:34,540 --> 00:05:38,080 And number three for the film here and here. 65 00:05:38,830 --> 00:05:41,110 OK, this could add to this part. 66 00:05:41,350 --> 00:05:42,850 We will add some text. 67 00:05:43,120 --> 00:05:46,720 We can go here to get type from here 68 00:05:52,270 --> 00:06:00,790 and we can make this to be for the thirty to this will be having the font type of italic for our Web 69 00:06:00,790 --> 00:06:01,210 page. 70 00:06:01,540 --> 00:06:05,960 This could be centered and then we can add on another text right here. 71 00:06:06,670 --> 00:06:08,470 This to be having eighteen. 72 00:06:11,410 --> 00:06:12,210 Eighteen. 73 00:06:12,460 --> 00:06:26,280 OK, and then sign here again the text for the card and then we can make it right here. 74 00:06:26,530 --> 00:06:32,290 We don't need to apply the rest because we will do the same after this part right here. 75 00:06:32,300 --> 00:06:38,890 As you can see, we will design for cards which are containing icons and text. 76 00:06:39,370 --> 00:06:40,840 We can go here. 77 00:06:42,300 --> 00:06:48,550 We can now add for this part here, we can add the first rectangle from here. 78 00:06:48,550 --> 00:06:50,950 That's a rectangle like that. 79 00:06:51,730 --> 00:06:54,430 They will not be the same for the width right here. 80 00:06:57,300 --> 00:07:03,360 OK, they are not the same, but it's OK right now for the website, they will be the same in width 81 00:07:03,660 --> 00:07:12,540 and height and for the icon, we can get the shape into the circle here. 82 00:07:14,550 --> 00:07:24,350 No, we can apply just for one of them, we can meet here and then we can at Tuxpan inside here two, 83 00:07:24,480 --> 00:07:32,040 three, two, and make it smaller 14 and we can make decentered. 84 00:07:32,610 --> 00:07:39,060 This will be the same for the website Buddhistic right now, and the rest will be having the same the 85 00:07:39,060 --> 00:07:39,990 same properties. 86 00:07:40,410 --> 00:07:41,910 And now that's screwed. 87 00:07:42,270 --> 00:07:47,150 In the next video we would we can add for the features section. 88 00:07:47,580 --> 00:07:49,380 So good luck and have fun.