templates/in_front/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
    
    {% block title 'Gica | Contact' %}
    
    {% block body %}
        <div class="menu-bar">
            <div class="container">
                <ul class="menu-items">
                    <li><a href="{{ path('inFront_equipe') }}"><i class="im-love-user"></i>Équipe</a></li>
                    <li><a href="{{ path('inFront_histoire') }}"><i class="im-book"></i>Histoire</a></li>
                    <li><a href="{{ path('inFront_faq') }}"><i class="im-information"></i>FAQs</a></li>
                    <li><a href="{{ path('inFront_contact') }}"><i class="im-mail"></i>Contact</a></li>
                </ul>
            </div>
        </div>
    
        <main>
            <!-- audioautoplay -->
            <section style="display: none;" id="toast" class="info toast-onload">
                <div id="icon-wrapper">
                    <div id="icon">
                        <div class="pause" onclick="togglePlay()">🔇</div>
                        <div class="player">
                            <audio class="audio" preload="auto" src="" loop></audio>
                        </div>
                    </div>
                </div>
                <div id="toast-message">
                    <h4>Lecture en cours</h4>
                    <p>Profite de la musique pendant que tu navigues !</p>
                </div>
                <button id="toast-close"></button>
                <div id="timer"></div>
            </section>
    
            <section class=" section-base ">
                <a name=" contactus "></a>
                <div class=" container ">
                    <hr class="space">
                    <div class="google-map" data-marker="{{ asset('media/marker.png') }}"
                         data-coords="18.2396826,-72.53253487037"></div>
                    <hr class="space"/>
                    <div class=" row ">
                        <div class=" col-lg-6 ">
                            <div class=" title ">
                                <h2>Contactez-nous ici</h2>
                                <p>Écrivez-nous</p>
                            </div>
                            <form method="post" action="" class="form-box form-ajax af_example ajax_form">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <p>Nom</p>
                                        <input type="text" id="af_name" name="name" value="" placeholder="Votre nom complet"
                                               class="form-control input-text" required="">
                                        <span class="error_name"></span>
                                    </div>
                                    <div class="col-lg-6">
                                        <p>Email</p>
                                        <input type="email" id="af_email" name="mail" placeholder="@gmail.com" value=""
                                               class="form-control input-text" required="">
                                        <span class="error_email"></span>
                                    </div>
                                </div>
                                <hr class="space-xs">
                                <p>Message</p>
                                <textarea id="af_message" name="message" class="form-control input-textarea"
                                          placeholder="Message Gica" required=""></textarea>
                                <span class="error_message"></span>
                                <button type="submit" class="btn btn-sm btn-circle btn btn-primary">Send message</button>
                                <span class="form-message"></span>
                                <input type="hidden" name="af_action" value="77610b43f78cf22fd1085e2c242dcaf6">
                            </form>
                        </div>
                        <div class="col-lg-6">
                            <hr class="space visible-md"/>
                            <div class="title">
                                <h2>Quand sommes-nous ouverts ?</h2>
                                <p>Information</p>
                            </div>
                            <p>
                                Nous sommes à votre service du lundi au vendredi, de 8 hres am à 5 hres pm. Le samedi, nous
                                vous accueillons de 8 hres am à 3 hres pm, et nous sommes fermés les dimanches et jours
                                fériés. N'hésitez pas à nous rendre visite !
                            </p>
                            <table class=" table table-border table-time ">
                                <thead>
                                <tr>
                                    <th>Jour</th>
                                    <th>Matin</th>
                                    <th>Après-midi</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>Lundi - Vendredi</td>
                                    <td>8am - 12am</td>
                                    <td>1pm - 5pm</td>
                                </tr>
                                <tr>
                                    <td>Samedi</td>
                                    <td>Fermé</td>
                                    <td>8pm - 3pm</td>
                                </tr>
                                <tr>
                                    <td>Dimanche</td>
                                    <td>Fermé</td>
                                    <td>Fermé</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </section>
        </main>
    {% endblock %}
    {% block javascripts %}
        <script src="{{ asset('assets/themes/gica/themekit/scripts/maps.min.js') }}"></script>
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDl7p8SWg-5kLe7i-usdYCu5m3eVllMDTs"></script>
    {% endblock %}