1
00:00:02,080 --> 00:00:05,430
Now to conclude this course section,

2
00:00:05,430 --> 00:00:09,300
I'll again organize my files a bit differently,

3
00:00:09,300 --> 00:00:12,420
though, of course, for a very simple project like this,

4
00:00:12,420 --> 00:00:16,090
keeping them all in one folder would be absolutely fine,

5
00:00:16,090 --> 00:00:19,650
but to practice the file organization again already,

6
00:00:19,650 --> 00:00:23,100
I will create some subfolders in that project,

7
00:00:23,100 --> 00:00:25,133
and I'll add a images subfolder,

8
00:00:26,980 --> 00:00:30,763
and I'll add a styles subfolder here.

9
00:00:31,640 --> 00:00:34,623
And I'll also add PDFs subfolder,

10
00:00:36,040 --> 00:00:39,970
though all those subfolder names are up to you.

11
00:00:39,970 --> 00:00:43,400
And then I'll just drag the PDF file into the PDFs folder,

12
00:00:43,400 --> 00:00:45,070
the image into the images folder

13
00:00:45,070 --> 00:00:48,490
and styles.css into the styles folder.

14
00:00:48,490 --> 00:00:51,310
And yes, we can argue if that makes sense

15
00:00:51,310 --> 00:00:54,320
since we only have one file per folder now,

16
00:00:54,320 --> 00:00:58,650
but having such an organization in general is a good idea

17
00:00:58,650 --> 00:01:00,950
to keep your project organized

18
00:01:00,950 --> 00:01:05,522
and to help you as a developer quickly find your files.

19
00:01:06,440 --> 00:01:08,330
Now in the index.html file,

20
00:01:08,330 --> 00:01:11,750
we just need to adjust all those ref paths

21
00:01:11,750 --> 00:01:13,820
and those sources.

22
00:01:13,820 --> 00:01:16,770
And here, for example, for styles.css,

23
00:01:16,770 --> 00:01:21,130
now the full link to that file is that we first of all

24
00:01:21,130 --> 00:01:22,780
go into the styles folder

25
00:01:22,780 --> 00:01:25,520
and then we take the styles.css file in there.

26
00:01:25,520 --> 00:01:29,050
So we have styles, the folder name slash

27
00:01:29,050 --> 00:01:32,760
and then the filename in that folder.

28
00:01:32,760 --> 00:01:37,760
And for this image, it's the same, it's images/html-css-png

29
00:01:38,180 --> 00:01:41,850
and it's the same for to PDF document at the bottom.

30
00:01:41,850 --> 00:01:46,850
Here, we also have pdfs/html-css-basics-summary.pdf.

31
00:01:49,940 --> 00:01:51,533
But with that, it all works again,

32
00:01:51,533 --> 00:01:56,533
viewing that PDF also works and that's looking good.