# Riley Watson - Portfolio Website

Personal portfolio website showcasing professional experience, projects, and blog posts.

## Overview

Modern, responsive portfolio built with HTML5, CSS3, and vanilla JavaScript. Features a clean dark theme with blue accents and optimized layouts across all device sizes.

## Features

- **Responsive Design**: 5 distinct breakpoints optimized for all screen sizes
  - Desktop (1250px+): Sidebar navigation with floating content cards
  - Tablet Large (1024-1249px): Vertical layout with collapsible profile
  - Tablet (768-1023px): 2x2 contact grid with bottom navigation dock
  - Mobile Large (580-767px): Single column layout with bottom navigation
  - Mobile (≤579px): Fully scalable responsive design

- **Modern UI Elements**:
  - Collapsible sidebar profile with smooth transitions
  - Fixed bottom navigation dock on mobile/tablet
  - Smooth page transitions and animations
  - Glassmorphism effects on navigation

- **Content Sections**:
  - About: Professional summary and services
  - Resume: Education and experience timeline
  - Portfolio: Project showcase with filtering
  - Blog: Articles and posts
  - Contact: Get in touch form

## Technologies

- HTML5 with semantic markup
- CSS3 with custom properties and flexbox/grid layouts
- Vanilla JavaScript for interactivity
- Font Awesome 6.4.0 for icons
- Google Fonts (Poppins)

## Development

The site uses a component-based structure with organized CSS breakpoints for maintainability. All styling is contained in a single CSS file with clearly defined sections.

## Deployment

Live site: [randomrileywat.github.io](https://randomrileywat.github.io)

Hosted on GitHub Pages, automatically deployed from the main branch.

## Credits

- Font Awesome (fontawesome.io)
- Google Fonts (fonts.google.com)

---

© 2025 Riley Watson. All rights reserved.