Build a small personal portfolio page that demonstrates your creative style.
-
Fork and clone this repository.
-
Navigate to the
settings
tab on GitHub, then choosePages
from the menu. Configure theBuild and Deployment
to have aSource
ofDeploy from a branch
and select themain
branch for deployment. Deployments can take a few minutes, so get started on the lab, and then be sure to check the deployment after you have made a few commits. -
Open up the repository in VSCode. Follow the instructions below to complete the Lab.
Use the given index.html
as a starting point for your portfolio. You can choose this lab to be just practice or you can think of it as the launching point for your own personal portfolio that you can continue to work on.
Set aside some time to draw some wireframes, choose some colors and plan some other ideas before beginning.
Please keep the following components and update the details to match you:
- header
- main
- About me section
- Projects section
- footer
- links
Feel free to add, move, or remove the other components.
Make sure you complete the following tasks
- Choose a cohesive color theme and be sure to apply it.
- Create a layout and apply it to your page.
- Replace placeholder text with your own text.
- Add at least one new font.
- Change the background color in at least one place.
- Change the font color in at least one place.
- Change the default styling of link tags.
- Change the default styling of the unordered lists.
- Add at least one image.
- Add at least one icon.
- Add a favicon.
- Add a CSS animation.
- Update the logos for LinkedIn and Github to be an appropriate size and layout.
- Keep going and make this page fully your own.
Feeling uninspired? Here are some sample portfolios:
- https://dunks1980.com
- https://itssharl.ee/fr
- https://p5aholic.me
- https://bruno-simon.com
- The full list of 25 from hostinger
You can also google "Web Developer Portfolios" to find even more.