import React from 'react'

const Contact = () => {
  return (
    <div>
    <section className="section container scrollspy" id="contact">
      <div className="row">
        <div className="col s12 l5">
          <h2 className="indigo-text text-darken-4">Get in Touch</h2>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at lacus congue, suscipit elit nec, tincidunt orci.</p>
          <p>Mauris dolor augue, vulputate in pharetra ac, facilisis nec libero. Fusce condimentum gravida urna, vitae scelerisque erat ornare nec.</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at lacus congue, suscipit elit nec, tincidunt orci.</p>
          <p>Mauris dolor augue, vulputate in pharetra ac, facilisis nec libero. Fusce condimentum gravida urna, vitae scelerisque erat ornare nec.</p>
        </div>
        <div className="col s12 l5 offset-l2">
          <form>
            <div className="input-field">
              <i className="material-icons prefix">email</i>
              <input type="email" id="email"/>
              <label htmlFor="email">Your Email</label>
            </div>
            <div className="input-field">
              <i className="material-icons prefix">message</i>
              <textarea id="message" className="materialize-textarea" cols="20" rows="20"></textarea>
              <label htmlFor="message">Your Message</label>
            </div>
            <div className="input-field">
              <i className="material-icons prefix">date_range</i>
              <input type="text" id="date" className="datepicker"/>
              <label htmlFor="date">Choose a date you need me for...</label>
            </div>
            <div className="input-field">
              <p>Services required:</p>
              <p>
                <label>
                  <input type="checkbox"/>
                  <span>Photography</span>
                </label>
              </p>
              <p>
                <label>
                  <input type="checkbox"/>
                  <span>Photo Editing</span>
                </label>
              </p>
            </div>
            <div className="input-field center">
              <button className="btn">Submit</button>
            </div>
          </form>
        </div>
      </div>
    </section>
    </div>
  )
}

export default Contact