Yarrow Watts Portfolio Website

Project Description

This project is a multi-page personal portfolio website created for a code-along assignment. The site introduces me (Yarrow Watts), an accessible UX designer, Human Systems Engineering student, digital strategist, and published cartoonist.

The website uses semantic HTML, mobile-first CSS styling, relative navigation links, custom brand colors and a custom logo, SVG icons, Google Fonts, and a consistent visual identity.

Pages Included

• Home: index.html
• About: about.html
• Projects: projects.html
• Resume: resume.html
• Work With Me: contact.html

Design Notes

The site includes:

• A shared navigation menu on every page
• Relative links between all pages
• Mobile-first CSS
• A styles.css stylesheet with color palette and comments
• A muted olive, cream, and acid green color palette
• A media query for larger screen layouts
• Poppins from Google Fonts
• SVG icons

Project Structure

Watts-Portfolio/ ├── index.html ├── about.html ├── projects.html ├── resume.html ├── contact.html ├── styles.css ├── README.md └── images/ └── icons/

Published Website URL

https://yarrowwatts.github.io/Watts-Portfolio/