In this exercise we work to create a simple portfolio with html and css. We will not be using any bundle tool like Parcel, webpack or Rollup. Therefore, the code will be structure in plain CSS but in different files. We did this to keep it organized so it is easier to maintain than one large file.

This is a summary of the folder structure 📂.

index.html
projects.html
404.html
500.html
├───css
└───images
    ├───carousel
    ├───docs
    ├───error
    ├───header
    └───projects

We separated each component in a different css file. This will be useful if we want to migrate to a framework like React. We also separate the iamges in different folders.

You have to clone this repository

git clone [email protected]:KeepCodingWeb14/html-css-practica.git

And use and local server app like live server to run the index.html in localhost.

We decided to create a portfolio for Shin Chan. You could take a look to the project deployed with Github pages here 🚀.