You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Portfolio/components/Contact.tsx

39 lines
1.2 KiB

const Contact = () => (
<div className="contact">
<div className="container">
<div className="header" id="contact">
Contact
</div>
<form
encType="application/x-www-form-urlencoded"
action="/thanks"
className="content"
method="POST"
data-netlify="true"
name="contact"
data-netlify-recaptcha="true"
>
<fieldset>
<label htmlFor="email">Email</label>
<input name="email" type="email" required placeholder="Your email address" id="email" />
<label htmlFor="type">Message type</label>
<select name="type[]" id="type">
<option value="bug">Bug</option>
<option value="question">Question</option>
<option value="suggestion">Suggestion</option>
<option value="other">Other</option>
</select>
<label htmlFor="message">Message</label>
<textarea required name="message" placeholder="Your message" id="message"></textarea>
<div data-netlify-recaptcha="true"></div>
<button className="button" type="submit">
Send
</button>
</fieldset>
</form>
</div>
</div>
);
export default Contact;