{% extends 'base.html.twig' %}

{% block title %}IDCIE Caraibes - Retrouvez confiance en votre potentiel{% endblock %}

{% block body %}
    <header class="head-service" style="background-image:url({{asset('img/services/coach-head.jpg')}});background-position:center"></header>
    <div class="container">
        {# Qui sommes nous #}
        <div class="row m-5" style="align-items: center">
            <div class="col-md-4 text-center">
                <h4 class="txt-green"><i class='bx bxs-home'></i></h4>
                <p> 44 route de la Lézarde <br>
                    97125 Bouillante</p>
            </div>
            <div class="col-md-4 text-center">
                <h4 class="txt-green"><i class='bx bxs-phone'></i></h4>
                <a class="acontact" href="tel:+590690915700">0690 91 57 00</a>
            </div>
            <div class="col-md-4 text-center">
            <h4 class="txt-green"><i class='bx bxs-edit'></i></h4>
           <a class="acontact" href="">Inscription en ligne</a>
            </div>
        </div>
        <div class="row m-5">
            <div class="offset-md-2 col-md-9">
            <div class="form-contact">
                <div class="row">
                    <div class="col-md-5">
                         <h3>Vous avez des questions ? <br> Contactez-nous par message</h3>
                    </div>
                    <div class="col-md-7">
                            <form action="">
                                <div class="mb-3">
                                    <label class="form-label">Nom</label>
                                    <input type="text" class="form-control" placeholder="votre nom">
                                </div> 
                                 <div class="mb-3">
                                    <label for="exampleFormControlInput1" class="form-label">Email</label>
                                    <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="nom@example.com">
                                </div> 
                                <div class="mb-3">
                                    <label for="exampleFormControlTextarea1" class="form-label">Message</label>
                                    <textarea class="form-control" id="exampleFormControlTextarea1" rows="6"></textarea>
                                </div> 
                                <div class="text-center">
                                    <input class="btn btn-idcie" type="button" value="Envoyer message">       
                                </div> 
                            </form>
                     </div>
                </div>
            </div>
            </div>
        </div>          
    </div>
{% endblock %}