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 }} ve isim olarak Bize Ulaşın 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. #}
  16. <!-- Preloader Start -->
  17. <div class="preloader">
  18.     <div class="loading-container">
  19.         <div class="loading"></div>
  20.         <div id="loading-icon"><img src="{{ path('panel_storage',{'file':'favicon.webp'}) }}" alt=""></div>
  21.     </div>
  22. </div>
  23. <!-- Preloader End -->
  25. <!-- Topbar Section Start -->
  26. <div class="topbar">
  27.     <div class="container">
  28.         <div class="row align-items-center">
  29.             <div class="col-lg-4 col-md-6">
  30.                 <!-- Topbar Contact Information Start -->
  31.                 <div class="topbar-contact-info">
  32.                     <ul>
  33.                         <li><a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}"><img src="/dist/images/icon-mail.svg" alt="">{{ 'eposta'|site_iletisimBilgileri|raw }}</a></li>
  34.                     </ul>
  35.                 </div>
  36.                 <!-- Topbar Contact Information End -->
  37.             </div>
  39.             <div class="col-lg-4 col-md-6">
  40.              
  41.             </div>
  43.             <div class="col-lg-4 col-md-6">
  44.                 <!-- Topbar Contact Information Start -->
  45.                 <div class="topbar-time">
  46.                     <ul>
  47.                         <li><a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}"><img src="/dist/images/icon-phone.svg" alt="">{{ 'telefon'|site_iletisimBilgileri|raw }}</a></li>
  48.                     </ul>
  49.                 </div>
  50.                 <!-- Topbar Contact Information End -->
  51.             </div>
  52.         </div>
  53.     </div>
  54. </div>
  55. <!-- Topbar Section End -->
  57. <!-- Header Start -->
  58. <header class="main-header">
  59.     <div class="header-sticky">
  60.         <nav class="navbar navbar-expand-lg">
  61.             <div class="container">
  62.                 <!-- Logo Start -->
  63.                 <a class="navbar-brand" href="{{ ''|site_anaLink }}">
  64.                     <img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="Logo" style="width:140px!important;">
  65.                 </a>
  66.                 <!-- Logo End -->
  68.                 <!-- Main Menu Start -->
  69.                 <div class="collapse navbar-collapse main-menu">
  70.                     <div class="nav-menu-wrapper">
  71.                         <ul class="navbar-nav mr-auto" id="menu">
  72.                             {% for menu in menuler %}
  73.                                 <li class="nav-item {% if menu.altmenuler|default([])|length > 0 %}submenu{% endif %}">
  74.                                     <a class="nav-link" href="{{ menu.link }}">{{ menu.adi }}</a>
  75.                                     {% if menu.altmenuler|default([])|length %}
  76.                                     <ul>
  77.                                         {% for alt in menu.altmenuler %}
  78.                                         <li class="nav-item"><a class="nav-link" href="{{ alt.link }}">{{ alt.adi|html_entity_decode|raw }}</a></li>
  79.                                         {% endfor %}
  80.                                     </ul>
  81.                                     {% endif %}
  82.                                 </li>
  83.                             {% endfor %}
  84.                         </ul>
  85.                     </div>
  86.                     <!-- Header Social Icons Start -->
  87.                     <div class="header-social-icons">
  88.                         <ul>
  89.                             {% for sosyal in sosyalAglar %}
  90.                                 <li><a href="{{ sosyal.link }}"><i class="{{ sosyal.ikon }}"></i></a></li>
  91.                             {% endfor %}
  92.                         </ul>
  93.                     </div>
  94.                     <!-- Header Social Icons End -->
  95.                 </div>
  96.                 <!-- Main Menu End -->
  97.                 <div class="navbar-toggle"></div>
  98.             </div>
  99.         </nav>
  100.         <div class="responsive-menu"></div>
  101.     </div>
  102. </header>
  103. <!-- Header End -->