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:+33175434283" target="_blank"><i class="fa fa-phone-square"style="font-size: 18px;" aria-hidden="true"></i>
  143.                                             +33 175 43 42 83
  144.                                             </a><br>
  145.                                             <a href="tel:+33617804528" target="_blank"> <i class="fa fa-whatsapp" style="font-size: 18px;" aria-hidden="true"></i> +33 6 17 80 45 28
  146. </a>
  147.                                         </h3>
  148.                                     </div>
  149.                                 </div>
  151.                                 <!-- EMAIL -->
  152.                                 <div class="item">
  153.                                     <div class="icon">
  154.                                         <i class="ovaicon ovaicon-email"></i>
  155.                                     </div>
  156.                                     <div class="info">
  157.                                         <span class="label">Écrire un e-mail</span>
  158.                                         <h3 class="text">
  159.                                             <a href="mailto:paris@cimef-international.org" target="_blank">
  160.                                                 <span class="__cf_email__" style="font-weight: bolder !important;">paris@cimef-international.org</span>
  161.                                             </a>
  162.                                             <a href="mailto:cimef@cimef-international.org" target="_blank">
  163.                                                 <span class="__cf_email__">cimef@cimef-international.org</span>
  164.                                             </a>
  165.                                         </h3>
  166.                                     </div>
  167.                                 </div>
  169.                                 <!-- ADRESSE -->
  170.                                 <div class="item">
  171.                                     <div class="icon">
  172.                                         <i class="gimonticon gimonticon-location"></i>
  173.                                     </div>
  174.                                     <div class="info">
  175.                                         <span class="label">Visitez à tout moment</span>
  176.                                         <h3 class="text">
  177.                                             <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">
  178.                                             Immeuble BERCY REFLETS, 8-12 Av. du Général de Gaulle, 94220 Charenton-le-Pont, France    
  179.                                             </a>
  180.                                         </h3>
  181.                                     </div>
  182.                                 </div>
  184.                             </div>
  186.                         </div>
  187.                     </div>
  189.                 </div>
  190.             </div>
  192.             <!-- FORMULAIRE -->
  193.             <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">
  194.                 <div class="elementor-widget-wrap elementor-element-populated">
  195.                     <div class="elementor-element elementor-element-9bc674e elementor-widget elementor-widget-shortcode" data-id="9bc674e" data-element_type="widget" data-widget_type="shortcode.default">
  196.             
  197.                         <div class="elementor-widget-container">
  198.                             <div class="elementor-shortcode">
  199.             
  200.                                 <div class="wpcf7">
  201.                                     {{ form_start(contactForm) }}
  202.                                     <div class="row">
  203.                                         <div class="col-md-6 col-sm-12" style="padding: 10px; width:100%;">
  204.                                             {{ form_row(contactForm.nom) }}
  205.                                         </div>
  206.                                         <div class="col-md-6 col-sm-12" style="padding: 10px; width:100%;">
  207.                                             {{ form_row(contactForm.email) }}
  208.                                         </div>
  209.                                         <div class="col-md-6 col-sm-12" style="padding: 10px; width:100%;">
  210.                                             {{ form_row(contactForm.sujet) }}
  211.                                         </div>
  212.                                         <div class="col-md-6 col-sm-12" style="padding: 10px; width:100%;">
  213.                                             {{ form_row(contactForm.contact) }}
  214.                                         </div>
  215.                                         <div class="col-md-12 col-sm-12" style="padding: 10px; width:100%;">
  216.                                             <b>&nbsp;&nbsp;Type de besoin</b><br>
  217.                                             {{ form_row(contactForm.besoin) }}
  218.                                         </div>
  219.                                         <div class="col-md-12 col-sm-12" style="padding: 10px; width:100%;">
  220.                                             {{ form_row(contactForm.message) }}
  221.                                         </div>
  222.                                         <div style="margin: 10px !important;" class="g-recaptcha" data-sitekey="6LfPYkosAAAAANaQq5rVy_x44wv122vknRu-sw3C"></div>
  223.                                     </div>
  224.                                     
  225.                                     {{ form_end(contactForm) }}
  227.                                 </div>
  228.                             </div>
  229.                         </div>
  230.                     </div>
  231.                 </div>
  232.             </div>
  235.         </div>
  236.     </section>
  238.     <!-- SECTION : GOOGLE MAP -->
  239.     <section class="elementor-section elementor-top-section elementor-element elementor-element-4c3e25a elementor-section-full_width elementor-section-height-default">
  240.         <div class="elementor-container elementor-column-gap-no">
  242.             <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2eef69e">
  243.                 <div class="elementor-widget-wrap elementor-element-populated">
  245.                     <div class="elementor-element elementor-element-885fdac elementor-widget elementor-widget-google_maps">
  246.                         <div class="elementor-widget-container">
  247.                             <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>
  248.                         </div>
  249.                     </div>
  251.                 </div>
  252.             </div>
  254.         </div>
  255.     </section>
  257. </div>
  260. <script type="application/ld+json">
  261. {
  262.   "@context": "https://schema.org",
  263.   "@type": "LocalBusiness",
  264.   "name": "CIMEF International",
  265.   "address": {
  266.     "@type": "PostalAddress",
  267.     "streetAddress": "Immeuble BERCY REFLETS, 8-12 Av. du Général de Gaulle",
  268.     "postalCode": "94220",
  269.     "addressLocality": "Charenton-le-Pont",
  270.     "addressCountry": "FR"
  271.   },
  272.   "telephone": [
  273.     "+33175434283",
  274.     "+33617804528"
  275.   ],
  276.   "email": [
  277.     "paris@cimef-international.org",
  278.     "cimef@cimef-international.org"
  279.   ],
  280.   "url": "https://www.cimef-international.org"
  281. }
  282. </script>
  284.    {% include 'section/footer.html.twig' %}
  287. {% endblock %}