Skip to content

Latest commit

 

History

History
62 lines (32 loc) · 3.04 KB

README.md

File metadata and controls

62 lines (32 loc) · 3.04 KB

Karla Gaudet - Portfolio Task

My portfolio site

Project Requirements

Content

My portfolio project contains one profile picture as well as several other photos for design and interest purposes. Other features my portfolio contains are: an About page, Contact page, a section showing my projects and links to my instagram and linkedin public profiles.

Technical

My portfolio contains 3 web pages and deployed on Github. It implements responsive design principles and HTML semantics were used.

Bonus (optional)

Some bonus features showcased in this portfolio include a hover state (in the nav bar, buttons and all links that lead to external sites) as well as a focus state in the Contacts form fields. Other bonus features include smooth scroll, CSS creations in the way of shadow boxes (in the portfolio section) and a neon effect in the hero section's heading and in the portfolio section.

Screenshots

Mobile Views

This shows the fold images seen at the fold on mobile view)

This shows the second screen scrolled or when the arrow is clicked images seen on mobile view

This shows my portfolio section on mobile view. These lead to codepen projects when clicked.

This shows my "about" page images seen at the fold on mobile view

This shows my "about" page images seen at the arrow click - about me info on mobile view

This shows my contact page on mobile view

Table Views

This shows the homepage fold view on a tablet - Ipad pro

This shows the second fold when the arrow is clicked on homepage tablet view

This shows my portfolio section on the homepage - tablet view

This shows the first fold on the about page - tablet view

This shows the second screen shown when the arrow is clicked - about text section - tablet view

This shows my contact page on tablet view

Desktop Views

This shows my homepage fold screen desktop view

This shows the screen under fold or when the arrow is clicked - desktop view

This shows my portfolio section - desktop view

This shows my about page first fold - desktop view

This shows the screen about me text when arrow is clicked - desktop view

This shows my contact page on desktop view