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-has-children menu-item-object-custom menu-item-4629">
  91.                                                 <a class="men-color" title="Séminaires personnalisés" href="#">Certificats </a>
  92.                                                  <ul class="sub-menu">
  93.                                                     <li id="menu-item-418" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-418">
  94.                                                         <a href="{{ path('front.inter.certificat.inter') }}">Internationaux</a></li>
  95.                                                     <li id="menu-item-18545" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18545">
  96.                                                         <a href="#">Personnalisés</a>
  97.                                                     </li>    
  98.                                                 </ul>
  99.                                             </li>
  100.                                         </ul>
  101.                                     </li> 
  102.                                     <li id="menu-item-1524" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1524">
  103.                                         <a href="#">Médiathèques</a>
  104.                                     <ul class="sub-menu">
  105.                                         <li id="menu-item-4635" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4635">
  106.                                             <a class="men-color" href="{{ path('front.inter.album') }}">Cimef en image</a></li>
  107.                                         <li id="menu-item-2254" class="menu-item menu-item-type-taxonomy menu-item-object-cat_doc menu-item-2254">
  108.                                             <a class="men-color" href="{{ path('front.inter.video') }}">Cimef en vidéo</a></li>
  109.                                     </ul>
  110.                                     </li>
  111.                                     <!--
  112.                                     <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>
  113.                                         <ul class="sub-menu">
  114.                                             <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>
  115.                                             <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>
  116.                                             <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>
  117.                                             <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>
  118.                                             <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>
  119.                                             <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>
  120.                                             <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>
  121.                                         </ul>
  122.                                     </li>
  123.                                     -->
  124.                                 </ul>
  125.                                 </div>
  126.                                 <div class="menu-button">
  127.                                     <a class="report-issues" href="{{ path('front.contact') }}" target="_self">
  128.                                         NOUS CONTACTER                    
  129.                                     </a>
  130.                                 </div>
  131.                             </nav>
  132.                             <div class="site-overlay"></div>
  133.                             </nav>
  134.                         </div>
  135.                     </div>
  136.                 </div>
  137.             </div>
  141.             <div class="elementor-column elementor-col-70 elementor-top-column elementor-element elementor-element-fefdbce" data-id="fefdbce" data-element_type="column">
  142.                 <div class="elementor-widget-wrap elementor-element-populated">
  144.                     <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">
  145.                         <div class="elementor-container elementor-column-gap-no">
  146.                             <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-380a8ee" data-id="380a8ee" data-element_type="column">
  147.                             <div class="elementor-widget-wrap elementor-element-populated">
  148.                                 <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">
  149.                                 <div class="elementor-widget-container">
  150.                                     <div class="ova-contact-info-2">
  152.                                         <div class="icon">
  153.                                             <i aria-hidden="true" class="gimonticon gimonticon-email"></i>
  154.                                         </div>
  156.                                         <div class="contact">
  157.                                             <ul class="info">
  158.                                             <li class="item">
  159.                                                 <a href="#" title="email">
  160.                                                     <span class="__cf_email__" data-cfemail="3d535858595558514d7d5e52504d5c5344135e5250">paris@cimef-international.org</span>                                                
  161.                                                 </a>
  162.                                             </li>
  163.                                             </ul>
  164.                                         </div>
  165.                                     </div>
  167.                                 </div>
  168.                                 </div>
  169.                                 <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">
  170.                                 <div class="elementor-widget-container"></div>
  171.                                 </div>
  172.                             </div>
  173.                             </div>
  174.                             <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c784fde" data-id="c784fde" data-element_type="column">
  175.                             <div class="elementor-widget-wrap elementor-element-populated">
  176.                                 <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">
  177.                                 <!--
  178.                                 <div class="elementor-widget-container">
  179.                                     <p><a href="">Council</a>/<a href="">Government</a>/<a href="">Complaints</a></p>
  180.                                 </div>
  181.                                 -->
  182.                                 </div>
  183.                                 <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">
  184.                                 <div class="elementor-widget-container">
  185.                                     <div class="elementor-social-icons-wrapper elementor-grid" role="list">
  186.                                     <span class="elementor-grid-item" role="listitem">
  187.                             <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">
  188.                                 <span class="elementor-screen-only">Twitter</span>
  189.                                     <i aria-hidden="true" class="fab fa-twitter"></i> </a>
  190.                                     </span>
  191.                                     <span class="elementor-grid-item" role="listitem">
  192.                             <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">
  193.                                 <span class="elementor-screen-only">Facebook</span>
  194.                                     <i aria-hidden="true" class="fab fa-facebook"></i> </a>
  195.                                     </span>
  196.                                     <span class="elementor-grid-item" role="listitem">
  197.                             <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">
  198.                                 <span class="elementor-screen-only">Pinterest-p</span>
  199.                                     <i aria-hidden="true" class="fab fa-pinterest-p"></i> </a>
  200.                                     </span>
  201.                                     <span class="elementor-grid-item" role="listitem">
  202.                             <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">
  203.                                 <span class="elementor-screen-only">Ovaicon-instagram</span>
  204.                                     <i aria-hidden="true" class="ovaicon ovaicon-instagram"></i> </a>
  205.                                     </span>
  206.                                     </div>
  207.                                 </div>
  208.                                 </div>
  209.                             </div>
  210.                             </div>
  211.                         </div>
  212.                     </section>
  215.                     <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">
  216.                     <div class="elementor-container elementor-column-gap-no">
  217.                         <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0d20974" data-id="0d20974" data-element_type="column">
  218.                         <div class="elementor-widget-wrap elementor-element-populated">
  219.                             <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">
  220.                             <div class="elementor-widget-container">
  222.                                 <nav class="main-navigation">
  223.                                 <button class="menu-toggle" aria-label="menu toggle">
  224.                                     <span>Menu</span>
  225.                                 </button>
  226.                                 
  227.                                 <div class="primary-navigation">
  228.                                     <ul id="menu-primary-menu-1" class="menu">
  229.                                     <li class="menu-item">
  230.                                         <a title="Acceuil" class="menu-color" href="{{ path('front.inter.index') }}" >Accueil</a>
  231.                                     </li>
  233.                                     <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-423 dropdown">
  234.                                         <a title="A propos" class="menu-color" href="#" >A propos</a>
  235.                                         <ul class="sub-menu" role="menu">
  236.                                             <li class="menu-item menu-item-type-taxonomy menu-item-object-event_category menu-item-13411 dropdown">
  237.                                                 <a title="Présentation" class="menu-color" href="{{ path('front.inter.presentation') }}" >Présentation</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 centres"class="menu-color"  href="{{ path('front.centres') }}" >Nos centres</a>
  241.                                             </li>
  242.                                             <li class="menu-item menu-item-type-taxonomy menu-item-object-event_category menu-item-13411 dropdown">
  243.                                                 <a title="Nos partenaires"class="menu-color"  href="{{ path('front.nos-partenaires') }}" >Nos partenaires</a>
  244.                                             </li>
  245.                                             <li class="menu-item menu-item-type-taxonomy menu-item-object-event_category menu-item-13411 dropdown">
  246.                                                 <a title="Notre actualités"class="menu-color"  href="{{ path('front.actualite') }}" >Notre actualité</a>
  247.                                             </li>
  249.                                         </ul>
  250.                                     </li>
  251.                                     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-5396 dropdown">
  252.                                         <a title="Formations" class="menu-color" href="#" >Formations</a>
  253.                                         <ul class="sub-menu" role="menu">
  254.                                             <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4636 dropdown">
  255.                                                 <a title="Séminaires Internationaux"class="menu-color" href="{{ path('front.seminaire.internationaux') }}" >Séminaires Internationaux</a>
  256.                                             </li>
  257.                                             <li class="menu-item menu-item-type-taxonomy menu-item-object-cat_department menu-item-4718 dropdown">
  258.                                                 <a title="Séminaires Nationaux"class="menu-color" href="{{ path('front.seminaire.nationaux') }}" >Séminaires Nationaux</a>
  259.                                             </li>
  260.                                             <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2721 dropdown">
  261.                                                 <a title="Rencontre Top management"class="menu-color" href="{{ path('front.top.management') }}" >Rencontre Top management</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.seminaire-sur-mesure') }}" >Séminaires personnalisés</a>
  265.                                             </li>
  266.                                             <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1959 dropdown">
  267.                                                 <a title="Séminaires personnalisés"class="menu-color" href="#" >Certificats 
  269.                                                     <ul class="sub-menu">
  270.                                                         <li  style="line-height: 20px !important; margin-top: -40px !important;" id="menu-item-2624" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2624">
  271.                                                             <a href="{{ path('front.inter.certificat.inter') }}">Internationaux</a></li>
  272.                                                         <li id="menu-item-2625" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2625">
  273.                                                             <a href="#">Personnalisés</a></li>
  274.                                                      </ul>                                      
  275.                                                 </a>
  276.                                             </li>
  277.                                         </ul>
  278.                                     </li>
  279.                                     <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1524 dropdown">
  280.                                         <a title="Médiathèque"class="menu-color" href="#" >Médiathèque</a>
  281.                                         <ul class="sub-menu" role="menu">
  282.                                         <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4635 dropdown">
  283.                                             <a title="CIMEF en image" class="menu-color" href="{{ path('front.inter.album') }}" >CIMEF en image</a>
  284.                                         </li>
  285.                                         <li class="menu-item menu-item-type-taxonomy menu-item-object-cat_doc menu-item-2254 dropdown">
  286.                                             <a title="CIMEF en vidéo"class="menu-color" href="{{ path('front.inter.video') }}">CIMEF en vidéo</a>
  287.                                         </li>
  288.                                         </ul>
  289.                                     </li>
  290.                                     <li class="menu-item">
  291.                                         <a title="Acceuil" class="menu-color" href="{{ path('front.inter.expertise') }}" >Notre expertise</a>
  292.                                     </li>
  293.                                     </ul>
  294.                                 </div>
  295.                                 </nav>
  296.                             </div>
  297.                             </div>
  298.                         </div>
  299.                         </div>
  300.                         <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-87897dc" data-id="87897dc" data-element_type="column">
  301.                         <div class="elementor-widget-wrap elementor-element-populated">
  302.                             
  303.                             <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">
  304.                             <div class="elementor-widget-container">
  305.                                 <div class="ova-contact-info-2">
  306.                                     <div class="icon">
  307.                                         <i aria-hidden="true" class="gimonticon gimonticon-phone-call"></i>
  308.                                     </div>
  309.                                     <div class="contact">
  310.                                         <div class="label" style="font-size: 16px; font-family: arial;">
  311.                                         Appeler maintenant ! </div>
  312.                                             <ul class="info">
  313.                                                 <li class="item">
  314.                                                     <a href="tel:33 175 43 42 83" title="phone">+33 175 43 42 83</a>
  315.                                                 </li>
  316.                                             </ul>
  317.                                         </div>
  318.                                     </div>
  319.                                 </div>
  320.                             </div>
  322.                             <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">
  323.                             <div class="elementor-widget-container">
  324.                                 <div class="elementor-button-wrapper">
  325.                                 <a class="elementor-button elementor-button-link elementor-size-sm" href="{{ path('front.contact') }}">
  326.                             <span class="elementor-button-content-wrapper">
  327.                                         <span class="elementor-button-text">NOUS CONTACTER</span>
  328.                         </span>
  329.                         </a>
  330.                                 </div>
  331.                             </div>
  332.                             </div>
  333.                         </div>
  334.                         </div>
  335.                     </div>
  336.                     </section>
  337.                 </div>
  338.             </div>
  339.         </div>
  340.     </section>
  341. </div>