{% extends "base.html.twig" %}
{% block title %}
Contact |
{{ parent() }}
{% endblock %}
{% block content %}
{% include "_partials/_navbar.html.twig" %}
<div class="jumbotron text-right" style="background-color:#ff944d">
<h1 class="display-4" style="color:white">
<strong>
La business intelligence à votre service
</strong>
</h1>
<hr class="my-4">
<p style="color:#68748D;">
<medium class="my-1">
Gardons le contact, écrivez-nous !
<span class="pl-3">
<i class="align-middle far fa-envelope fa-2x"></i>
</span>
</medium>
</p>
</div>
<div class="container">
<div class="row row-cols-2">
<div
class="col">
{# contact form #}
<div class="card border-0">
<span style="font-size: 3em;">
<i class="fas fa-envelope-open-text card-img-top text-center"></i>
</span>
<div class="card-body">
<h4 class="card-title">Ecrivez-nous...</h4>
<p class="card-text" style="height: 15px;">
{{form_start(form)}}
{% for label, messages in app.flashes(['success', 'danger']) %}
{% for message in messages %}
<div class="alert alert-{{ label }}">
{{ message }}
</div>
{% endfor %}
{% endfor %}
{{form_errors(form)}}
{{form_widget(form)}}
<button type="submit" class="btn btn-sm btn-block btn-outline text-center">
<span style="font-size: 2rem;">
<span style="color: #68748D;">
<i class="far fa-paper-plane"></i>
</span>
</span>
</button>
{{form_end(form)}}
</p>
</div>
</div>
</div>
<div
class="col">
{# site #}
<div class="card border-0">
<span style="font-size: 3em; color: Red;">
<i class="fas fa-map-marked-alt card-img-top text-center"></i>
</span>
<div class="card-body">
<h4 class="card-title">Siège</h4>
{# map #}
<div class="card-text embed-responsive embed-responsive-16by9" style="margin-top: 70px; height: 310px;">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2624.3265549534062!2d2.3035782159577645!3d48.87105100776874!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66fc3f3aec32f%3A0xb335e7c4dbe724fe!2s128%20Rue%20la%20Bo%C3%A9tie%2C%2075008%20Paris!5e0!3m2!1sfr!2sfr!4v1620921853773!5m2!1sfr!2sfr" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row my-3 px-3">
<div class="blocknote">
<div class="alert alert-info" role="alert">
<strong>Pour information</strong>
</div>
<div class="small text-justify">
<i>Conformément aux articles 38 et suivants de la loi n° 78-17 du 6 janvier 1978 relative à l'informatique, aux fichiers et aux libertés, toute personne utilisant ce formulaire dispose d'un droit d'accès, peut obtenir communication, rectification et/ou suppression des informations le concernant.</i>
</div>
<hr class="my-2"/>
<div class="small text-justify">
<i>In accordance with the GDPR and the law of January 6, 1978, n°78-17 related to data protection, by using this on-line form you have the right to request access to and rectification or erasure of your personal data as detailed in our privacy policy.</i>
</div>
</div>
</div>
{% endblock %}