- Work
- Play
- About

Hello, I'm Ryan!

Customize Your Portfolio

Template features:
- 🖼️ Hero section - Big impactful intro for your brand.
- 🧱 Work section - Start by choosing a layout version.
- 📦 Lightbox Ready - Just add your photos.
- 🛠️ Customizable project pages - Tailor to each piece.
- ⎘ Header/footer - Edit once, copy to all pages.
Get started:
- 📚 Learn HTML & CSS basics - James' foundational skills guide
- ✨ Branding - Logo, Google Fonts, colours.
- 👤 About page - Add photo and bio.
- 📸 Work page - Add project images with overlays.
- 📝 Project pages - Write titles and descriptions.
- 🔗 Navigation - Add Previous/Next links.
- ↗️ Links - Style hover states.
- 🖱️ Cursor - Starter code for custom cursor.
Extra polish:
- 🎞️ Animated GIFs - Showcase your work.
- 🎨 Animated SVGs - Create dynamic vector art.
- 🌈 Animated gradients - Smooth color transitions.
For advanced users:
- 🐇 Easter eggs: Hide surprises in your portfolio!
- 💫 Advanced nav (☰ not included).
- 🎭 Effects - Typewriter (JS), parallax (CSS), custom JS.
Consider adding:
- 🎮 Play page - showcase other work.
- ✏️ Sketchbook - process work.
- 📄 Resume/CV - professional background.
Don't forget:
- ❌ Custom 404 page - Personalized error page.
- 🗺️ sitemap.xml - Update for Google Search Console.
- 🔍 SEO - Optimize page titles, descriptions and images.
Awards & Recognition
Selected Works

Work Pages:
- Classic – Rounded Corners Now Included!
- Illustrator’s Work Page New Template!
- Project Titles Below New Template!
- Sticky Sidebar with Classic Grid New Template!
- Sticky Sidebar with Masonry and Accordion New Template!
- Classic – Clean (No Effects)
- Classic – Spacious New Template!
- Classic – Grayscale Filter
- Classic – with Ghost Icon
Project Pages:
- Standard Project New and improved!
- Project with Lightbox New feature!
- Full Width Project New Template!
Other Pages:
- About Page New Two-Column Layout!
- Play Page New Masonry+Lightbox Layout!
- Sketchbook Page New Masonry+Lightbox Layout!
- Components New! (reusable elements)
- Holding Page (optional)
- 404 Page (customize to match your brand)
Contact & Social
- Insta
- LinkedIn
- Behance
Smooth scroll to the top

© 2020-. Hand crafted with ❤ by James Neufeld.