{% extends 'pages/new/base.html.twig' %}
{% block title %}DSANTE ✅{% endblock %}
{% block body %}
<!-- Start of breadcrumb section
============================================= -->
<section id="in-breadcrumb" class="in-breadcrumb-section">
<div class="in-breadcrumb-content position-relative" data-background="{{ asset('assets_new/img/bg/contact.jpg') }}">
<div class="background_overlay"></div>
<div class="container">
<div class="in-breadcrumb-title-content position-relative headline ul-li">
<h2>Contacts </h2>
<ul>
<li><a href="#">Accueil</a></li>
<li class="active-page">Contact</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End of breadcrumb section
============================================= -->
<!-- Start of Contact Page section
============================================= -->
<section id="in-contact-page" class="in-contact-page-section position-relative">
<div class="in-google-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3972.0054590561754!2d-3.9789423978200706!3d5.416136786363578!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xfc193b741e432c1%3A0xa12486289be01da2!2sDevelopment%20Solutions%20Institute%20-%20DSI!5e0!3m2!1sfr!2sci!4v1677580653570!5m2!1sfr!2sci" width="100%" height="590" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="container">
<div class="in-contact-page-content position-relative">
<div class="row">
<div class="col-lg-6">
<div class="in-faq-contact-info-wrap">
<div class="in-faq-contact-info-title headline pera-content">
<h3>Contactez-nous </h3>
<p style="color: transparent!important;">
{# Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam aut beatae, blanditiis dolorem blanditiis dolorem#}
</p>
</div>
<div class="in-faq-contact-info">
<div class="info-item-area d-flex align-items-center">
<div class="inner-icon d-flex align-items-center justify-content-center">
<i class="fal fa-map-marker-alt"></i>
</div>
<div class="inner-text headline pera-content">
<h4>Abidjan, Côte d'Ivoire</h4>
<p>Abidjan, Cocody Angré Château d'eau</p>
</div>
<div class="inner-text headline pera-content">
<h4>Québec, Canada</h4>
<p>3155, Chemin Ste. Foy, Québec (Qc.)
G1X1R3, Canada</p>
</div>
</div>
<div class="info-item-area d-flex align-items-center">
<div class="inner-icon d-flex align-items-center justify-content-center">
<i class="fal fa-envelope-open-text"></i>
</div>
<div class="inner-text headline pera-content">
<h4>Email</h4>
<p>info@dsante.com</p>
{# <p>info@dsinstitute.org</p>#}
</div>
</div>
<div class="info-item-area d-flex align-items-center">
<div class="inner-icon d-flex align-items-center justify-content-center">
<i class="fal fa-phone-plus"></i>
</div>
<div class="inner-text headline pera-content">
<h4>Contacts</h4>
<p>+225 07 07 040 755</p>
{# <p>+225 05 65 652 516</p>#}
<p>+1 418 914 5444</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="in-faq-contact-form-area">
<div class="in-faq-contact-info-title headline pera-content">
<h3> Envoyez un message </h3>
<p style="color: transparent!important;">
{# Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam aut beatae, blanditiis dolorem blanditiis dolorem#}
</p>
</div>
<div class="in-faq-contact-form">
{% for message in app.flashes('sendSuccess') %}
<div class="alert alert-success">
{{ message }}
</div>
{% endfor %}
{% for message in app.flashes('sendError') %}
<div class="alert alert-error">
{{ message }}
</div>
{% endfor %}
{{ form_start(form) }}
<div class="row">
<div class="col-md-6">
{{ form_row(form.nom) }}
</div>
<div class="col-md-6">
{{ form_row(form.prenoms) }}
</div>
<div class="col-md-6">
{{ form_row(form.email) }}
</div>
<div class="col-md-6">
{{ form_row(form.tel) }}
</div>
<div class="col-md-6">
{{ form_row(form.captcha) }}
</div>
<div class="col-md-12">
{{ form_row(form.message) }}
</div>
<div class="col-md-12">
<button type="submit">Envoyer</button>
</div>
</div>
{{ form_end(form) }}
{# <form action="{{ path('send_contact') }}" method="POST">#}
{# <input type="hidden" name="token" value="{{ csrf_token('delete-item') }}"/>#}
{# <div class="row">#}
{# <div class="col-md-6">#}
{# <input type="text" name="nom" placeholder="Nom" required style="background-color: white;border: 1px solid black">#}
{# </div>#}
{# <div class="col-md-6">#}
{# <input type="text" name="prenoms" placeholder="Prénom(s)" required style="background-color: white;border: 1px solid black">#}
{# </div>#}
{# <div class="col-md-6">#}
{# <input type="email" name="email" placeholder="Email" required style="background-color: white;border: 1px solid black">#}
{# </div>#}
{# <div class="col-md-6">#}
{# <input type="text" name="tel" required placeholder="Numéro de téléphone" style="background-color: white;border: 1px solid black">#}
{# </div>#}
{# <div class="col-md-12">#}
{# <textarea name="message" placeholder="Message" required style="background-color: white;border: 1px solid black"></textarea>#}
{# </div>#}
{# <div class="col-md-12">#}
{# <button type="submit">Envoyer</button>#}
{# </div>#}
{# </div>#}
{# </form>#}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End of Contact Page section
============================================= -->
<!-- Start of Sponsor section
============================================= -->
{# <section id="in-sponsor" class="in-sponsor-section-2">#}
{# <div class="container">#}
{# <div class="in-sponsor-slider">#}
{# <div class="in-sponsor-item">#}
{# <div class="inner-img">#}
{# <img src="assets_new/img/sponsor/spn1.png" alt="">#}
{# </div>#}
{# </div>#}
{# <div class="in-sponsor-item">#}
{# <div class="inner-img">#}
{# <img src="assets_new/img/sponsor/spn2.png" alt="">#}
{# </div>#}
{# </div>#}
{# <div class="in-sponsor-item">#}
{# <div class="inner-img">#}
{# <img src="assets_new/img/sponsor/spn3.png" alt="">#}
{# </div>#}
{# </div>#}
{# <div class="in-sponsor-item">#}
{# <div class="inner-img">#}
{# <img src="assets_new/img/sponsor/spn4.png" alt="">#}
{# </div>#}
{# </div>#}
{# <div class="in-sponsor-item">#}
{# <div class="inner-img">#}
{# <img src="assets_new/img/sponsor/spn5.png" alt="">#}
{# </div>#}
{# </div>#}
{# <div class="in-sponsor-item">#}
{# <div class="inner-img">#}
{# <img src="assets_new/img/sponsor/spn1.png" alt="">#}
{# </div>#}
{# </div>#}
{# <div class="in-sponsor-item">#}
{# <div class="inner-img">#}
{# <img src="assets_new/img/sponsor/spn2.png" alt="">#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </section>#}
<!-- End of Sponsor section
============================================= -->
{# Début scripts #}
<script src="{{ asset('assets_new/js/jquery.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('assets_new/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('assets_new/js/popper.min.js') }}"></script>
<script src="{{ asset('assets_new/js/appear.js') }}"></script>
<script src="{{ asset('assets_new/js/slick.js') }}"></script>
<script src="{{ asset('assets_new/js/wow.min.js') }}"></script>
<script src="{{ asset('assets_new/js/knob.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery.filterizr.js') }}"></script>
<script src="{{ asset('assets_new/js/imagesloaded.pkgd.min.js') }}"></script>
<script src="{{ asset('assets_new/js/rbtools.min.js') }}"></script>
<script src="{{ asset('assets_new/js/rs6.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jarallax.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('assets_new/js/isotope.pkgd.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery.counterup.min.js') }}"></script>
<script src="{{ asset('assets_new/js/waypoints.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery.marquee.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery.magnific-popup.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery.nice-select.min.js') }}"></script>
<script src="{{ asset('assets_new/js/roundslider.js') }}"></script>
<script src="{{ asset('assets_new/js/script.js') }}"></script>
<style>
.in-faq-contact-form input, .in-faq-contact-form textarea{
background-color: white;
border: 1px solid black;
}
</style>
{# Fin scripts #}
{% endblock %}