Now to conclude this course section,
I'll again organize my files a bit differently,
though, of course, for a very simple project like this,
keeping them all in one folder would be absolutely fine,
but to practice the file organization again already,
I will create some subfolders in that project,
and I'll add a images subfolder,
and I'll add a styles subfolder here.
And I'll also add PDFs subfolder,
though all those subfolder names are up to you.
And then I'll just drag the PDF file into the PDFs folder,
the image into the images folder
and styles.css into the styles folder.
And yes, we can argue if that makes sense
since we only have one file per folder now,
but having such an organization in general is a good idea
to keep your project organized
and to help you as a developer quickly find your files.
Now in the index.html file,
we just need to adjust all those ref paths
and those sources.
And here, for example, for styles.css,
now the full link to that file is that we first of all
go into the styles folder
and then we take the styles.css file in there.
So we have styles, the folder name slash
and then the filename in that folder.
And for this image, it's the same, it's images/html-css-png
and it's the same for to PDF document at the bottom.
Here, we also have pdfs/html-css-basics-summary.pdf.
But with that, it all works again,
viewing that PDF also works and that's looking good.