//Modules
import React from 'react';

//Style
import "./Contact.css";

//Components
import {
    BrowserRouter as Router,
    Switch,
    Route,
    Link
  } from "react-router-dom";
import {
    HeroOne,
    CTA,
    } from "../../";

class ContactPage extends React.Component {
    render() {
        return(
            <div className="ContactPage">
                <HeroOne title="Contact" content="Heb je vragen of opmerkingen neem dan contact met ons op"/>
                <div className="container my-5">
                    <div className="row py-5">
                        <div className="col-md-6 pr-4">
                            <h1 className="AP-color-primary font-weight-normal mb-4">Vragen ?</h1>
                            <p>
                            Een stage vinden kan soms moeilijk zijn, en we snappen dan ook dat je wel wat vragen hebt. Wij zijn staan dan ook klaar om al je vragen te beantwoorden.
                            </p>
                        </div>
                        <div className="col-md-6">
                            <form className="ContactForm">
                                <div className="row">
                                    <div className="col-md-6">
                                        <input className="AP-input" placeholder="Voornaam"/>
                                    </div>
                                    <div className="col-md-6">
                                        <input className="AP-input" placeholder="Achternaam"/>
                                    </div>
                                    <div className="col-md-12 mt-4">
                                        <input className="AP-input" placeholder="Email adres"/>
                                    </div>
                                    <div className="col-md-12 mt-4">
                                        <textarea className="AP-textarea" placeholder="Je bericht"/>
                                    </div> 
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}

export default ContactPage;