const ContactForm = () =>{
    return (

        <div className="contact-form-container">
            <form method="post" className="form-horizontal" role="form">
                <h4 className="text-center">Demander une rencontre!</h4>
                <div className="form-group">
                    <div className="col-md-12">
                        <label >Nom*</label>
                        <input className="form-control form-input"  />
                        {/* <span asp-validation-for="Name" className="text-danger"></span> */}
                    </div>
                </div>
                <div className="form-group">
                    <div className="col-md-12">
                        <label >Email*</label>
                        <input className="form-control form-input" />
                        {/* <span asp-validation-for="Email" className="text-danger"></span> */}
                    </div> 
                </div>
                <div className="form-group">
                    <div className="col-md-12">
                        <label >Téléphone*</label>
                        <input className="form-control form-input" />
                        {/* <span asp-validation-for="Phone" className="text-danger"></span> */}
                    </div>
                </div>
                <div className="form-group">
                    <div className="col-md-12">
                        <label >Message</label>
                        <textarea className="form-control form-input" rows="3"/>
                        {/* <span asp-validation-for="Message" className="text-danger"></span> */}
                    </div>
                </div>
                <div className="form-group">
                    <div className="col-md-offset-2 col-md-12">
                        <button type="submit" className="btn btn-default bg-success contact-form-btn">Demande</button>
                    </div>
                </div>
            </form>
        </div>
    );
}

export default ContactForm;