---
layout: base.njk
title: Contact Derek
stylesheet: styles/contact.css
isLandingPage: false
pageScript: "/scripts/contact-form.js"
---

<h1>Contact Me</h1>
<p>A website is often the most powerful marketing tool a business has, so it's normal to have questions. I'm here to answer those questions so you can have peace of mind in enhancing your web presence..</p>

<form id="contact-form">
  <fieldset>
    <legend>Contact Me</legend>
    
    <label for="name">Name:</label>
    <input type="text" id="name" name="name" placeholder="Your Name" required>

    <label for="email">Email:</label>
    <input type="email" id="email" name="email" placeholder="you@example.com" required>

    <label for="phone">Phone Number:</label>
    <input type="tel" id="phone" name="phone" placeholder="(123) 456-7890">

    <label>Preferred Contact Method:</label>
    <div>
      <input type="radio" id="contact-email" name="contact-method" value="email" checked>
      <label for="contact-email">Email</label>

      <input type="radio" id="contact-phone" name="contact-method" value="phone">
      <label for="contact-phone">Phone</label>
    </div>

    <label for="message">Message:</label>
    <textarea id="message" name="message" rows="5" placeholder="Your Message" required></textarea>

    <button type="submit">Send Message</button>
  </fieldset>
</form>