templates/front/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'front.html.twig' %}
  3. {% block title %}Nous contacter | CIMEF-INTERNATIONAL{% endblock %}
  4. {% block meta_description %}
  5. <meta name="description" content="Contactez CIMEF International pour toute question sur nos formations et séminaires. Notre équipe répond rapidement par téléphone, e-mail ou formulaire"/>
  6. <meta name="description" content="CIMEF International (Centre International de Management et d’Expertise Financière) a été créé à Montréal par des experts de haut niveau qui totalisent chacun"/>
  7. <meta property="og:image" content="https://cimef-international.org/public/inter/LOGO CIMEF.jpg.jpeg">
  8. <meta property="og:url" content="https://cimef-international.org/contact">
  9. <meta property="og:type" content="website">
  10. {% endblock %}
  11. {% block styleSheets %}
  12. <style id='wp-emoji-styles-inline-css' type='text/css'>
  13.     .form-control,.textarea{color:#ededed;font-family:arial;width:100%;padding:10px}.form-control,.textarea,.title,.titre-formation,label{font-family:arial}.form-control{margin:10px;background-color:#efefef!important}.textarea{background-color:#efefef;height:100px!important}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}@media (min-width:576px){.col-3,.col-sm-12,.col-sm-4,.col-sm-6{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-3,.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-12{flex:0 0 100%;max-width:100%}}.title{font-weight:bolder;font-size:18px!important;text-transform:uppercase!important}.wrap_header_banner .overlay-slider{position:absolute;top:0;left:0;padding-top:30px;width:100%;height:100%;background-color:rgba(0,0,0,.6392156863)}.card_centre{border-radius:5px;margin:10px;border:1px solid #ededed}.text-center{text-align:center;padding:10px;margin-top:-10px}.titre-formation{font-weight:700;font-size:16px!important;color:#051a53}#contact_form_besoin_0+label,#contact_form_besoin_1+label,#contact_form_besoin_2+label,#contact_form_besoin_3+label,#contact_form_besoin_4+label{color:#898989!important;margin-right:20px;margin-left:5px}
  14. </style>
  15. {% endblock %}
  17. {% block body %}
  19. {% include 'section/navbar.html.twig' %}
  20. <div class="wrap_header_banner" style="height: 200px; background: url({{ asset('public/inter/table.jpeg')}});        
  21.         background-size: cover;
  22.         background-position: center;
  23.         background-repeat: no-repeat;">
  24.     <div class="overlay-slider">
  25.         <div class="row_site">
  26.             <div class="container_site">
  27.                 <div class="cover_color"></div>
  28.                 <div class="header_banner_el">
  29.                     <div class="header_breadcrumbs">
  30.                         <div id="breadcrumbs">
  31.                         <ul class="breadcrumb">
  32.                             <li><a href="{{ path('front.inter.index') }}" style="color: #fff!important;" title="accueil">Accueil</a></li>
  33.                             <li class="li_separator"><span class="separator"><i class="ovaicon-next" style="color: #fff!important;"></i></span></li>
  34.                             <li style="color: #fff!important;">Nous contacter</li>
  35.                         </ul>
  36.                         </div>
  37.                     </div>
  38.                     <h1 class="header_title" style="color: #fff!important;">Contactez notre équipe</h1>
  39.                 </div>
  40.             </div>
  41.         </div>
  42.     </div>
  43. </div>
  46.     {% for message in app.flashes('success') %}
  47.     <div class="row toast_success" style="top: 100px !important; float: right !important; position: absolute;">
  48.         <div class="col-md-2 col-sm-2" style="padding: 10px;">
  49.             <i class="fa fa-check fa-2x" aria-hidden="true"></i>
  50.         </div>
  51.         <div class="col-md-10 col-sm-10" style="padding: 10px;">
  52.             <label>{{ message }}</label>
  53.         </div>
  54.     </div>    
  55.     {% endfor %}
  56.     {% for message in app.flashes('warning') %}
  57.     <div class="row toast_warning" style="top: 100px !important; float: right !important; position: absolute;">
  58.         <div class="col-md-2 col-sm-2" style="padding: 10px;">
  59.             <i class="fa fa-check fa-2x" aria-hidden="true"></i>
  60.         </div>
  61.         <div class="col-md-10 col-sm-10" style="padding: 10px;">
  62.             <label>{{ message }}</label>
  63.         </div>
  64.     </div>   
  65.     {% endfor %}
  66.     {% for message in app.flashes('danger') %}
  67.     <div class="row toast_danger" style="top: 100px !important; float: right !important; position: absolute;">
  68.         <div class="col-md-2 col-sm-2" style="padding: 10px;">
  69.             <i class="fa fa-check fa-2x" aria-hidden="true"></i>
  70.         </div>
  71.         <div class="col-md-10 col-sm-10" style="padding: 10px;">
  72.             <label>{{ message }}</label>
  73.         </div>
  74.     </div>   
  75.     {% endfor %}
  76.     
  80. <div data-elementor-type="wp-page" data-elementor-id="21" class="elementor elementor-21">
  82.     <!-- SECTION : TITRE + TEXTE -->
  83.     <section style="margin: 50px;" class="elementor-section elementor-top-section elementor-element elementor-element-7da5059 elementor-section-boxed elementor-section-height-default">
  84.         <div class="elementor-container elementor-column-gap-default">
  86.             <!-- COLONNE GAUCHE -->
  87.             <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f594441">
  88.                 <div class="elementor-widget-wrap elementor-element-populated">
  89.  
  90.                     <div class="elementor-element elementor-element-f1ef5a6 elementor-widget elementor-widget-gimont_elementor_heading">
  91.                         <div class="elementor-widget-container" style="margin-top: -20px;">
  92.                             <div class="ova-heading template_1">
  93.                                 <h1 style="font-size: 20px!important; font-family: arial;">
  94.                                     Nos conseillers restent disponibles pour vous fournir toutes les informations nécessaires et vous orienter efficacement.
  95.                                 </h1>
  96.                             </div>
  97.                         </div>
  98.                     </div>
  100.                 </div>
  101.             </div>
  103.             <!-- COLONNE DROITE -->
  104.             <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d012f81">
  105.                 <div class="elementor-widget-wrap elementor-element-populated">
  107.                     <div class="elementor-element elementor-element-a9f97fe elementor-widget elementor-widget-text-editor">
  108.                         <div class="elementor-widget-container">
  109.                             <p>
  110.                                 Une question, un besoin ou un projet ? Notre équipe est à votre écoute. Contactez-nous via ce formulaire et nous vous répondrons dans les plus brefs délais.
  111.                             </p>
  112.                         </div>
  113.                     </div>
  115.                 </div>
  116.             </div>
  118.         </div>
  119.     </section>
  121.     <!-- SECTION : INFOS CONTACT + FORMULAIRE -->
  122.     <section style="margin: 50px;"  class="elementor-section elementor-top-section elementor-element elementor-element-7d17241 elementor-section-boxed elementor-section-height-default">
  123.         <div class="elementor-container elementor-column-gap-default">
  125.             <!-- INFOS CONTACT -->
  126.             <div style="margin-top: -40px;" class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1462951">
  127.                 <div class="elementor-widget-wrap elementor-element-populated">
  129.                     <div class="elementor-element elementor-element-01a58e2 elementor-widget elementor-widget-gimont_elementor_contact_info">
  130.                         <div class="elementor-widget-container">
  132.                             <div class="ova-contact-info template_1">
  134.                                 <!-- TELEPHONE -->
  135.                                 <div class="item">
  136.                                     <div class="icon">
  137.                                         <i class="gimonticon gimonticon-phone-call"></i>
  138.                                     </div>
  139.                                     <div class="info">
  140.                                         <span class="label">Vous avez des questions ?</span>
  141.                                         <h3 class="text">
  142.                                             <a href="tel:+33188318533" target="_blank"><i class="fa fa-phone-square"style="font-size: 18px;" aria-hidden="true"></i>
  143.                                             (+33) 1 88 31 85 33 
  144.                                             </a><br>
  145.                                             <a href="tel:+33617804528" target="_blank"> <i class="fa fa-whatsapp" style="font-size: 18px;" aria-hidden="true"></i> 
  146.                                             (+33) 6 17 80 45 28
  147.                                             </a>
  148.                                         </h3>
  149.                                     </div>
  150.                                 </div>
  152.                                 <!-- EMAIL -->
  153.                                 <div class="item">
  154.                                     <div class="icon">
  155.                                         <i class="ovaicon ovaicon-email"></i>
  156.                                     </div>
  157.                                     <div class="info">
  158.                                         <span class="label">Écrire un e-mail</span>
  159.                                         <h3 class="text">
  160.                                             <a href="mailto:paris@cimef-international.org" target="_blank">
  161.                                                 <span class="__cf_email__" style="font-weight: bolder !important;">paris@cimef-international.org</span>
  162.                                             </a>
  163.                                             <a href="mailto:cimef@cimef-international.org" target="_blank">
  164.                                                 <span class="__cf_email__">cimef@cimef-international.org</span>
  165.                                             </a>
  166.                                         </h3>
  167.                                     </div>
  168.                                 </div>
  170.                                 <!-- ADRESSE -->
  171.                                 <div class="item">
  172.                                     <div class="icon">
  173.                                         <i class="gimonticon gimonticon-location"></i>
  174.                                     </div>
  175.                                     <div class="info">
  176.                                         <span class="label">Visitez à tout moment</span>
  177.                                         <h3 class="text">
  178.                                             <a href="https://www.google.com/maps/place/8+Avenue+du+G%C3%A9n%C3%A9ral+de+Gaulle,+94220+Charenton-le-Pont,+France" target="_blank">
  179.                                             25 Rue de Ponthieu 75008 Paris    
  180.                                             </a>
  181.                                         </h3>
  182.                                     </div>
  183.                                 </div>
  185.                             </div>
  187.                         </div>
  188.                     </div>
  190.                 </div>
  191.             </div>
  193.             <!-- FORMULAIRE -->
  194.             <div style="margin-top: -40px;" class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-a10971d"data-id="a10971d"data-element_type="column">
  195.                 <div class="elementor-widget-wrap elementor-element-populated">
  196.                     <div class="elementor-element elementor-element-9bc674e elementor-widget elementor-widget-shortcode" data-id="9bc674e" data-element_type="widget" data-widget_type="shortcode.default">
  197.             
  198.                         <div class="elementor-widget-container">
  199.                             <div class="elementor-shortcode">
  200.             
  201.                                 <div class="wpcf7">
  202.                                     {{ form_start(contactForm) }}
  203.                                     <div class="row">
  204.                                         <div class="col-md-6 col-sm-12" style="padding: 10px; width:100%;">
  205.                                             {{ form_row(contactForm.nom) }}
  206.                                         </div>
  207.                                         <div class="col-md-6 col-sm-12" style="padding: 10px; width:100%;">
  208.                                             {{ form_row(contactForm.email) }}
  209.                                         </div>
  210.                                         <div class="col-md-6 col-sm-12" style="padding: 10px; width:100%;">
  211.                                             {{ form_row(contactForm.sujet) }}
  212.                                         </div>
  213.                                         <div class="col-md-6 col-sm-12" style="padding: 10px; width:100%;">
  214.                                             {{ form_row(contactForm.contact) }}
  215.                                         </div>
  216.                                         <div class="col-md-12 col-sm-12" style="padding: 10px; width:100%;">
  217.                                             <b>&nbsp;&nbsp;Type de besoin</b><br>
  218.                                             {{ form_row(contactForm.besoin) }}
  219.                                         </div>
  220.                                         <div class="col-md-12 col-sm-12" style="padding: 10px; width:100%;">
  221.                                             {{ form_row(contactForm.message) }}
  222.                                         </div>
  223.                                         {{ form_row(contactForm.recaptchaToken) }}
  224.                                         <!--
  225.                                         <div style="margin: 10px !important;" class="g-recaptcha" data-sitekey="6LfPYkosAAAAANaQq5rVy_x44wv122vknRu-sw3C"></div>
  226.                                         -->
  227.                                     </div>
  228.                                     
  229.                                     <script>
  230.                                         grecaptcha.ready(function() {
  231.                                             grecaptcha.execute('{{ recaptcha_site_key }}', {
  232.                                                 action: 'contact'
  233.                                             }).then(function(token) {
  234.                                                 document.getElementById('{{ contactForm.recaptchaToken.vars.id }}').value = token;
  235.                                             });
  236.                                         });
  237.                                     </script>                                    
  238.                                     
  239.                                     {{ form_end(contactForm) }}
  241.                                 </div>
  242.                             </div>
  243.                         </div>
  244.                     </div>
  245.                 </div>
  246.             </div>
  249.         </div>
  250.     </section>
  252.     <!-- SECTION : GOOGLE MAP -->
  253.     <section class="elementor-section elementor-top-section elementor-element elementor-element-4c3e25a elementor-section-full_width elementor-section-height-default">
  254.         <div class="elementor-container elementor-column-gap-no">
  256.             <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2eef69e">
  257.                 <div class="elementor-widget-wrap elementor-element-populated">
  259.                     <div class="elementor-element elementor-element-885fdac elementor-widget elementor-widget-google_maps">
  260.                         <div class="elementor-widget-container">
  261.                             <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29520047.273509588!2d-22.386378350634295!3d25.42082644415092!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e404159de73%3A0xd0d7e47ebb959b3c!2sCIMEF%20INTERNATIONAL%20FRANCE!5e0!3m2!1sfr!2sci!4v1768377665659!5m2!1sfr!2sci" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  262.                         </div>
  263.                     </div>
  265.                 </div>
  266.             </div>
  268.         </div>
  269.     </section>
  271. </div>
  274. <script type="application/ld+json">
  275. {
  276.   "@context": "https://schema.org",
  277.   "@type": "LocalBusiness",
  278.   "name": "CIMEF International",
  279.   "address": {
  280.     "@type": "PostalAddress",
  281.     "streetAddress": "Immeuble BERCY REFLETS, 8-12 Av. du Général de Gaulle",
  282.     "postalCode": "94220",
  283.     "addressLocality": "Charenton-le-Pont",
  284.     "addressCountry": "FR"
  285.   },
  286.   "telephone": [
  287.     "+33175434283",
  288.     "+33617804528"
  289.   ],
  290.   "email": [
  291.     "paris@cimef-international.org",
  292.     "cimef@cimef-international.org"
  293.   ],
  294.   "url": "https://www.cimef-international.org"
  295. }
  296. </script>
  298.    {% include 'section/footer.html.twig' %}
  301. {% endblock %}