templates/base/topbar.html.twig line 1

Open in your IDE?
  1. <!-- Header Top wrapper -->
  2. <div class="site-header-top-wrapper">
  3.     <!-- Header Top container -->
  4.     <div class="siteheader-container container">
  5.         <!-- Header Top -->
  6.         <div class="site-header-row site-header-top d-flex justify-content-between">
  7.             <!-- Header Top Left Side -->
  8.             <div class="site-header-top-left d-flex">
  9.             </div>
  10.             <!--/ .site-header-top-left -->
  12.             <!-- Header Top Right Side -->
  13.             <div class="site-header-top-right d-flex">
  14.                 <!-- Languages -->
  15.                 <div class="topnav topnav--lang align-self-center">
  16.                     <div class="languages drop">
  17.                         <a href="#" class="topnav-item">
  18.                             <span class="fas fa-globe xs-icon"></span>
  19.                             <span class="topnav-item--text">LANGUAGES</span>
  20.                         </a>
  21.                         <div class="pPanel">
  22.                             <ul class="inner">
  23.                                 <li class="toplang-item active">
  24.                                     <a href="#">
  25.                                         <img src="{{ asset('pics/en.svg') }}" alt="English" class="toplang-flag "> English
  26.                                     </a>
  27.                                 </li>
  28.                                 <li class="toplang-item">
  29.                                     <a href="#">
  30.                                         <img src="{{ asset('pics/fr.svg') }}" alt="Francais" class="toplang-flag "> Francais
  31.                                     </a>
  32.                                 </li>
  33.                                 <li class="toplang-item">
  34.                                     <a href="#">
  35.                                         <img src="{{ asset('pics/es.svg') }}" alt="Espanol" class="toplang-flag "> Espanol
  36.                                     </a>
  37.                                 </li>
  38.                             </ul>
  39.                         </div>
  40.                     </div>
  41.                 </div>
  42.                 <!--/ Languages -->
  44.                 <div class="topnav support--panel align-self-center">
  45.                     <!-- Support panel trigger -->
  46.                     <label for="support_p" class="topnav-item spanel-label">
  47.                         <i class="fas fa-info-circle support-info closed"></i>
  48.                         <i class="far fa-times-circle support-info opened"></i>
  49.                         <span class="topnav-item--text">SUPPORT</span>
  50.                     </label>
  51.                     <!--/ Support panel trigger -->
  52.                 </div>
  54.                 <!-- Login trigger -->
  55.                 <div class="topnav login--panel align-self-center">
  56.                     {% if app.user %}
  57.                         <a class="topnav-item" href="{{ path('app_logout') }}">
  58.                             <i class="login-icon fas fa-sign-out-alt visible-xs xs-icon"></i>
  59.                             <span class="topnav-item--text">{{ app.user.username }}</span>
  60.                         </a>
  61.                     {% else %}
  62.                     <a class="topnav-item popup-with-form" href="#login_panel">
  63.                         <i class="login-icon fas fa-sign-in-alt visible-xs xs-icon"></i>
  64.                         <span class="topnav-item--text">LOGIN</span>
  65.                     </a>
  66.                     {% endif %}
  67.                 </div>
  68.                 <!--/ Login trigger -->
  70.                 <!-- header search -->
  71.                 <div id="search" class="header-search align-self-center">
  72.                     <a href="#" class="searchBtn "><span class="fas fa-search white-icon"></span></a>
  73.                     <div class="search-container">
  74.                         <form id="searchform" class="header-searchform" action="https://www.google.com/search" method="get" target="_blank">
  75.                             <input id="q" name="q" maxlength="20" class="inputbox" type="text" size="20" value="SEARCH ..." onblur="if (this.value=='') this.value='SEARCH ...';" onfocus="if (this.value=='SEARCH ...') this.value='';">
  76.                             <button type="submit" id="searchsubmit" class="searchsubmit fas fa-search white-icon"></button>
  77.                         </form>
  78.                     </div>
  79.                 </div>
  80.                 <!--/ header search -->
  81.             </div>
  82.             <!--/ .site-header-top-right -->
  83.         </div>
  84.         <!--/ .site-header-row .site-header-top -->
  86.         <!-- Header separator
  87.         <div class="separator site-header-separator"></div>
  88.         / Header separator -->
  89.     </div>
  90.     <!--/ .siteheader-container .container -->
  91. </div>
  92. <!--/ Header Top wrapper -->