Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/colorful/llms.txt

Use this file to discover all available pages before exploring further.

The Contact page is where you convert an interested visitor into an actual conversation. It provides your contact details and links so that potential clients, collaborators, employers, or fans can reach you through their preferred channel. The route path is /contact and the Navigation component labels this page Say Hi, styled with accent color #f59e0b.

​
Purpose

Use the Contact page to make it as easy as possible for visitors to get in touch. A clear, friendly contact page removes friction at the moment when someone is ready to act. Even if visitors have been impressed by your projects, skills, and testimonials, an absent or hard-to-find contact page will lose them.

​
What to Include

Open contact.html and replace the placeholder content with your real contact details. Consider including:
  • Email address — the most universal contact method; link it with a mailto: URL so visitors can click to open their email client directly
  • Social media profiles — LinkedIn, GitHub, Dribbble, Behance, X/Twitter, Mastodon, or wherever you are most active professionally
  • Portfolio or project links — links to GitHub, CodePen, or any external platforms where your work lives
  • Availability note — a short statement about whether you are currently open to new work, freelance inquiries, or collaboration

​
No Backend Form Handler

The Contact page is a static HTML file — there is no backend server or form processing built into the theme. If you want a contact form, use a third-party form service such as Formspree, Netlify Forms, or Tally that handles submissions on your behalf and forwards them to your email. Alternatively, a simple mailto: link is a lightweight and reliable option for most portfolios.

​
Example mailto Link

<a href="mailto:you@example.com">you@example.com</a>
Replace you@example.com with your real address. You can pre-fill the subject line if you want to make the email easier to filter in your inbox: 
<a href="mailto:you@example.com?subject=Portfolio%20Inquiry">Send me a message</a>

​
Navigation Integration

When a visitor is on the Contact page, the Say Hi label in the floating navigation menu is highlighted with #f59e0b. The route definition in Navigation.js is: 
{ path: '/contact', label: 'Say Hi', color: '#f59e0b' }

​
Related Docs

Testimonials

Build trust before visitors reach the contact page with social proof.

Pages Overview

Full table of all ten pages with routes, nav labels, and purposes.

Build docs developers (and LLMs) love

Get started for freeTalk to us