Kepler Wolsey - Portfolio Website

A modern, responsive portfolio website showcasing my work as a Full-Stack Developer.

Live Site

View Portfolio (Update with your domain)

Features

• Clean, modern design with smooth animations
• Fully responsive across all devices
• Interactive code window with typing effect
• Project showcase with live site and GitHub links
• Contact form
• Intersection Observer animations
• Mobile-friendly navigation

Tech Stack

• HTML5 - Semantic markup
• CSS3 - Custom properties, Flexbox, Grid, animations
• JavaScript - Vanilla JS, no dependencies
• Fonts - Inter, JetBrains Mono (Google Fonts)
• Icons - Font Awesome 6

Project Structure

portfolio/
├── index.html          # Main HTML file
├── css/
│   └── style.css       # All styles
├── js/
│   └── main.js         # JavaScript functionality
├── img/                # Images (if any)
└── README.md           # This file

Sections

1. Hero - Introduction with animated code window
2. About - Personal summary and stats
3. Skills - Technical skills organized by category
4. Projects - Featured work with links
5. Contact - Contact form and social links

Performance

• No external JavaScript frameworks
• Minimal CSS (single file)
• Lazy-loaded animations
• Optimized for Core Web Vitals

Customization

To customize for your own use:

1. Update personal info in index.html
2. Modify colors in CSS variables (:root)
3. Add your own projects to the projects section
4. Update contact links and form handling

Local Development

Simply open index.html in a browser, or use a local server:

# Python 3
python -m http.server 8000

# Node.js
npx serve

Deployment

This static site can be deployed to:

• GitHub Pages
• Netlify
• Vercel
• Any web server (Apache, Nginx)

---

Built by Kepler Wolsey