[https://shannon97.github.io/]
My portfolio site includes a profile picture with a biography that has the content sitting within a dropdown. My contact button is anchored to the form at the bottom of the page. The form is also set up with required fields and is actioned with Form Spree to send an email to me. My Recent Work (Projects) section is where future work will go. I have linked out to my Instagram and LinkedIn profiles with the icons in my nav area.
- At least one profile picture
- Biography (at least 100 words)
- Functional Contact Form
- "Projects" section
- Links to external sites, e.g. GitHub and LinkedIn.
I currently have 4 href links to their own html pages (no content inside apart from background, nav, and coming soon text). This is currently uploaded on GitHub pages and was pushed through using GitBash. I have used the iPhone 12 Pro size to test my responsiveness - I also did desktop first.. (sorry) and added a media query for mobile devices.
- At least 2 web pages.
- Version controlled with Git
- Deployed on GitHub pages.
- Implements responsive design principles.
- Uses semantic HTML.
I have added a pointer curser for my clickable areas when moused over. My 4 href links in my Recent Work area also change colour when hovered over.
- Different styles for active, hover and focus states.
- Include JavaScript to add some dynamic elements to your sit
image file names below title explaining image
Desktop View: desktop_view_normal
Desktop View - With Hover: desktop_view_normal
Desktop View - Form desktop_view_form
Desktop View - Form (Required Fields) desktop_view_form_requiredfields
Desktop View - Work Links (all same view) desktop_view_worklinks
Desktop View - About Me Expanded desktop_view_about_expanded
Mobile View - Top of Page mobile_page_top
Mobile View - About Me Expanded mobile_page_about_expanded
Mobile View - Bottom of Page mobile_page_bottom
Mobile View - Form (Required Fields) mobile_form_requiredfields