templates/section/navbar.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .elementor-button {
  3.         border-top: 1px solid #fff;
  4.         background-color: #051a53 !important;
  5.     }
  6.     .elementor-button:hover {
  7.         border-top: 1px solid #fff;
  8.         background-color: #ff6600 !important;
  9.     }
  10.     .menu-color:hover{
  11.         color: #ff6600 !important;
  12.     }
  13.     a{
  14.         font-size: 16px !important;
  15.         font-family: arial !important;
  16.     }
  17.     p{
  18.         font-size: 16px !important;
  19.         font-family: arial !important;
  20.     }
  21. </style>
  23. <div data-elementor-type="wp-post" data-elementor-id="425" class="elementor elementor-425">
  24.     <section class="elementor-section elementor-top-section elementor-element elementor-element-e12df39 elementor-section-full_width elementor-section-content-middle header_sticky mobile_sticky elementor-section-height-default elementor-section-height-default" data-id="e12df39" data-element_type="section">
  25.         <div class="elementor-container elementor-column-gap-no">
  26.             <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-db1b951" data-id="db1b951" data-element_type="column">
  27.                 <div class="elementor-widget-wrap elementor-element-populated">
  28.                     <div class="elementor-element elementor-element-42fc1a4 elementor-widget__width-auto elementor-widget elementor-widget-ova_logo" data-id="42fc1a4" data-element_type="widget" data-widget_type="ova_logo.default">
  29.                         <div class="elementor-widget-container">
  31.                             <div class="brand_el">
  32.                                 <a href="{{ path('front.inter.index') }}">
  33.                                     <img src="{{ asset('public/inter/logo-inter.jpg') }}" alt="Logo CIMEF INTERNATIONAL" 
  34.                                         class="logo_desktop" style="width:auto, height:36px;"/>
  36.                                     <img src="{{ asset('public/inter/logo-inter.jpg') }}" alt="Logo CIMEF INTERNATIONAL" 
  37.                                         class="logo_mobile" style="width:auto, height:36px;"/>
  39.                                     <img src="{{ asset('public/inter/logo-inter.jpg') }}" alt="Logo CIMEF INTERNATIONAL" 
  40.                                         class="logo_sticky" style="width:auto, height:36px;"/>
  41.                                 </a>
  42.                             </div>
  44.                         </div>
  45.                     </div>
  46.                     <div class="elementor-element elementor-element-52881ff elementor-widget__width-auto elementor-hidden-desktop elementor-widget elementor-widget-gimont_elementor_menu_canvas" data-id="52881ff" data-element_type="widget" data-widget_type="gimont_elementor_menu_canvas.default">
  47.                         <div class="elementor-widget-container">
  49.                             <nav class="menu-canvas">
  50.                             <button class="menu-toggle" aria-label="menu toggle">
  51.                                 <span></span>
  52.                             </button>
  53.                             <nav class="container-menu dir_left">
  54.                                 <div class="close-menu">
  55.                                 <i class="ovaicon-cancel"></i>
  56.                                 </div>
  57.                                 <div class="primary-navigation">
  58.                                 <ul id="menu-primary-menu" class="menu">
  59.                                     <li id="menu-item-421" class="menu">
  60.                                     <a href="index.html" class="men-color" aria-current="page">Accueil</a>
  61.                                     </li>
  62.                                     <li id="menu-item-5396" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-5396">
  63.                                         <a class="men-color" href="#">A propos</a>
  64.                                         <ul class="sub-menu">
  65.                                             <li id="menu-item-4636" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4636">
  66.                                                 <a class="men-color" href="{{ path('front.inter.presentation') }}">Présentation</a></li>
  67.                                                 <!--
  68.                                             <li id="menu-item-4718" class="menu-item menu-item-type-taxonomy menu-item-object-cat_department menu-item-4718">
  69.                                                 <a class="men-color" href="cat_department/department-01/index.html">Notre équipe</a></li>
  70.                                                 -->
  71.                                             <li id="menu-item-2721" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2721">
  72.                                                 <a class="men-color" href="{{ path('front.centres') }}">Nos centres</a></li>
  73.                                             <li id="menu-item-1959" class="menu-item menu-item-type-post_type menu-item-object-ova_dep menu-item-1959">
  74.                                                 <a class="men-color" href="{{ path('front.nos-partenaires') }}">Nos partenaires</a></li>
  75.                                             <li id="menu-item-16596" class="menu-item menu-item-type-post_type menu-item-object-ova_dep menu-item-16596">
  76.                                                 <a class="men-color" href="{{ path('front.actualite') }}">Notre actualités</a></li>
  77.                                         </ul>
  78.                                     </li>
  79.                                     <li id="menu-item-423" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-423">
  80.                                         <a class="men-color" href="#">Formations</a>
  81.                                         <ul class="sub-menu">
  82.                                             <li id="menu-item-2624" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2624">
  83.                                                 <a class="men-color" title="Séminaires Internationaux" href="{{ path('front.seminaire.internationaux') }}" >Séminaires Internationaux</a></li>
  84.                                             <li id="menu-item-2625" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2625">
  85.                                                 <a class="men-color" title="Séminaires Nationaux" href="{{ path('front.seminaire.nationaux') }}">Séminaires Nationaux</a></li>
  86.                                             <li id="menu-item-4628" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4628">
  87.                                                 <a class="men-color" title="Rencontre Top management" href="{{ path('front.top.management') }}">Rencontre Top management</a></li>
  88.                                             <li id="menu-item-4629" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4629">
  89.                                                 <a class="men-color" title="Séminaires personnalisés" href="{{ path('front.seminaire-sur-mesure') }}">Séminaires personnalisés</a></li>
  90.                                             <li id="menu-item-4629" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4629">
  91.                                                 <a class="men-color" title="Séminaires personnalisés" href="{{ path('front.inter.certificat') }}">Certificats internationaux</a></li>
  92.                                         </ul>
  93.                                     </li> 
  94.                                     <li id="menu-item-1524" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1524">
  95.                                         <a href="#">Médiathèques</a>
  96.                                     <ul class="sub-menu">
  97.                                         <li id="menu-item-4635" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4635">
  98.                                             <a class="men-color" href="#">Cimef en image</a></li>
  99.                                         <li id="menu-item-2254" class="menu-item menu-item-type-taxonomy menu-item-object-cat_doc menu-item-2254">
  100.                                             <a class="men-color" href="#">Cimef en vidéo</a></li>
  101.                                         <li id="menu-item-15299" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15299"><a href="document-elements/index.html">Document Elements</a></li>
  102.                                         <li id="menu-item-2255" class="menu-item menu-item-type-post_type menu-item-object-ova_doc menu-item-2255"><a href="ova_doc/veichle-parking-license/index.html">Document Details</a></li>
  103.                                     </ul>
  104.                                     </li>
  105.                                     <!--
  106.                                     <li id="menu-item-5397" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-5397"><a href="services-page/index.html">Services</a>
  107.                                         <ul class="sub-menu">
  108.                                             <li id="menu-item-418" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-418"><a href="services-page/index.html">Service Page</a></li>
  109.                                             <li id="menu-item-18545" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18545"><a href="service-ajax/index.html">Service Ajax Filter</a></li>
  110.                                             <li id="menu-item-3942" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3942"><a href="ova_sev/index.html">Service Archive</a></li>
  111.                                             <li id="menu-item-3931" class="menu-item menu-item-type-taxonomy menu-item-object-cat_sev menu-item-3931"><a href="cat_sev/jobs-and-unemployment/index.html">Service Category</a></li>
  112.                                             <li id="menu-item-15327" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15327"><a href="service-elements/index.html">Service Elements</a></li>
  113.                                             <li id="menu-item-13077" class="menu-item menu-item-type-post_type menu-item-object-ova_sev menu-item-13077"><a href="ova_sev/city-visitors-guide/index.html">Service Details</a></li>
  114.                                             <li id="menu-item-18582" class="menu-item menu-item-type-post_type menu-item-object-ova_sev menu-item-18582"><a href="ova_sev/online-financial-services/index.html">Service Details 2</a></li>
  115.                                         </ul>
  116.                                     </li>
  117.                                     -->
  118.                                 </ul>
  119.                                 </div>
  120.                                 <div class="menu-button">
  121.                                     <a class="report-issues" href="#" target="_self">
  122.                                         NOUS CONTACTER                    
  123.                                     </a>
  124.                                 </div>
  125.                             </nav>
  126.                             <div class="site-overlay"></div>
  127.                             </nav>
  128.                         </div>
  129.                     </div>
  130.                 </div>
  131.             </div>
  135.             <div class="elementor-column elementor-col-70 elementor-top-column elementor-element elementor-element-fefdbce" data-id="fefdbce" data-element_type="column">
  136.                 <div class="elementor-widget-wrap elementor-element-populated">
  138.                     <section style="background-color: #ff6600 !important;" class="elementor-section elementor-inner-section elementor-element elementor-element-be19656 elementor-section-full_width elementor-section-content-middle ova-section-primary-background elementor-hidden-mobile elementor-hidden-tablet elementor-section-height-default elementor-section-height-default" data-id="be19656" data-element_type="section">
  139.                         <div class="elementor-container elementor-column-gap-no">
  140.                             <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-380a8ee" data-id="380a8ee" data-element_type="column">
  141.                             <div class="elementor-widget-wrap elementor-element-populated">
  142.                                 <div class="elementor-element elementor-element-6f72e7e elementor-widget__width-auto elementor-widget elementor-widget-gimont_elementor_contact_info_2" data-id="6f72e7e" data-element_type="widget" data-widget_type="gimont_elementor_contact_info_2.default">
  143.                                 <div class="elementor-widget-container">
  144.                                     <div class="ova-contact-info-2">
  146.                                         <div class="icon">
  147.                                             <i aria-hidden="true" class="gimonticon gimonticon-email"></i>
  148.                                         </div>
  150.                                         <div class="contact">
  151.                                             <ul class="info">
  152.                                             <li class="item">
  153.                                                 <a href="#" title="email">
  154.                                                     <span class="__cf_email__" data-cfemail="3d535858595558514d7d5e52504d5c5344135e5250">paris@cimef-international.org</span>                                                
  155.                                                 </a>
  156.                                             </li>
  157.                                             </ul>
  158.                                         </div>
  159.                                     </div>
  161.                                 </div>
  162.                                 </div>
  163.                                 <div class="elementor-element elementor-element-0cfbcbb elementor-widget__width-auto elementor-widget elementor-widget-gimont_elementor_contact_info_2" data-id="0cfbcbb" data-element_type="widget" data-widget_type="gimont_elementor_contact_info_2.default">
  164.                                 <div class="elementor-widget-container"></div>
  165.                                 </div>
  166.                             </div>
  167.                             </div>
  168.                             <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c784fde" data-id="c784fde" data-element_type="column">
  169.                             <div class="elementor-widget-wrap elementor-element-populated">
  170.                                 <div class="elementor-element elementor-element-2344b03 elementor-widget__width-auto elementor-widget elementor-widget-text-editor" data-id="2344b03" data-element_type="widget" data-widget_type="text-editor.default">
  171.                                 <div class="elementor-widget-container">
  172.                                     <p><a href="">Council</a>/<a href="">Government</a>/<a href="">Complaints</a></p>
  173.                                 </div>
  174.                                 </div>
  175.                                 <div class="elementor-element elementor-element-b2005a8 elementor-shape-circle elementor-widget__width-auto elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons" data-id="b2005a8" data-element_type="widget" data-widget_type="social-icons.default">
  176.                                 <div class="elementor-widget-container">
  177.                                     <div class="elementor-social-icons-wrapper elementor-grid" role="list">
  178.                                     <span class="elementor-grid-item" role="listitem">
  179.                             <a class="elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-animation-pulse elementor-repeater-item-41c6ca0" href="https://twitter.com/ovathemes" target="_blank">
  180.                                 <span class="elementor-screen-only">Twitter</span>
  181.                                     <i aria-hidden="true" class="fab fa-twitter"></i> </a>
  182.                                     </span>
  183.                                     <span class="elementor-grid-item" role="listitem">
  184.                             <a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-animation-pulse elementor-repeater-item-9f11722" href="https://www.facebook.com/ovatheme.envato/" target="_blank">
  185.                                 <span class="elementor-screen-only">Facebook</span>
  186.                                     <i aria-hidden="true" class="fab fa-facebook"></i> </a>
  187.                                     </span>
  188.                                     <span class="elementor-grid-item" role="listitem">
  189.                             <a class="elementor-icon elementor-social-icon elementor-social-icon-pinterest-p elementor-animation-pulse elementor-repeater-item-25cbc0a" href="https://www.pinterest.com/ovatheme/" target="_blank">
  190.                                 <span class="elementor-screen-only">Pinterest-p</span>
  191.                                     <i aria-hidden="true" class="fab fa-pinterest-p"></i> </a>
  192.                                     </span>
  193.                                     <span class="elementor-grid-item" role="listitem">
  194.                             <a class="elementor-icon elementor-social-icon elementor-social-icon-ovaicon-instagram elementor-animation-pulse elementor-repeater-item-2a09ce2" href="https://www.instagram.com/" target="_blank">
  195.                                 <span class="elementor-screen-only">Ovaicon-instagram</span>
  196.                                     <i aria-hidden="true" class="ovaicon ovaicon-instagram"></i> </a>
  197.                                     </span>
  198.                                     </div>
  199.                                 </div>
  200.                                 </div>
  201.                             </div>
  202.                             </div>
  203.                         </div>
  204.                     </section>
  207.                     <section class="elementor-section elementor-inner-section elementor-element elementor-element-8b562f9 elementor-section-full_width elementor-section-content-middle elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default" data-id="8b562f9" data-element_type="section">
  208.                     <div class="elementor-container elementor-column-gap-no">
  209.                         <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0d20974" data-id="0d20974" data-element_type="column">
  210.                         <div class="elementor-widget-wrap elementor-element-populated">
  211.                             <div class="elementor-element elementor-element-3c3e9e2 elementor-widget__width-auto elementor-widget elementor-widget-gimont_elementor_menu_nav" data-id="3c3e9e2" data-element_type="widget" data-widget_type="gimont_elementor_menu_nav.default">
  212.                             <div class="elementor-widget-container">
  214.                                 <nav class="main-navigation">
  215.                                 <button class="menu-toggle" aria-label="menu toggle">
  216.                                     <span>Menu</span>
  217.                                 </button>
  218.                                 
  219.                                 <div class="primary-navigation">
  220.                                     <ul id="menu-primary-menu-1" class="menu">
  221.                                     <li class="menu-item">
  222.                                         <a title="Acceuil" class="menu-color" href="{{ path('front.inter.index') }}" >Accueil</a>
  223.                                     </li>
  225.                                     <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-423 dropdown">
  226.                                         <a title="A propos" class="menu-color" href="#" >A propos</a>
  227.                                         <ul class="sub-menu" role="menu">
  228.                                             <li class="menu-item menu-item-type-taxonomy menu-item-object-event_category menu-item-13411 dropdown">
  229.                                                 <a title="Présentation" class="menu-color" href="{{ path('front.inter.presentation') }}" >Présentation</a>
  230.                                             </li>
  231.                                             <!--
  232.                                             <li class="menu-item menu-item-type-taxonomy menu-item-object-event_category menu-item-13411 dropdown">
  233.                                                 <a title="Notre équipe"class="menu-color"  href="event_category/health-sports/index.html" >Notre équipe</a>
  234.                                             </li>
  235.                                             -->
  236.                                             <li class="menu-item menu-item-type-taxonomy menu-item-object-event_category menu-item-13411 dropdown">
  237.                                                 <a title="Nos centres"class="menu-color"  href="{{ path('front.centres') }}" >Nos centres</a>
  238.                                             </li>
  239.                                             <li class="menu-item menu-item-type-taxonomy menu-item-object-event_category menu-item-13411 dropdown">
  240.                                                 <a title="Nos partenaires"class="menu-color"  href="{{ path('front.nos-partenaires') }}" >Nos partenaires</a>
  241.                                             </li>
  242.                                             <li class="menu-item menu-item-type-taxonomy menu-item-object-event_category menu-item-13411 dropdown">
  243.                                                 <a title="Notre actualités"class="menu-color"  href="{{ path('front.actualite') }}" >Notre actualité</a>
  244.                                             </li>
  246.                                         </ul>
  247.                                     </li>
  248.                                     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-5396 dropdown">
  249.                                         <a title="Formations" class="menu-color" href="#" >Formations</a>
  250.                                         <ul class="sub-menu" role="menu">
  251.                                             <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4636 dropdown">
  252.                                                 <a title="Séminaires Internationaux"class="menu-color" href="{{ path('front.seminaire.internationaux') }}" >Séminaires Internationaux</a>
  253.                                             </li>
  254.                                             <li class="menu-item menu-item-type-taxonomy menu-item-object-cat_department menu-item-4718 dropdown">
  255.                                                 <a title="Séminaires Nationaux"class="menu-color" href="{{ path('front.seminaire.nationaux') }}" >Séminaires Nationaux</a>
  256.                                             </li>
  257.                                             <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2721 dropdown">
  258.                                                 <a title="Rencontre Top management"class="menu-color" href="{{ path('front.top.management') }}" >Rencontre Top management</a>
  259.                                             </li>
  260.                                             <li class="menu-item menu-item-type-post_type menu-item-object-ova_dep menu-item-1959 dropdown">
  261.                                                 <a title="Séminaires personnalisés"class="menu-color" href="{{ path('front.seminaire-sur-mesure') }}" >Séminaires personnalisés</a>
  262.                                             </li>
  263.                                             <li class="menu-item menu-item-type-post_type menu-item-object-ova_dep menu-item-1959 dropdown">
  264.                                                 <a title="Séminaires personnalisés"class="menu-color" href="{{ path('front.inter.certificat') }}" >Certificats internationaux</a>
  265.                                             </li>
  266.                                         </ul>
  267.                                     </li>
  268.                                     <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1524 dropdown">
  269.                                         <a title="Médiathèque"class="menu-color" href="#" >Médiathèque</a>
  270.                                         <ul class="sub-menu" role="menu">
  271.                                         <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4635 dropdown">
  272.                                             <a title="CIMEF en image" class="menu-color" href="#" >CIMEF en image</a>
  273.                                         </li>
  274.                                         <li class="menu-item menu-item-type-taxonomy menu-item-object-cat_doc menu-item-2254 dropdown">
  275.                                             <a title="CIMEF en vidéo"class="menu-color" href="#">CIMEF en vidéo</a>
  276.                                         </li>
  277.                                         </ul>
  278.                                     </li>
  279.                                     </ul>
  280.                                 </div>
  281.                                 </nav>
  282.                             </div>
  283.                             </div>
  284.                         </div>
  285.                         </div>
  286.                         <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-87897dc" data-id="87897dc" data-element_type="column">
  287.                         <div class="elementor-widget-wrap elementor-element-populated">
  288.                             
  289.                             <div style="margin-right: 10px;" class="elementor-element elementor-element-de7dff2 elementor-widget__width-auto elementor-widget elementor-widget-gimont_elementor_contact_info_2" data-id="de7dff2" data-element_type="widget" data-widget_type="gimont_elementor_contact_info_2.default">
  290.                             <div class="elementor-widget-container">
  291.                                 <div class="ova-contact-info-2">
  292.                                     <div class="icon">
  293.                                         <i aria-hidden="true" class="gimonticon gimonticon-phone-call"></i>
  294.                                     </div>
  295.                                     <div class="contact">
  296.                                         <div class="label" style="font-size: 16px; font-family: arial;">
  297.                                         Appeler maintenant ! </div>
  298.                                             <ul class="info">
  299.                                                 <li class="item">
  300.                                                     <a href="tel:33 175 43 42 83" title="phone">+33 175 43 42 83</a>
  301.                                                 </li>
  302.                                             </ul>
  303.                                         </div>
  304.                                     </div>
  305.                                 </div>
  306.                             </div>
  308.                             <div class="elementor-element elementor-element-a6527a7 elementor-widget__width-auto ova-hide-element-min1024-max1300 elementor-widget elementor-widget-button" data-id="a6527a7" data-element_type="widget" data-widget_type="button.default">
  309.                             <div class="elementor-widget-container">
  310.                                 <div class="elementor-button-wrapper">
  311.                                 <a class="elementor-button elementor-button-link elementor-size-sm" href="contact/index.html">
  312.                             <span class="elementor-button-content-wrapper">
  313.                                         <span class="elementor-button-text">NOUS CONTACTER</span>
  314.                         </span>
  315.                         </a>
  316.                                 </div>
  317.                             </div>
  318.                             </div>
  319.                         </div>
  320.                         </div>
  321.                     </div>
  322.                     </section>
  323.                 </div>
  324.             </div>
  325.         </div>
  326.     </section>
  327. </div>