Build First React App

Contact.jsx

import React from "react";

const Contact = () => {
  return (
    <>
      <h2 className="text-center mb-4">
        Contact us
      </h2>
      <form
        id="contact-form"
        name="contact-form"
        action="mail.php"
        method="POST"
      >
        <div className="row">
          <div className="col-md-6">
            <div className="md-form mb-0">
              <label htmlFor="name">
                <i>Your name</i>
              </label>
              <input type="text" id="name" name="name" className="form-control" />
            </div>
          </div>
          <div className="col-md-6">
            <div className="md-form mb-0">
              <label htmlFor="email">
                <i>Your email</i>
              </label>
              <input
                type="text"
                id="email"
                name="email"
                className="form-control"
              />
            </div>
          </div>
        </div>
        <div className="row mt-3">
          <div className="col-md-12">
            <div className="md-form mb-0">
              <label htmlFor="subject">
                <i>Subject</i>
              </label>
              <input
                type="text"
                id="subject"
                name="subject"
                className="form-control"
              />
            </div>
          </div>
        </div>
        <div className="row mt-3">
          <div className="col-md-12">
            <div className="md-form">
              <label htmlFor="message">
                <i>Your Message</i>
              </label>
              <textarea
                type="text"
                id="message"
                name="message"
                rows="4"
                className="form-control md-textarea"
              ></textarea>
            </div>
          </div>
        </div>
        <div className="mt-3">
          <button className="btn btn-primary">Send Message!</button>
        </div>
      </form>
    </>
  );
};


export default Contact;