templates/contact.html.twig line 1

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

{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/contact.css') }}">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
{% endblock %}

{% block titre %}
<h1>{{ titre }}</h1>
{% endblock %}

{% block body %}

<section class="Contact-section">
    <h2>Comment nous joindre ?</h2>
    <div class="text-contact">
        <p>Nous sommes situés en plein cœur de la ville, dans un quartier animé et facilement accessible. Pour toute demande d'information ou pour réserver une table, n'hésitez pas à nous contacter via les coordonnées ci-dessous. Nous sommes situés dans le centre-ville, à proximité de nombreux parkings publics et des transports en commun.</p>
        <p>Si vous avez besoin d'indications pour nous rejoindre, n'hésitez pas à nous appeler ou à nous envoyer un email. Nous serons ravis de vous guider et de vous accueillir dans notre restaurant.</p>
    </div>

    <div class="contact">
    <div>
        <div class="icon blue"><i class="bi bi-geo-alt"></i></div>
        <div class="bold contact-title">Adresse</div>
        <div>1 rue des Peupliers</div>
        <div>75014 Paris</div>
    </div>

    <div>
        <div class="icon blue"><i class="bi bi-telephone-fill"></i></div>
        <div class="bold contact-title">Téléphone</div>
        <div><a href="tel:+33166788987">+33 01 66 78 89 87 </a></div>
    </div>

    <div>
        <div class="icon blue"><i class="bi bi-envelope"></i></div>
        <div class="bold contact-title">Mail</div>
        <div><a href="mailto:zrestaurant@gmail.com">zrestaurant@gmail.com</a></div>
    </div>
    </div>
</section>

{% endblock %}