templates/siteBase/header.html.twig line 1

Open in your IDE?
  1. <body onload=" if($('.preloader').length){$('.preloader').delay(200).fadeOut(500); }">
  2. <div class="preloader">
  3. </div>
  5. {#
  6. -- İletişim bilgileri için : {{ 'alan'|site_iletisimBilgileri|raw }} kullanın. Ör: {{ 'telefon'|site_iletisimBilgileri|raw }}
  7. -- Anasayfa Linki : {{ ''|site_anaLink }} kullanın.
  8. -- İletişim Linki : {{ iletisimLink }} kullanın.
  9. -- Logolar : {{ path('panel_storage',{'file':'logo.webp'}) }} kullanın. Logo sabit isimleri logo.webp, beyazLogo.webp, favicon.webp 'dir.
  10. -- Sosyal Ağlar : "sosyalAglar" adında bir dizide döndürülmektedir. Dizinin "adi, link, ikon" değişkenleri bulunuyor. Bu bilgiler ile kodlayınız.
  11. -- Menüler : "menuler" adında bir dizide döndürülmektedir. Dizinin "adi, link, altmenuler[]" değişkenleri bulunuyor. "altmenuler" adında her döngüde varsa yine "adi, link" değişkenleri dizi halinde döndürülüyor. Eğer altmenüler dizisi yok ise açılır menü yapmayınız. Bu bilgiler ile kodlamayınız.
  13. ----------------------------------------------------
  14. #}
  15. <!-- page wrapper start -->
  16. <div class="page-wrapper">
  17.   <header id="site-header" class="header">
  18.     <div class="header-top">
  19.       <div class="container-fluid">
  20.         <div class="row align-items-center">
  21.           <div class="col-lg-8 col-md-6">
  22.             <div class="topbar-link">
  23.               <ul class="list-inline">
  24.                 <li>
  25.                   <i class="flaticon flaticon-pin-1"></i>
  26.                   <span>{{ 'adres'|site_iletisimBilgileri|raw }}</span>
  27.                 </li>
  28.                 <li>
  29.                   <i class="flaticon flaticon-mail"></i>
  30.                   <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">{{ 'eposta'|site_iletisimBilgileri|raw }}</a>
  31.                 </li>
  32.               </ul>
  33.             </div>
  34.           </div>
  35.           <div class="col-lg-4 col-md-6 d-flex align-items-center justify-content-end">
  36.             <div class="social-icons ms-4">
  37.               <ul class="list-inline">
  38.                 {% for sosyal in sosyalAglar %}
  39.                   <li>
  40.                     <a href="{{ sosyal.link }}" target="_blank">
  41.                       <i class="{{ sosyal.ikon }}"></i>
  42.                     </a>
  43.                   </li>
  44.                 {% endfor %}
  45.               </ul>
  46.             </div>
  47.           </div>
  48.         </div>
  49.       </div>
  50.     </div>
  51.     <div id="header-wrap">
  52.       <div class="container-fluid">
  53.         <div class="row">
  54.           <div class="col">
  55.             <nav class="navbar navbar-expand-xl">
  56.               <a class="navbar-brand logo" href="{{ ''|site_anaLink }}">
  57.                 <img class="img-fluid" src="{{ path('panel_storage', {'file': 'logo.webp'}) }}" alt="Logo">
  58.               </a>
  59.               <button class="navbar-toggler ht-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
  60.                 <svg width="100" height="100" viewBox="0 0 100 100">
  61.                   <path class="line line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331..."></path>
  62.                   <path class="line line2" d="M 20,50 H 80"></path>
  63.                   <path class="line line3" d="M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669..."></path>
  64.                 </svg>
  65.               </button>
  66.               <div class="collapse navbar-collapse" id="navbarNav">
  67.                 <ul class="nav navbar-nav">
  68.                   {% for menu in menuler %}
  69.                     <li class="nav-item {% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}dropdown{% endif %}">
  70.                       <a class="nav-link {% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}dropdown-toggle{% endif %}" href="{{ menu.link }}" {% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}data-bs-toggle="dropdown"{% endif %}>{{ menu.adi }}</a>
  71.                       {% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}
  72.                         <ul class="dropdown-menu">
  73.                           {% for alt in menu.altmenuler %}
  74.                             <li><a href="{{ alt.link }}">{{ alt.adi }}</a></li>
  75.                           {% endfor %}
  76.                         </ul>
  77.                       {% endif %}
  78.                     </li>
  79.                   {% endfor %}
  80.                 </ul>
  81.               </div>
  82.               <div class="header-right d-flex align-items-center justify-content-end">
  83.                 <div class="header-number mx-4">
  84.                   <i class="flaticon flaticon-telephone"></i>
  85.                   <div>
  86.                     <span>Telefon:</span>
  87.                     <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a>
  88.                   </div>
  89.                 </div>
  90.                
  91.               </div>
  92.             </nav>
  93.           </div>
  94.         </div>
  95.       </div>
  96.     </div>
  97.   </header>