templates/client/common/parts/header.html.twig line 1

Open in your IDE?
  1. <section class="uk-background-primary uk-light uk-section tm-section-mini uk-visible@l">
  2.     <div class="uk-container uk-container-large">
  3.         <div class="uk-child-width-1-2@m" uk-grid>
  4.             <div>
  5.                 <ul class="uk-subnav">
  6.                     <li><a href="tel:+35725029990"><span uk-icon="phone"></span> +357 25029990</a></li>
  7.                     <li><a href="mailto:[email protected]"><span uk-icon="mail"></span> [email protected]</a></li>
  8.                 </ul>
  9.             </div>
  10.             <div class="uk-flex uk-flex-right">
  11.                 <ul class="uk-subnav">
  12.                     <li><a target="_blank" href="https://www.linkedin.com/company/youdream/"><span uk-icon="linkedin"></span></a></li>
  13.                 </ul>
  14.             </div>
  15.         </div>
  16.     </div>
  17. </section>
  19. <div class="tm-header uk-background-muted uk-visible@l" uk-header>
  20.     <div uk-sticky media="@l" cls-active="uk-navbar-sticky" sel-target=".uk-navbar-container">
  21.         <div class="uk-navbar-container">
  22.             <div class="uk-container uk-container-expand">
  23.                 <nav class="uk-navbar" uk-navbar="{align: left; boundary: .tm-header .uk-navbar-container; container: .tm-header > [uk-sticky]}">
  24.                     <div class="uk-navbar-left">
  25.                         <a href="{{ path('homepage') }}" class="uk-navbar-item uk-logo">
  26.                             <img width="300" height="145" src="{{ asset("/assets/images/logo.svg") }}" alt="YouDream Training & Development" />
  27.                             <img class="uk-logo-inverse" alt="YouDream Training & Development" src="{{ asset("/assets/images/logo.svg") }}">
  28.                         </a>
  29.                     </div>
  30.                     <div class="uk-navbar-center">
  31.                         <ul class="uk-navbar-nav">
  32.                             <li {% if (app.request.get('_route') matches '/^homepage/')  %}class="uk-active"{% endif %}><a href="{{ path('homepage') }}">Home</a></li>
  33.                             <li>
  34.                                 <a href="{{ path('client_career_path_list') }}">Career Path</a>
  35.                                 {% if menuCareerPaths|length > 0 %}
  36.                                 <div class="uk-navbar-dropdown" uk-drop="clsDrop: uk-navbar-dropdown; flip: x; pos: bottom-left; mode: hover; container: .tm-header > [uk-sticky]">
  37.                                     <div class="uk-navbar-dropdown-grid uk-child-width-1-1" uk-grid>
  38.                                         <div>
  39.                                             <ul class="uk-nav uk-navbar-dropdown-nav">
  40.                                                 {% for item in menuCareerPaths %}
  41.                                                 <li><a href="{{ item.path }}" class="elementor-sub-item menu-link">{{ item.title }}</a></li>
  42.                                                 {% endfor %}
  43.                                             </ul>
  44.                                         </div>
  45.                                     </div>
  46.                                 </div>
  47.                                 {% endif %}
  48.                             </li>
  49.                             <li>
  50.                                 <a href="{{ path('client_course_list') }}">Courses</a>
  51.                                 {% if menuCourses|length > 0 %}
  52.                                 <div class="uk-navbar-dropdown" uk-drop="clsDrop: uk-navbar-dropdown; flip: x; pos: bottom-left; mode: hover; container: .tm-header > [uk-sticky]">
  53.                                     <div class="uk-navbar-dropdown-grid uk-child-width-1-1" uk-grid>
  54.                                         <div>
  55.                                             <ul class="uk-nav uk-navbar-dropdown-nav">
  56.                                                 {% for item in menuCourses %}
  57.                                                 <li><a href="{{ item.path }}" class="elementor-sub-item menu-link">{{ item.title }}</a></li>
  58.                                                 {% endfor %}
  59.                                             </ul>
  60.                                         </div>
  61.                                     </div>
  62.                                 </div>
  63.                                 {% endif %}
  64.                             </li>
  65.                             <li {% if (app.request.get('_route') matches '/^client_blog/')  %}class="uk-active"{% endif %}><a href="{{ path('client_blog_article_list') }}">Our Blog</a></li>
  66.                             <li><a href="https://dreamjob.services/" target="_blank">Dream Job</a></li>
  67.                         </ul>
  68.                     </div>
  69.                     <div class="uk-navbar-right">
  70.                         <div class="uk-navbar-item">
  71.                             <div class="uk-margin-remove-last-child custom" >
  72.                                 <div class="uk-grid-collapse" uk-grid>
  73.                                     {% if not is_granted('ROLE_CLIENT') %}
  74.                                     <div><a class="uk-button uk-link-reset" href="{{ path('app_login') }}">Login</a></div>
  75.                                     <div><a class="uk-button uk-button-primary" href="{{ path('app_register') }}">Register</a></div>
  76.                                     {% else %}
  77.                                     <div class="uk-margin-right">
  78.                                         {{ include("/client/common/parts/minicart.html.twig") }}
  79.                                     </div>
  80.                                     <div><a class="uk-button uk-button-primary" href="{{ path('client_dashboard') }}">My Profile</a></div>
  81.                                     <div><a class="uk-button uk-link-reset" href="{{ path('app_logout') }}">Logout</a></div>
  82.                                     {% endif %}
  83.                                 </div>
  84.                             </div>
  85.                         </div>
  86.                     </div>
  87.                 </nav>
  88.             </div>
  89.         </div>
  90.     </div>
  91. </div>