{% 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 %}