Portfolio Page for DMC1401IS

https://docs.google.com/presentation/d/1ozz4zlVkbTWSF4X6L-dgo-fr_kqbj_zyiHMeS7vzRX0/edit?usp=sharing

The site is broken down into several sections;

1. Skills
2. Experience
3. Projects
4. Interests
5. Gallery
6. Contact

My intention was to try something different in html/css for each section:

• progress-bar for skills
• cards & card-deck for experience
• inline images with text for projects
• icons and formatting in interests
• a carousell for gallery
• entry fields for contact

Learning the basics of html itself was quite daunting, as I was comparing my work to professional sites that I was familiar with. It was quite a hurdle to brush off the idea that my work was not good enough and to focus on learning.

There were times where the formatting of certain sections did not work as intended, like the card-deck I wanted to use in the Work Experience section, and the Carousel in the Gallery section. A lot of trial and error was used to ensure the site displayed properly.

• https://getbootstrap.com/docs/4.3/components/progress/
• https://getbootstrap.com/docs/4.1/components/card/
• https://mdbootstrap.com/docs/jquery/javascript/carousel/
• https://getbootstrap.com/docs/4.0/content/images/
• https://getbootstrap.com/docs/4.0/components/carousel/
• https://www.w3schools.com/bootstrap4/bootstrap_colors.asp

github link
heroku link