1 00:00:00,680 --> 00:00:05,330 So now what we need to do is that we need to work on the next section and in the next section I'm going 2 00:00:05,330 --> 00:00:06,650 to display the issues. 3 00:00:07,220 --> 00:00:10,900 Therefore, the section is going to be similar to the clocks. 4 00:00:10,910 --> 00:00:16,190 Therefore, I'm going to copy the clocks here and then I'm going to create here and U.S.. 5 00:00:17,440 --> 00:00:18,280 You're going to say? 6 00:00:20,020 --> 00:00:20,650 Shoes. 7 00:00:22,700 --> 00:00:23,900 And then I'm going to face the goods. 8 00:00:24,800 --> 00:00:25,550 However. 9 00:00:26,600 --> 00:00:30,140 However, there will be things there will be a few things different. 10 00:00:31,400 --> 00:00:36,720 First, I'm going to hear, see instead of dresses and God. 11 00:00:36,770 --> 00:00:37,610 So I'm going to say here. 12 00:00:39,500 --> 00:00:39,880 Shoot. 13 00:00:41,450 --> 00:00:45,280 And then here, I'm going to say you can check out The Amazing Shoes. 14 00:00:49,300 --> 00:00:56,040 And here are the images we have here, the same images we need to replace these images with visuals. 15 00:00:56,050 --> 00:00:57,130 So you have these images. 16 00:00:57,850 --> 00:00:58,750 I have these images. 17 00:00:58,750 --> 00:01:00,190 So I'm going to add them to my project. 18 00:01:00,850 --> 00:01:04,720 So what I'm going to do is that I'm going to track these four images. 19 00:01:05,290 --> 00:01:05,800 One. 20 00:01:06,910 --> 00:01:10,540 And I'm going to drop drop them on the onto the image. 21 00:01:22,830 --> 00:01:24,360 So we have these four images. 22 00:01:24,360 --> 00:01:25,680 We have these four images. 23 00:01:26,310 --> 00:01:31,260 And let me now let me save let me click here on file. 24 00:01:34,040 --> 00:01:36,380 And then save all and let's test that in the browser. 25 00:01:37,190 --> 00:01:38,930 So in the browser now we got refresh. 26 00:01:39,560 --> 00:01:43,580 We should have a new section shows and here we have a problem. 27 00:01:44,060 --> 00:01:47,550 The problem is that I need to change the name of the image. 28 00:01:47,590 --> 00:01:50,300 So here in the issues we need to say here. 29 00:01:52,440 --> 00:01:53,250 Choose one. 30 00:01:54,280 --> 00:01:54,880 I mean, you're. 31 00:01:56,050 --> 00:01:56,950 Who's to? 32 00:01:58,330 --> 00:01:58,850 And then. 33 00:01:58,910 --> 00:02:01,590 And then here to three. 34 00:02:02,440 --> 00:02:03,490 And then finally. 35 00:02:04,240 --> 00:02:05,050 Shoes for. 36 00:02:07,780 --> 00:02:10,570 Now let me save and test one more time. 37 00:02:11,380 --> 00:02:17,500 And now, as you can see, we will have the issues being displayed here and they look amazing. 38 00:02:19,390 --> 00:02:23,530 So now that we are done with this section, the next section is going to be for watches. 39 00:02:24,190 --> 00:02:28,150 So what I'm going to do is that, again, I'm going to copy the same exact code because the code is 40 00:02:28,150 --> 00:02:28,960 going to be similar. 41 00:02:29,620 --> 00:02:36,130 I'm going to copy this code and then I'm going to place it here and then I'm going to here say what 42 00:02:36,460 --> 00:02:37,300 watches here. 43 00:02:37,870 --> 00:02:40,600 Let me first close this and let me. 44 00:02:43,360 --> 00:02:46,360 Kind of shift this because they want everything to be organized. 45 00:02:47,290 --> 00:02:48,730 Here I'm going to say watches. 46 00:02:51,170 --> 00:02:53,090 And therefore this watch section. 47 00:02:53,570 --> 00:02:55,670 First, we need to change the ID. 48 00:02:55,790 --> 00:02:57,590 So the idea here is going to be watches. 49 00:02:59,460 --> 00:03:02,090 And by the way, the ID for the shoes. 50 00:03:02,210 --> 00:03:03,180 It must be shoes. 51 00:03:04,440 --> 00:03:05,750 The idea here must be shoes. 52 00:03:06,630 --> 00:03:07,740 Here it is. 53 00:03:07,740 --> 00:03:08,250 Watches. 54 00:03:08,760 --> 00:03:09,930 And then here I'm going to say. 55 00:03:10,920 --> 00:03:12,180 I'm going to say for the watches. 56 00:03:12,180 --> 00:03:13,000 I'm going to say this. 57 00:03:14,680 --> 00:03:15,070 What? 58 00:03:31,740 --> 00:03:33,210 And I'm going to change the text here. 59 00:03:33,930 --> 00:03:38,340 And lastly, I'm going to add the watches. 60 00:03:38,340 --> 00:03:41,610 So I have here again, I have these images for images. 61 00:03:41,620 --> 00:03:45,510 I'm going to drag them and drop them on to the images folder. 62 00:03:45,900 --> 00:03:48,180 So I'm going to drag these four images here. 63 00:03:48,900 --> 00:03:49,440 One. 64 00:03:50,410 --> 00:03:58,030 And then I'm going to drop them one, two, three and four and make sure that you are adding them into 65 00:03:58,030 --> 00:03:59,160 the images folder. 66 00:03:59,170 --> 00:04:03,880 Make sure that they have been added to the images folder. 67 00:04:04,960 --> 00:04:07,840 Finally, we need to change the names of the images. 68 00:04:08,980 --> 00:04:15,700 So in order to do that, we just need to say for the images, for the watches section, we need to say 69 00:04:17,140 --> 00:04:20,710 watch one and then. 70 00:04:22,030 --> 00:04:23,530 Watch to. 71 00:04:24,690 --> 00:04:29,640 And then watch three and watch four. 72 00:04:30,390 --> 00:04:31,140 Watch. 73 00:04:32,300 --> 00:04:33,800 For now. 74 00:04:33,800 --> 00:04:35,180 Let me save and let's this. 75 00:04:37,470 --> 00:04:39,570 So now we should have the all of their watches. 76 00:04:40,050 --> 00:04:43,500 So as you can see, we have here all of these watches. 77 00:04:45,320 --> 00:04:47,780 However, I think this is too large. 78 00:04:48,320 --> 00:04:53,600 Therefore, I'm going to replace this image with the way the one of the images that they already have. 79 00:04:53,840 --> 00:04:58,580 Let's let's replace it with one, because I think the image itself is too large. 80 00:04:59,690 --> 00:05:01,640 So here it's going to look like this. 81 00:05:01,730 --> 00:05:02,920 It's important, by the way. 82 00:05:02,930 --> 00:05:09,740 It's important to select images that have the same size, because if you select images that are different 83 00:05:09,740 --> 00:05:13,760 in terms of the size, they could take much bigger space. 84 00:05:13,770 --> 00:05:17,630 And the the website is not going to be consistent. 85 00:05:18,170 --> 00:05:23,960 However you can you can edit the width and height of of the images using scissors. 86 00:05:24,320 --> 00:05:30,620 However, some images would have a better resolution than others. 87 00:05:30,620 --> 00:05:32,150 And I don't want I don't want that. 88 00:05:32,540 --> 00:05:37,400 Therefore, it's important to select images that already have same sizes. 89 00:05:37,790 --> 00:05:39,350 So this is for the best. 90 00:05:39,650 --> 00:05:40,940 This is for the watching section. 91 00:05:41,870 --> 00:05:43,640 And here we have the issues section. 92 00:05:43,640 --> 00:05:47,180 So now we are done with the content, with the main content of the website.