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

{% block title %}Contact{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/css/social_button.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">
    p {
        font-size: 1.3em !important;
    }

</style>
{% endblock %}


{% block body %}
<?php session.cookie_httponly = True; ?>

<div class="container mt-3 shadow-lg p-0 mb-5 bg-white rounded">
    <div class="container">
        <h1 class="text-center my-5"><br>Nous contacter</h1>
    </div>
    
    <div class="row">
        <div class="col-md-4 mx-7" style="background-color:#151515">
                <h4 style="color: white;" class="mt-4"><i class="fa fa-clock-o" style="color: red"></i>&nbsp;Horaires</h4>
                <p style="color: white; text-align: center;" class="mt-3">
                    <small>Du lundi au vendredi :</small>
                </p>
                <p style="text-align: center; color: white;">
                    <small>8h à 12h </small>
                </p>
                <p style="text-align: center; color: white;">
                    <small>14h à 18h</small>
                </p>
                <p style="text-align: center; color: white;">
                    <small>ou sur rendez-vous</small>
                </p>
                <p style="text-align: center; color: white;">
                    <small>Le samedi :</small>
                </p>
                <p style="text-align: center; color: white;">
                    <small>sur rendez-vous uniquement</small>
                </p>
                <h4 style="color: white;" class="mt-4"><i class="fa fa-phone" style="color: red"></i>&nbsp;02.49.09.43.93</h4>
                <h4 style="color: white;" class="mt-4"><i class="fa fa-envelope" style="color: red"></i>&nbsp;contact@le-musee.fr</h4>
                <h4 style="color: white;" class="mt-4"><i class="fa fa-map-marker" style="color: red"></i>&nbsp;Allée des Vinaigriers</h4>
                <h4 style="color: white; text-align:center">44000 Nantes</h4>
        </div>
        <div class="col-md-7">
            <h4>Vous souhaitez nous faire part d'une remarque ou prendre contact ?</h4>
            
            <br>
            
            <h5>
                Une question ? Une demande particulière ? Un complément d’information sur l’un de nos véhicules, ou la restauration
                de
                votre véhicule ?
            </h5>
            
            <p class="my-4 text-primary">
                N’hésitez pas à nous contacter via notre mail contact@le-musee.fr, nous vous répondrons dans les plus brefs délais.
            </p>
            
            <p class="my-4 text-primary">
                Nous vous remercions de l’intérêt que vous nous portez.
            </p>
            
            
        </div>
    </div>

</div>
{% endblock %}