templates/frontoffice_bundle/utilisateur/contact.html.twig line 1
{% extends "frontoffice_bundle/base.html.twig" %}
{% block body %}
<style>
.page-header {
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("{{ asset("/bundles/Frontoffice/img/contact2.jpg")}}");
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}
</style>
<!-- Contact Start -->
<div class="container-fluid page-header py-5">
<h1 class="text-center text-white display-6">Contact</h1>
<ol class="breadcrumb justify-content-center mb-0">
<li class="breadcrumb-item"><a href="/">Acceuil</a></li>
<li class="breadcrumb-item active text-white">Contact</li>
</ol>
</div>
<!-- Contact Start -->
<div class="container-fluid contact ">
<div class="container pt-5">
<div class="p-5 bg-light rounded">
<div class="row g-4">
<div class="col-lg-12">
<div class="h-100 rounded">
<iframe class="rounded w-100" style="height: 400px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13244.853746826782!2d-6.838773903526855!3d34.02088216487969!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xda7488e685a91fd%3A0xb02569f1a94982fe!2sRabat%2C%20Morocco!5e0!3m2!1sen!2sbd!4v1694321047175!5m2!1sen!2sbd" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="col-lg-7">
<form id="main-contact-form" class="contact-form row" name="contact-form" method="post">
<input type="text" name="name" class="w-100 form-control border-0 py-3 mb-4" placeholder="Nom">
<input type="email" name="email" class="w-100 form-control border-0 py-3 mb-4" placeholder="Email">
<input type="text" name="subject" class="w-100 form-control border-0 py-3 mb-4" required="required" placeholder="Sujet">
<textarea name="message" id="message" class="w-100 form-control border-0 mb-4" rows="5" cols="10" placeholder="Message"></textarea>
<button class="w-100 btn form-control border-secondary py-3 bg-white text-primary " type="submit">Envoyer</button>
</form>
</div>
<div class="col-lg-5">
<div class="d-flex p-4 rounded mb-4 bg-white">
<i class="fas fa-map-marker-alt fa-2x text-primary me-4"></i>
<div>
<h4>Address</h4>
<p class="mb-2">Rabat hassan</p>
</div>
</div>
<div class="d-flex p-4 rounded mb-4 bg-white">
<i class="fas fa-envelope fa-2x text-primary me-4"></i>
<div>
<h4>Email</h4>
<p class="mb-2">contact@epicerie.com</p>
</div>
</div>
<div class="d-flex p-4 rounded bg-white">
<i class="fa fa-phone-alt fa-2x text-primary me-4"></i>
<div>
<h4>Télephone</h4>
<p class="mb-2">+212 5 37 55 66 77</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Contact End -->
<!-- Contact End -->
{% endblock %}
{% block js %}
{# <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&?key=AIzaSyAJ3jJCgboHIki8QVPtmkJ81MtPWXlKYCE"></script> #}
<script src="https://maps.google.com/maps/api/js?sensor=true&?key=YOUR_API_KEY"></script>
<script type="text/javascript" src="{{ asset("bundles/Frontoffice/js/gmaps.js") }}"></script>
<script src="{{ asset("bundles/Frontoffice/js/contact.js") }}"></script>
{% endblock %}