Personal Portfolio Website

Simple website created with HTML, CSS and JavaScript

Table of Contents

• Introduction
• Technologies
• Improvements
• Sources
• Inspiration
• Buy me a coffee

Introduction

This project was first created as a practical for the FreeCodeCamp HTML/CSS Course. It was made to solidify my knowledge of both HTML and CSS.
I then went ahead and made it more interesting by adding a bit of JavaScript. This will be a website where I can showcase all my future projects.

Technologies

Project is created with:

• HTML5 version:
• CSS version:
• JavaScript version:

Improvements

To do:

• add JavaScript to pojects so that all projects can be viewed as a slideshow
• figure out how to use both JavaScript functions for the contact form
• add more projects (duh)
• edit the tab name <title></title> ? (it still didn't change
• insert image of buy me a coffee logo
• add media query for monitors width 1000px

Sources

• Tutorial on how to submit my HTML form to Gmail & Google Sheets (https://www.youtube.com/watch?v=tqIUQyRCpBA&ab_channel=PerfectCod)
• Tutorial on how to reset form after submit button is clicked. (https://bobbyhadz.com/blog/javascript-clear-input-field-after-submit#clear-all-form-fields-after-submitting)
• Social links at the footer. (https://www.foolishdeveloper.com/2021/09/responsive-footer-design.html)

Inspiration

• The about section was inspired by (https://youtu.be/OY5ISdymgiY?t=2833)
• The projects section was inspired by
• The contact form was inspired by (https://alvarotrigo.com/blog/web-developer-portfolio-examples/)

---

Buy me a coffee

Whether you use this project, have learned something from it, or just like it, please consider supporting it by buying me a coffee, so I can dedicate more time on open-source projects like this

(https://www.buymeacoffee.com/madeletheron)