An open API service indexing awesome lists of open source software.

https://github.com/giannifontanot/portfolio

This is my website to show my projects, and it is itself a whole project. I used PureCSS, CSS, media queries, HTML, and Javascript to build it. No pre-made templates!
https://github.com/giannifontanot/portfolio

css3 html5 javascript portfolios

Last synced: 8 months ago
JSON representation

This is my website to show my projects, and it is itself a whole project. I used PureCSS, CSS, media queries, HTML, and Javascript to build it. No pre-made templates!

Awesome Lists containing this project

README

          

![Status Stable](https://img.shields.io/badge/Status-Stable-blue)
[![MIT License](https://img.shields.io/badge/License-MIT%20License-brightgreen)](https://github.com/tterb/atomic-design-ui/blob/master/LICENSEs)
# Professional Portfolio
This is my professional portfolio to show the best of what I have done. You will find links to the actual GitHub repository for those projects and also to my resume and contact information.
## Table of Contents
- Professional Portfolio
* [Installation](#installation)
* [Usage](#usage)
* [Credits](#credits)
* [Features](#features)
* [Contributions](#contributions)
- [🔗 Links](#---links)
+ [GitHub Repository](#github-repository)
+ [Live Link](#live-link)
+ [Support](#support)
+ [Authors](#authors)
## Installation
The PureCSS library is an essential component, but on top of that, I used only normal HTML, CSS, and Javascript code.
## Usage
You can fork the project and use it for your own portfolio, it is listed under the MIT license.

![portfolio.gif](portfolio.gif)
## Credits
Following you will find the websites that helped me the most:
- [https://purecss.io/](https://purecss.io/)
- [https://css-tricks.com/solved-with-css-dropdown-menus/](https://css-tricks.com/solved-with-css-dropdown-menus/)
- [https://www.freecodecamp.org/an-animated-guide-to-flexbox](https://www.freecodecamp.org/news/an-animated-guide-to-flexbox-d280cf6afc35/)
- [https://css-tricks.com/snippets/css/a-guide-to-flexbox/](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
- [https://www.w3schools.com/cssref/css_selectors.asp](https://www.w3schools.com/cssref/css_selectors.asp)
- [http://typegoodness.com/2018/04/big-john-free-font/](https://color.adobe.com/create/image)[https://color.adobe.com/create/image)
- [https://www.labnol.org/code/20079-center-div-with-pure-css](https://www.labnol.org/code/20079-center-div-with-pure-css)
- [https://www.flexboxgame.com/](https://www.flexboxgame.com/)

## Current Features
````````````````````````
- The website is very easy to navigate.
- It is in itself a project, it was very hard to code!
- The code is made from scratch using the PureCSS library.
````````````````````````
## Future Features
````````````````````````
- I will add the projects that I am currently working on
- Users will have the opportunity to send a message right from the screen
````````````````````````
## Contributions
If you would like to contribute to this project , you are very welcome! You can fork it and later submit a pull request.
In case you need them, here are some guidelines: [Contributor Covenant](https://www.contributor-covenant.org/)
# 🔗 Links
### GitHub Repository
[https://github.com/giannifontanot/portfolio/](https://github.com/giannifontanot/portfolio/)
### Live Link
[https://giannifontanot.github.io/portfolio](https://giannifontanot.github.io/portfolio)
### Support
If you need help with this project, please write to: [giannifontanot@gmail.com](https://mailto:giannifontanot@gmail.com)
### Authors
- [@giannifontanot](https://www.github.com/giannifontanot)
- [![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://giannifontanot.github.io/portfolio/)
- [![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/gianni-fontanot/)