templates/pages/new/contact/contact.html.twig line 1

Open in your IDE?
  1. {% 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 %}