templates/Theme/General/Template/Menu/menubare.html.twig line 1

Open in your IDE?
  1. <style>
  2. .mynav {
  3.   background: #fff;
  4.   box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1);
  5.   border: 1px solid rgba(0, 0, 0, 0.1);
  6. }
  8. .mynav ul {
  9.   list-style: none;
  10.   position: relative;
  11.   float: right;
  12.   margin-right: 0px;
  13.   display: inline-table;
  14.   z-index: 10000;
  15. }
  17. .mynav ul li {
  18.   float: left;
  19.   transition: all .2s ease-in-out;
  20. }
  22. .mynav ul li:hover {
  23.   background: rgba(0, 0, 0, 0.15);
  24. }
  26. .mynav ul li:hover > ul {
  27.   display: block;
  28. }
  30. .mynav ul li {
  31.   float: left;
  32.   transition: all .2s ease-in-out;
  33. }
  35. .mynav ul li a {
  36.   display: block;
  37.   padding: 30px 20px;
  38.   color: #222;
  39.   font-size: .9em;
  40.   letter-spacing: 1px;
  41.   text-decoration: none;
  42.   text-transform: uppercase;
  43. }
  45. .mynav ul ul {
  46.   display: none;
  47.   position: absolute;
  48.   background-color: #f9f9f9;
  49.   min-width: 160px;
  50.   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  51.   padding: 12px 16px;
  52.   z-index: 10000;
  53. }
  55. .mynav ul ul li {
  56.   float: none;
  57.   position: relative;
  58. }
  60. .mynav ul ul li a {
  61.   padding: 15px 30px;
  62.   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  63. }
  65. .mynav ul ul ul {
  66.   position: absolute;
  67.   left: 100%;
  68.   top: 0;
  69. }
  71. .my-fixed-nav{
  72.     position: fixed; top: 0px; width: 100%; z-index: 1000;
  73. }
  75. .dropdown-item{
  76.     white-space: normal;
  77. }
  82. .timeline{
  83.   margin-left:0px;
  84.   overflow:visible;
  85. }
  88. .entry{
  89.   margin-left:20px;
  90.   position:relative;
  91.    padding-left: 30px;
  92.   border: 2px solid black;
  93.   border-radius: 5px;
  94.   width:100%;
  95.   height:100px;
  96.   overflow:visible;
  97. }
  99. .core{
  100.   width:inherit;
  101.   height:inherit;
  102.   color: #333;
  103. }
  105. .entry:after{
  106.   content:'';
  107.   position:absolute;
  108.   display:block;
  109.   width:36px;
  110.   height:5px;
  111.   background:black;
  112.   top:53%;
  113.   left:-7%;
  114. }
  116. .entry:before{
  117.   content:"";
  118.   position:absolute;
  119.   width:3px;height:110%;
  120.   display:block;
  121.   border-radius:0px;
  122.   border:2px solid skyblue;
  123.   background: skyblue;
  124.   left:-9%;
  125. }
  127. .core:before{
  128.   content:'';
  129.   display:block;
  130.   position:absolute;
  131.   width:7px;height:7px;
  132.   border:3px solid black;
  133.   background: black;
  134.   top:52%;
  135.   left:-10%;
  136. }
  139. </style>
  141. {% if position == 'home' %}
  143. <header class="header-wrapper">
  144.     <div class="topbar clearfix">
  145.       <div class="container">
  146.         <ul class="topbar-left">
  147.           <li class="phoneNo"><i class="fa fa-phone"></i>{{ telephone }}</li>
  148.           <li class="email-id hidden-xs hidden-sm"><i class="fa fa-envelope"></i>
  149.             <a href="mailto:{{ email }}">{{ email }}</a>
  150.           </li>
  151.           <li>
  152.             <a href="https://tawk.to/chat/5d5d7d44eb1a6b0be608a773/default" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><i class="fa fa-comments-o"></i> Live chat</a>
  153.           </li>
  154.         </ul>
  155.         <ul class="topbar-right">
  156.           <li class="hidden-xs"><a href="https://twitter.com/gaielbleriot" target="_blank"><i class="fa fa-twitter"></i></a></li>
  157.           <li class="hidden-xs"><a href="https://www.facebook.com/AZcorpAfrica/" target="_blank"><i class="fa fa-facebook"></i></a></li>
  158.           <li class="hidden-xs"><a href="https://www.instagram.com/azcorp_africa/" target="_blank"><i class="fa fa-instagram"></i></a></li>
  159.           <li class="hidden-xs"><a href="https://www.youtube.com/channel/UCvlgTzTAw1tABaOXhDM7U8g" target="_blank"><i class="fa fa-youtube-play"></i></a></li>
  160.           <li class="hidden-xs"><a href="#"><i class="fa fa-rss"></i></a></li>
  161.           <li class="top-search list-inline">
  162.             <a href="#"><i class="fa fa-search"></i></a>
  163.             <ul class="dropdown-menu dropdown-menu-right">
  164.               <li>
  165.                 <span class="input-group">
  166.                   <input type="text" class="form-control" placeholder="Course Name">
  167.                   <button type="submit" class="btn btn-default commonBtn">Search</button>
  168.                 </span>
  169.               </li>
  170.             </ul>
  171.           </li>
  172.           <li class="dropdown">
  173.             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  174.                 <i class="fa fa-user"></i> Espace membre
  175.                 <i class="fa fa-caret-down"></i>
  176.             </a>
  177.             <ul class="dropdown-menu">
  178.                 {% if app.user != null %}
  179.                     <li><a href="{{ path('users_user_user_accueil', {'id': app.user.id}) }}">{{ app.user.name(30) }}</a></li>
  180.                     <li><a href="{{ path('users_user_clearpidsessid') }}">Se déconnecter</a></li>
  181.                 {% else %}
  182.                     <li><a href="{{ path('users_user_connexion_user') }}">Se connecter</a></li>
  183.                     <li><a href="{{ path('users_user_inscription_user') }}">Créer un compte</a></li>
  184.                 {% endif %}
  185.             </ul>
  186.           </li>
  187.         </ul>
  188.       </div>
  189.     </div>
  191.     <div class="header clearfix">
  192.       <nav class="navbar navbar-main navbar-default">
  193.         <div class="container">
  194.           <div class="row">
  195.             <div class="col-xs-12">
  196.               <div class="header_inner">
  198.                 <!-- Brand and toggle get grouped for better mobile display -->
  199.                 <div class="navbar-header">
  200.                   <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav" aria-expanded="false">
  201.                   <span class="sr-only">Toggle navigation</span>
  202.                   <span class="icon-bar"></span>
  203.                   <span class="icon-bar"></span>
  204.                   <span class="icon-bar"></span>
  205.                   </button>
  206.                   <a class="navbar-brand logo clearfix" href="{{ path('users_user_acces_plateforme') }}"><img src="{{ asset('templatecourse/images/AZ_logo_e-learning.png') }}" alt="" class="img-responsive"/></a>
  207.                 </div>
  209.                 <!-- Collect the nav links, forms, and other content for toggling -->
  210.                 <div class="collapse navbar-collapse" id="main-nav">
  211.                   <ul class="nav navbar-nav navbar-right">
  212.                     <li class="active dropdown">
  213.                       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">L'institut</a>
  214.                       <ul class="dropdown-menu">
  215.                         <li><a href="{% if apropos != null %}{{ path('produit_service_apropos_denous', {'position': apropos.typearticle, 'idart': apropos.id }) }}{% else %}#!{% endif %}">À propos de l'institut</a></li>
  216.                         <li><a href="{{ path('produit_service_apropos_denous', {'position': 'evenement' }) }}">Evènements</a></li>
  217.                         <li><a href="{{ path('produit_service_apropos_denous', {'position': 'mediatheque' }) }}">Vidéothèque</a></li>
  218.                         <li><a href="{{ path('produit_service_apropos_denous', {'position': 'galeriephoto' }) }}">Galerie Photo</a></li>
  219.                         <li><a href="{{ path('produit_service_contact_us') }}">Nous contacter</a></li>
  220.                         <li><a href="{{ path('produit_service_apropos_denous', {'position': 'actualite' }) }}">Actualité</a></li>
  221.                         <li><a href="{{ path('produit_service_apropos_denous', {'position': 'temoignage' }) }}">Temoignage collaborateurs</a></li>
  222.                         <li><a href="{{ path('produit_service_apropos_denous', {'position': 'avis' }) }}">Avis des étudiant(e)s</a></li>
  223.                         <li><a href="{{ path('produit_service_apropos_denous', {'position': 'planingcours' }) }}">Planing des cours</a></li>
  224.                       </ul>
  225.                     </li>
  226.                     <li class=" dropdown">
  227.                       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Formations</a>
  228.                       <ul class="dropdown-menu">
  229.                         {% for formation in liste_formation %}
  230.                         <li class="dropdown">
  231.                           <a href="{{ path('produit_produit_produit_formation_institut', {'id': formation.id }) }}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  232.                             <span style="display: inline-block; padding-right: 20px;">{{ formation.nom }}</span>
  233.                           </a>
  234.                           <ul class="dropdown-menu">
  235.                             {% for diplome in formation.getScatProduits|slice(0,4) %}
  236.                             <li><a href="{{ path('produit_produit_liste_produit_souscategorie', {'id': diplome.id }) }}">{{ diplome.nom }}</a></li>
  237.                             {% endfor %}
  238.                             <li><a href="{{ path('produit_produit_produit_formation_institut', {'id': formation.id }) }}">Toutes les formations</a></li>
  239.                           </ul>
  240.                         </li>
  241.                         {% endfor %}
  242.                       </ul>
  243.                     </li>
  244.                     <li class=" dropdown">
  245.                       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Entreprises</a>
  246.                       <ul class="dropdown-menu">
  248.                         <li class="dropdown">
  249.                           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Partenariat</a>
  250.                           <ul class="dropdown-menu">
  251.                             <li><a href="#!">Nos Partenaires</a></li>
  252.                             <li><a href="#!">Demande de partenariat</a></li>
  253.                           </ul>
  254.                         </li>
  255.                         <li class="dropdown">
  256.                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Etudiants</a>
  257.                             <ul class="dropdown-menu">
  258.                                 <li><a href="">Avantages chez AZ</a></li>
  259.                                 <li><a href="">Réseau des étudiants</a></li>
  260.                                 <li><a href="">Consulter nos offres</a></li>
  261.                                 <li><a href="">Nous joindre</a></li>
  262.                             </ul>
  263.                         </li>
  264.                         <li class="dropdown">
  265.                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Entreprises</a>
  266.                             <ul class="dropdown-menu">
  267.                                 <li><a href="">Embaucher un stagiaire</a></li>
  268.                                 <li><a href="">Embaucher un diplômé</a></li>
  269.                                 <li><a href="">Demande de partenariat</a></li>
  270.                             </ul>
  271.                         </li>
  272.                         <li class="dropdown">
  273.                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Visites d'entreprises</a>
  274.                             <ul class="dropdown-menu">
  275.                                 <li><a href="">Visites 2019</a></li>
  276.                                 <li><a href="">Visites 2018</a></li>
  277.                                 <li><a href="">Visites 2017</a></li>
  278.                             </ul>
  279.                         </li>
  281.                       </ul>
  282.                     </li>
  283.                     <li>
  284.                         <a href="#">Campus</a>
  285.                     </li>
  286.                     <li>
  287.                         <a href="#">Aide</a>
  288.                     </li>
  289.                     <!-- li class="apply_now"><a href="">Apply Now</a></li -->
  290.                   </ul>
  291.                 </div><!-- navbar-collapse -->
  293.               </div>
  294.             </div>
  295.           </div>
  296.         </div><!-- /.container -->
  297.       </nav><!-- navbar -->
  298.     </div>
  299.   </header>
  301. {#
  302. <section style="background: #fff;">
  303. <div class="container">
  304. <a href="{{ path('users_user_acces_plateforme') }}" style="float: left; margin-top: 15px;">
  305.     <img src="{% if paramlogosm != null and paramlogosm.src != null %}{{ asset(paramlogosm.getwebpath) }}{% else %}https://s3.amazonaws.com/libapps/accounts/1226/images/logo_sm.png{% endif %}" alt="{{ site }}" class="scsl-logo" style="height: 60px; margin-bottom: 5px;"/>
  306. </a>
  307. <div class="mynav" role='navigation'>
  308.   <ul>
  309.     <li><a href="#!">Contact Us</a>
  310.       <ul>
  311.         <li><a href="https://api.whatsapp.com/send?phone={{ telwath }}" target="_blank"><span class="fa fa-whatsapp"></span>W/App: {{ telwath }}</a></li>
  312.         <li><a href="tel:{{ telephone }}"><span class="fa fa-phone"></span> MTN: {{ telephone }}</a></li>
  313.         <li><a href="{{ path('produit_service_contact_us') }}"><span class="fa fa-envelope-open-o"></span> Envoyer email</a></li>
  314.         <li><a href="https://tawk.to/chat/5d5d7d44eb1a6b0be608a773/default" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><span class="fa fa-comments-o"></span> Live chat</a></li>
  315.       </ul>
  316.     </li>
  317.     <li><a href="#!">Applications</a>
  318.       <ul>
  319.       <li style="color: green;">Autres plateformes AZ Corporation</li>
  320.         {% for appli in liste_application %}
  321.         <li><a href="{{ appli.siteweb }}" target="_blank">{{ appli.nom }}</a></li>
  322.         {% endfor %}
  323.       </ul>
  324.     </li>
  325.     <li><a href="#!">Espace membre</a>
  326.       <ul>
  327.         {% if app.user != null %}
  328.             <li style="white-space: nowrap;"><a href="{{ path('users_user_user_accueil', {'id': app.user.id}) }}">{{ app.user.name(30) }}</a></li>
  329.             <li style="white-space: nowrap;"><a href="{{ path('users_user_clearpidsessid') }}">Se déconnecter</a></li>
  330.         {% else %}
  331.             <li style="white-space: nowrap;"><a href="{{ path('users_user_connexion_user') }}">Se connecter</a></li>
  332.             <li style="white-space: nowrap;"><a href="{{ path('users_user_inscription_user') }}">Créer un compte</a></li>
  333.         {% endif %}
  334.       </ul>
  335.     </li>
  336.   </ul>
  337. </div>
  338. </div>
  339. </section>
  341. <div id="navigation" class="yamm" style=" background: #092759!important; box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5);transition: all 0.3s cubic-bezier(.25,.8,.25,1); ">
  342.     <div class="navbar navbar-default">
  343.         <div class="container">
  344.             <div class="navbar-header">
  345.                 <button type="button" class="navbar-toggle collapsed btn-primary" data-toggle="collapse" data-target=".navbar-collapse">
  346.                     <span class="sr-only">Toggle navigation</span>
  347.                     <span class="icon-bar"></span>
  348.                     <span class="icon-bar"></span>
  349.                     <span class="icon-bar"></span>
  350.                 </button>
  351.                 <a href="{{ path('users_user_acces_plateforme') }}" class="navbar-brand">
  352.                     <img src="{% if paramlogosm != null and paramlogosm.src != null %}{{ asset(paramlogosm.getwebpath) }}{% else %}https://s3.amazonaws.com/libapps/accounts/1226/images/logo_sm.png{% endif %}" alt="{{ site }}" />
  353.                 </a>
  354.             </div>
  355.             <div class="navbar-collapse collapse" style="margin-left: -20px;">
  357.                 
  358.                 <ul class="nav navbar-nav">
  359.                     <li class="dropdown yamm-fw">
  360.                         <a href="#!" class="dropdown-toggle" data-toggle="dropdown">
  361.                             L'institut
  362.                             <span class="item-caret"> <span class="fa fa-angle-down"></span> </span>
  363.                         </a>
  364.                         <ul class="dropdown-menu">
  365.                             <li>
  366.                                 <div class="yamm-content container">
  367.                                         <div class="col-xs-12 col-md-6">
  368.                                             <h4>À propos de l'institut Az Corporation</h4>
  369.                                             
  370.                                             {% if apropos != null %}
  371.                                             <div class="struct-descript">
  372.                                                 <img src="{% if apropos.imgservice != null and apropos.imgservice.src != null %}{{ asset(apropos.imgservice.getwebpath) }}{% else %}{{ asset('template/images/co.png') }}{% endif %}" alt="Discus" class="" style="max-width: 200px; float: left; margin-right: 7px;"/>
  373.                                                 <div>
  374.                                                     <div style="font-weight: bold;">{{ apropos.nom }}</div>
  375.                                                     <div>{{ apropos.description }}</div>
  376.                                                     <a href="{{ path('produit_service_apropos_denous', {'position': apropos.typearticle, 'idart': apropos.id }) }}" style="color: red; padding: 2px 0px; text-decoration: underline; ">En savoir plus <span class="fa fa-angle-right"></span> </a>
  377.                                                 </div>
  378.                                             </div>
  379.                                             {% else %}
  380.                                             <div class="struct-descript">
  381.                                                 <img src="{{ asset('template/images/co.png') }}" alt="Discus" class="thumbnail" style="height: 150px; float: left; margin-right: 7px;"/>
  382.                                                 <div>
  383.                                                     <h4>Bienvenue à l'institut AZ Corp</h4>
  384.                                                     <div>Fondé en 2012, Az Corporation ....</div>
  385.                                                     <a href="#!" style="color: red; padding: 2px 0px; text-decoration: underline; ">En savoir plus <span class="fa fa-angle-right"></span> </a>
  386.                                                 </div>
  387.                                             </div>
  388.                                             {% endif %}
  389.                                             <div>
  390.                                                 <ul class="navgul">
  391.                                                     <li><a href="{{ path('produit_service_apropos_denous', {'position': 'evenement' }) }}">Evènements</a></li>
  392.                                                     <li><a href="{{ path('produit_service_apropos_denous', {'position': 'mediatheque' }) }}">Vidéothèque</a></li>
  393.                                                     <li><a href="{{ path('produit_service_apropos_denous', {'position': 'galeriephoto' }) }}">Galerie Photo</a></li>
  394.                                                     <li><a href="{{ path('produit_service_contact_us') }}">Nous contacter</a></li>
  395.                                                     <li><a href="{{ path('produit_service_apropos_denous', {'position': 'actualite' }) }}">Actualité</a></li>
  396.                                                     <li><a href="{{ path('produit_service_apropos_denous', {'position': 'temoignage' }) }}">Temoignage collaborateurs</a></li>
  397.                                                     <li><a href="{{ path('produit_service_apropos_denous', {'position': 'avis' }) }}">Avis des étudiant(e)s</a></li>
  398.                                                     <li><a href="{{ path('produit_service_apropos_denous', {'position': 'planingcours' }) }}">Planing des cours</a></li>
  399.                                                 </ul>
  400.                                             </div>
  401.                                         </div>
  402.                                         <div class="col-xs-12 col-md-6" style="background: #fff!important;">
  403.                                         <h4 style="color: #333;">Démarche AZ corporation</h4>
  404.                                             
  405.                                             
  406. <div class="timeline">
  407.     {% for article in article_demarche %}
  408.     <div class="entry">
  409.       <div class="core">
  410.       <h5>Etape {{ loop.index }}</h5>
  411.         <a href="{{ path('produit_service_apropos_denous', {'position': article.typearticle, 'idart': article.id }) }}"  style="display: inline-block; ">{{ article.nom }}</a>
  412.       </div>
  413.     </div>
  414.     <br/>
  415.     {% else %} 
  416.     <div class="entry">
  417.       <div class="core">
  418.       <h5>Etape 1:</h5>
  419.         <a href="#!" style="padding: 2px; line-height: 10px;">Entretien et orientation </a>
  420.       </div>
  421.     </div>
  422.     <br/>
  423.     <div class="entry">
  424.       <div class="core">
  425.       <h5>Etape 2:</h5>
  426.         <a href="#!" style="padding: 2px; line-height: 10px;">Inscription à une formation</a>
  427.       </div>
  428.     </div>
  429.     <br/>
  430.     <div class="entry">
  431.       <div class="core">
  432.       <h5>Etape 3:</h5>
  433.         <a href="#!" style="padding: 2px; line-height: 10px;">Formation</a>
  434.       </div>
  435.     </div>
  436.     <br/>
  437.     {% endfor %} 
  439. </div>
  441.                                             <ul class="navgul">
  442.                                                 <li><a href="#!" style="color: #333;">Suivre une formation</a></li>
  443.                                             </ul>
  444.                                         </div>
  445.                                     </div>
  446.                             </li>
  447.                         </ul>
  448.                     </li>
  449.                     {% for formation in liste_formation %}
  450.                     <li class="dropdown yamm-fw">
  451.                         <a href="#!" class="dropdown-toggle" data-toggle="dropdown">
  452.                             {{ formation.nom }}
  453.                             <span class="item-caret"> <span class="fa fa-angle-down"></span> </span>
  454.                         </a>
  455.                         <ul class="dropdown-menu">
  456.                             <li>
  457.                                 <div class="yamm-content container">
  458.                                     <div class="col-xs-12 col-md-4">
  459.                                         <h4>{{ formation.nom }}</h4>
  460.                                         <div class="nav-feature">
  461.                                             <h5>{{ formation.description }}</h5>
  462.                                             <p><a href="{{ path('produit_produit_produit_formation_institut', {'id': formation.id }) }}"><img src="{% if formation.src != null %}{{ asset(formation.getwebpath) }}{% else %}{{ asset('template/images/co.jpg') }}{% endif %}" alt="{{ formation.nom }}"/></a><br /></p>
  463.                                         </div>
  464.                                     </div>
  465.                                     
  466.                                     <div class="col-xs-12 col-md-8" style="padding: 0px;">
  467.                                         {% for diplome in formation.getScatProduits|slice(0,4) %}
  468.                                         <div class="col-xs-12 col-md-6">
  469.                                         <h4 class="coustom-my-text">{{ diplome.nom }}</h4>
  470.                                         <ul class="navgul">
  471.                                             {% for prod in diplome.getProduitScat|slice(0,2) %}
  472.                                             <li><a href="{{ path('produit_produit_detail_produit_market', {'id': prod.id}) }}">{{ prod.nom }}</a></li>
  473.                                             {% endfor %}
  474.                                             <li><a href="{{ path('produit_produit_liste_produit_souscategorie', {'id': diplome.id }) }}"><span class="fa fa-angle-right"></span> Liste complète des formations</a></li>
  475.                                         </ul>
  476.                                         </div>
  477.                                         {% endfor %}
  478.                                     </div>
  479.                                 </div>
  480.                             </li>
  481.                         </ul>
  482.                     </li>
  483.                     {% endfor %}
  485.                     <li class="dropdown yamm-fw">
  486.                         <a href="#!" class="dropdown-toggle" data-toggle="dropdown">
  487.                             Entreprises
  488.                             <span class="item-caret"> <span class="fa fa-angle-down"></span> </span>
  489.                         </a>
  490.                         <ul class="dropdown-menu">
  491.                             <li>
  492.                                 <div class="yamm-content container">
  493.                                     <div class="col-xs-12 col-md-3">
  494.                                         <h4>Partenariat</h4>
  495.                                         <div class="nav-search-form">
  496.                                         <p class="hidden-xs hidden-sm"><a href="#!" class="coll-link"><img src="{{ asset('template/images/present.png') }}" /></a></p>
  497.                                             <ul class="navgul">
  498.                                                 <li><a href="">Nos Partenaires</a></li>
  499.                                                 <li><a href="">Demande de partenariat</a></li>
  500.                                             </ul>
  501.                                         </div>
  502.                                     </div>
  503.                                     <div class="col-xs-12 col-md-3">
  504.                                         <h4>Etudiants</h4>
  505.                                         <div class="nav-search-form">
  506.                                         <p class="hidden-xs hidden-sm"><a href="#!" class="coll-link"><img src="{{ asset('template/images/present.png') }}" /></a></p>
  507.                                             <ul class="navgul">
  508.                                                 <li><a href="">Avantages chez AZ</a></li>
  509.                                                 <li><a href="">Réseau des étudiants</a></li>
  510.                                                 <li><a href="">Consulter nos offres</a></li>
  511.                                                 <li><a href="">Nous joindre</a></li>
  512.                                             </ul>
  513.                                         </div>
  514.                                     </div>
  515.                                     <div class="col-xs-12 col-md-3">
  516.                                         <h4>Entreprises</h4>
  517.                                         <div class="nav-search-form">
  518.                                         <p class="hidden-xs hidden-sm"><a href="#!" class="coll-link"><img src="{{ asset('template/images/present.png') }}" /></a></p>
  519.                                             <ul class="navgul">
  520.                                                 <li><a href="">Embaucher un stagiaire</a></li>
  521.                                                 <li><a href="">Embaucher un diplômé</a></li>
  522.                                                 <li><a href="">Demande de partenariat</a></li>
  523.                                             </ul>
  524.                                         </div>
  525.                                     </div>
  527.                                     <div class="col-xs-12 col-md-3">
  528.                                         <h4>Visites d'entreprise</h4>
  529.                                         <div class="nav-search-form">
  530.                                         <p class="hidden-xs hidden-sm"><a href="#!" class="coll-link"><img src="{{ asset('template/images/present.png') }}" /></a></p>
  531.                                             <ul class="navgul">
  532.                                                 <li><a href="">Visites 2019</a></li>
  533.                                                 <li><a href="">Visites 2018</a></li>
  534.                                                 <li><a href="">Visites 2017</a></li>
  535.                                             </ul>
  536.                                         </div>
  537.                                     </div>
  538.                                 </div>
  539.                             </li>
  540.                         </ul>
  541.                     </li>
  542.                     
  543.                     <li class="dropdown yamm-fw">
  544.                         <a href="{{ path('produit_service_apropos_denous', {'position': 'aproposinstitut' }) }}">Campus</a>
  545.                     </li>
  546.                     <li class="dropdown yamm-fw">
  547.                         <a href="{{ path('produit_service_apropos_denous', {'position': 'aide' }) }}">Aide</a>
  548.                     </li>
  549.                 </ul>
  550.                 <a href="" style="float: right; padding: 15px 7px; display: inline-block; color: #fff; font-weight: bold;">
  551.                     <span class="fa fa-th"></span>
  552.                 </a>
  553.             </div>
  554.         </div>
  555.     </div>
  556. </div>
  559. <script type="text/javascript">
  560. $(function(){
  561.    $(window).bind('scroll', function(){
  562.         var largeur = ($(window).width());
  563.         dimension = 150;
  564.         /*if (largeur < 768)
  565.         {
  566.             dimension = 800;
  567.         }*/
  568.         // The value of where the "scoll" is.
  569.         if($(window).scrollTop() > dimension){
  570.           $('.yamm').addClass('my-fixed-nav');
  571.         }else{
  572.           $('.yamm').removeClass('my-fixed-nav');
  573.         }
  574.     });
  575. });
  576. </script>
  577. #}
  582. {% else %}
  583.     {% if position == 'admin' %}
  584.     
  585.             <header id="header" class="page-topbar">
  586.                 <div style="background: #092759!important; height: 65px; position: fixed; z-index: 500; width: 100%; padding: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  587.                     transition: all 0.3s cubic-bezier(.25,.8,.25,1);">
  588.                     <a href="#!" id="hamburger" class="toggle-dashboard-nav hamburger-icon-container">
  589.                         <span class="hamburger-icon"></span>
  590.                     </a>
  591.                 </div>
  592.             </header>
  594.         {% else %}
  595.         {% if position == 'dashboard' %}
  596.             
  597.             
  598.         <!-- Begining Header -->
  600.         <div class="app-top-bar top-bar-text-light" style="background: #092759;">
  601.             <div class="container fiori-container">
  602.                 <div class="top-bar-left">
  603.                     <ul class="nav">
  604.                         <li class="nav-item">
  605.                             <a href="http://azcorporation.net" target="_blank" class="nav-link">
  606.                                 www.azcorporation.net
  607.                             </a>
  608.                         </li>
  609.                         <li class="nav-item ml-1">
  610.                             <a data-placement="top" rel="popover-focus" data-toggle="popover-custom" class="nav-link" data-original-title="" title="">
  611.                                 Plus de produits Az
  612.                                 <i class="fa fa-angle-down ml-2 opacity-8"></i>
  613.                             </a>
  614.                             <div class="rm-max-width">
  615.                                 <div class="d-none popover-custom-content">
  616.                                     <div class="grid-menu grid-menu-2col">
  617.                                         <div class="no-gutters row" style="min-width: 400px;">
  619.                                             {% for cat in categories_app|slice(0,2) %}
  620.                                                 {% for prod in cat.applications %}
  621.                                                 <div class="col-sm-6 col-md-6">
  622.                                                     <a href="prod.link" class="btn-icon-vertical btn-transition-text btn-transition btn-transition-alt pt-2 pb-2 btn btn-outline-dark">
  623.                                                     {% if prod.src != null %}
  624.                                                         <div><img src="{{ asset(prod.getwebpath) }}" alt="" style="height: 20px;"/></div>
  625.                                                     {% else %}
  626.                                                         <i class="lnr-lighter text-dark opacity-7 btn-icon-wrapper mb-2"> </i>
  627.                                                     {% endif %}
  628.                                                     {{ prod.nom }}
  629.                                                     </a>
  630.                                                 </div>
  631.                                                 {% endfor %}
  632.                                             {% endfor %}
  633.                                             
  634.                                         </div>
  635.                                     </div>
  636.                                     <ul class="nav flex-column">
  637.                                         <li class="nav-item-divider nav-item"></li>
  638.                                         <li class="nav-item-btn d-block text-center nav-item">
  639.                                             <button class="btn-shadow btn btn-focus btn-sm">Afficher tout</button>
  640.                                         </li>
  641.                                     </ul>
  642.                                 </div>
  643.                             </div>
  644.                         </li>
  645.                     </ul>
  646.                 </div>
  647.                 <div class="top-bar-right">
  648.                     <ul class="nav">
  649.                         <li class="nav-item mr-1">
  650.                             <a href="{{ path('produit_service_apropos_denous', {'position': 'aide'}) }}" class="nav-link">
  651.                                 Aide
  652.                             </a>
  653.                         </li>
  654.                         <li class="nav-item mr-2">
  655.                             <a href="{{ path('produit_service_contact_us') }}" class="nav-link">
  656.                                 Nous contactez
  657.                             </a>
  658.                         </li>
  659.                         <li class="nav-item dropdown">
  660.                             <a aria-haspopup="true" data-toggle="dropdown" aria-expanded="false" class="nav-link">
  661.                                 <i class="typcn typcn-user mr-1"></i>
  662.                                 Mon Compte
  663.                                 <i class="fa fa-angle-down ml-2 opacity-8"></i>
  664.                             </a>
  665.                              <div tabindex="-1" role="menu" aria-hidden="true" class="rm-pointers dropdown-menu dropdown-menu-right" x-placement="bottom-end" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(111px, 29px, 0px);">
  666.                                 <div class="dropdown-menu-header">
  667.                                     <div class="dropdown-menu-header-inner pt-4 pb-4 bg-focus">
  668.                                         <div class="menu-header-content text-center text-white">
  669.                                             <h6 class="menu-header-subtitle mt-0">
  670.                                                 {{ app.user.name(25) }}
  671.                                             </h6>
  672.                                         </div>
  673.                                     </div>
  674.                                 </div>
  675.                                 <h6 tabindex="-1" class="dropdown-header">
  676.                                     Opérations
  677.                                 </h6>
  678.                                 <a href="" type="button" tabindex="0" class="dropdown-item">
  679.                                     <span class="mr-3 opacity-8 flag large US"></span>
  680.                                     Paramètres
  681.                                 </a>
  682.                                 <a href="" type="button" tabindex="0" class="dropdown-item">
  683.                                     <span class="mr-3 opacity-8 flag large CH"></span>
  684.                                     Mes commandes
  685.                                 </a>
  686.                                 <a href="" type="button" tabindex="0" class="dropdown-item">
  687.                                     <span class="mr-3 opacity-8 flag large FR"></span>
  688.                                     Mes contacts
  689.                                 </a>
  690.                                 <div tabindex="-1" class="dropdown-divider"></div>
  691.                                 <h6 tabindex="-1" class="dropdown-header">Session</h6>
  692.                                 <a href="{{ path('users_user_clearpidsessid') }}" type="button" tabindex="0" class="dropdown-item active">
  693.                                     <span class="mr-3 opacity-8 flag large DE"></span>
  694.                                     Se déconnecter
  695.                                 </a>
  696.                             </div>
  697.                         </li>
  698.                     </ul>
  699.                 </div>
  700.             </div>
  701.         </div>
  702.         
  703.         
  704.         
  705.         <div class="app-header header-shadow">
  706.             <div class="container fiori-container">
  707.                 <div class="app-header__mobile-menu">
  708.                     <div>
  709.                         <button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
  710.                             <span class="hamburger-box">
  711.                                 <span class="hamburger-inner"></span>
  712.                             </span>
  713.                         </button>
  714.                     </div>
  715.                 </div>
  716.                 <div class="app-header__logo" style="background: #fff; margin-top: 0px;">
  717.                     <a href="{{ path('users_user_acces_plateforme') }}">
  718.                         <img src="{{ asset('template/images/logo.png') }}" alt="" style="width: 60px;"/>
  719.                     </a>
  720.                 </div>
  721.                 <ul class="horizontal-nav-menu">
  722.                     <li class="dropdown">
  723.                         <a data-toggle="dropdown" data-offset="10" data-display="static" aria-expanded="false" class="active">
  724.                             <i class="nav-icon-big typcn typcn-directions"></i>
  725.                             <span>L'institut</span>
  726.                             <i class="nav-icon-pointer icon ion-ios-arrow-down"></i>
  727.                         </a>
  728.                         <div tabindex="-1" role="menu" aria-hidden="true" class="dropdown-menu dropdown-menu-lg">
  729.                             <div class="dropdown-menu-header">
  730.                                 <div class="dropdown-menu-header-inner bg-plum-plate" style="background: #092759!important;">
  731.                                     <div class="menu-header-content text-left" style="background: #092759!important;">
  732.                                         <h5 class="menu-header-title">{{ site }}</h5>
  733.                                         <h6 class="menu-header-subtitle">{{ slogan }}</h6>
  734.                                     </div>
  735.                                 </div>
  736.                             </div>
  737.                             <div class="scroll-area-xs">
  738.                                 <div class="scrollbar-container ps">
  739.                                     <a href="{% if apropos != null %}{{ path('produit_service_apropos_denous', {'idart': apropos.id , 'position': 'aproposinstitut'}) }}{% else %}#!{% endif %}" class="dropdown-item"><span class="nav__title">À propos</span></a>
  740.                                     <a href="{{ path('produit_service_apropos_denous', {'position': 'evenement'}) }}" class="dropdown-item"><span class="nav__title">Evènement</span></a>
  741.                                     <a href="" class="dropdown-item"><span class="nav__title">Actualité</span></a>
  742.                                     <a href="" class="dropdown-item"><span class="nav__title">vidéos</span></a>
  744.                                 <div class="ps__rail-x" style="left: 0px; bottom: 0px;"><div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__rail-y" style="top: 0px; right: 0px;"><div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
  745.                             </div>
  746.                             <ul class="nav flex-column">
  747.                                 <li class="nav-item-divider nav-item"></li>
  748.                                 <li class="nav-item-btn nav-item d-block text-center">
  749.                                     <a href="{{ path('produit_service_apropos_denous', {'position': 'about'}) }}" class="btn-wide btn-shadow btn btn-success btn-sm" style="background: #092759!important;">À propos</a>
  750.                                 </li>
  751.                             </ul>
  752.                         </div>
  753.                     </li>
  754.                     
  755.                     
  756.                     {% for formation in liste_formation %}
  757.                     <li class="dropdown">
  758.                          <a data-toggle="dropdown" data-offset="10" data-display="static" aria-expanded="false">
  759.                             <i class="nav-icon-big typcn typcn-tags"></i>
  760.                             <span>{{ formation.nom }}</span>
  761.                             <i class="nav-icon-pointer icon ion-ios-arrow-down"></i>
  762.                         </a>
  763.                         
  764.                         <div tabindex="-1" role="menu" aria-hidden="true" class="dropdown-menu">
  765.                             <div class="dropdown-mega-menu dropdown-mega-menu-sm p-0">
  766.                                 <div class="grid-menu grid-menu-3col">
  767.                                     <div class="nav flex-column">
  768.                                         <div class="row no-gutters">
  769.                                             {% for diplome in formation.getScatProduits|slice(0,4) %}
  770.                                             <div class="col-sm-4">
  771.                                                 <div class="nav flex-column">
  772.                                                     <div class="nav-item-header text-primary nav-item">
  773.                                                         {{ diplome.nom }}
  774.                                                     </div>
  775.                                                     {% for prod in diplome.getProduitScat|slice(0,4) %}
  776.                                                     <a href="{{ path('produit_produit_detail_produit_market', {'id': prod.id}) }}" class="dropdown-item">
  777.                                                         {{ prod.nom }}
  778.                                                     </a>
  779.                                                     {% endfor %}
  780.                                                     <a href="{{ path('produit_produit_liste_produit_souscategorie', {'id': diplome.id }) }}" class="dropdown-item"><span class="fa fa-angle-right"></span> Liste complète des formations</a>
  781.                                                 </div>
  782.                                             </div>
  783.                                             {% endfor %}
  784.                                         </div>
  785.                                     </div>
  786.                                 </div>
  787.                             </div>
  788.                         </div>
  790.                     </li>
  791.                     {% endfor %}
  792.                     
  793.                 </ul> 
  794.                 <div class="app-header-right">
  795.                     <div class="search-wrapper">
  796.                         <i class="search-icon-wrapper typcn typcn-zoom-outline"></i>
  797.                         <input type="text" placeholder="Search...">
  798.                     </div>  
  799.                 </div>
  800.                 <div class="app-header__menu">
  801.                 <span>
  802.                     <button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
  803.                         <span class="btn-icon-wrapper">
  804.                             <i class="fa fa-ellipsis-v fa-w-6"></i>
  805.                         </span>
  806.                     </button>
  807.                 </span>
  808.                 </div>
  809.             </div>
  810.         </div>    
  811.         
  812.         <!-- End Hearder -->
  813.         
  814.         
  815.         
  816.         {% else %}
  817.             
  818.         {% endif %}
  819.     {% endif %}
  820. {% endif %}