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. #}
  16. <!-- Preloader Start -->
  17. <div class="preloader">
  18.     
  19. </div>
  20. <!-- Preloader End -->
  22. <!-- Topbar Section Start -->
  23. <div class="topbar">
  24.     <div class="container">
  25.         <div class="row align-items-center">
  26.             <div class="col-lg-3">
  27.                 <div class="site-logo">
  28.                     <a href="{{ ''|site_anaLink }}">
  29.                         <img src="{{ path('panel_storage', {'file':'logo.webp'}) }}" alt="Logo" width="150px">
  30.                     </a>
  31.                 </div>
  32.                 <!-- Logo End -->
  33.             </div>
  35.             <div class="col-lg-9 col-md-12">
  36.                 <!-- Topbar Contact Information Start -->
  37.                 <div class="topbar-contact-info">
  38.                     <ul>
  39.                         <li>
  40.                             <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">
  41.                                 <div class="icon-box">
  42.                                     <img src="/dist/images/icon-phone.svg" alt="">
  43.                                 </div>
  44.                                 <p>{{ 'telefon'|site_iletisimBilgileri|raw }}</p>
  45.                             </a>
  46.                         </li>
  47.                         <li>
  48.                             <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">
  49.                                 <div class="icon-box">
  50.                                     <img src="/dist/images/icon-mail.svg" alt="">
  51.                                 </div>
  52.                                  <p>{{ 'eposta'|site_iletisimBilgileri|raw }}</p>
  53.                             </a>
  54.                         </li>
  55.                     </ul>
  56.                     <!-- Topbar Qoute Button Start -->
  57.                     <div class="topbar-qoute-btn">
  58.                         <a href="{{ iletisimLink }}" class="btn-default"><span>Bize Ulaşın</span></a>
  59.                     </div>
  60.                     <!-- Topbar Qoute Button End -->
  61.                 </div>
  62.                 <!-- Topbar Contact Information End -->
  63.             </div>
  64.         </div>
  65.     </div>
  66. </div>
  67. <!-- Topbar Section End -->
  69. <!-- Header Start -->
  70. <header class="main-header">
  71.     <div class="header-sticky">
  72.         <nav class="navbar navbar-expand-lg">
  73.             <div class="container">
  74.                 <!-- Logo Start -->
  75.                 <a class="navbar-brand" href="{{ ''|site_anaLink }}">
  76.                     <img src="{{ path('panel_storage', {'file':'beyazLogo.webp'}) }}" alt="Logo" width="150px">
  77.                 </a>
  78.                 <!-- Logo End -->
  80.                 <!-- Main Menu Start -->
  81.                 <div class="collapse navbar-collapse main-menu">
  82.                     <div class="nav-menu-wrapper">
  83.                         <ul class="navbar-nav mr-auto" id="menu">
  84.                             {% for menu in menuler %}
  85.                             <li class="nav-item {% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}submenu{% endif %}">
  86.                                 <a class="nav-link" href="{{ menu.link }}">{{ menu.adi }}</a>
  87.                                 {% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}
  88.                                 <ul>
  89.                                     {% for alt in menu.altmenuler %}
  90.                                         <li class="nav-item"><a class="nav-link" href="{{ alt.link }}">{{ alt.adi }}</a></li>
  91.                                     {% endfor %}
  92.                                 </ul>
  93.                                 {% endif %}
  94.                             </li>
  95.                             {% endfor %}
  96.                         </ul>
  97.                     </div>
  99.                     <!-- Header Social Box Start -->
  100.                     <div class="header-social-box d-inline-flex">
  101.                         <!-- Header Social Links Start -->
  102.                         <div class="header-social-links">
  103.                             <ul>
  104.                                 {% for sosyal in sosyalAglar %}
  105.                                 <li><a href="{{ sosyal.link }}"><i class="{{ sosyal.ikon }}"></i></a></li>
  106.                                 {% endfor %}
  107.                             </ul>
  108.                         </div>
  109.                         <!-- Header Social Links End -->
  110.                     </div>
  111.                     <!-- Header Social Box End -->
  112.                 </div>
  113.                 <!-- Main Menu End -->
  114.                 <div class="navbar-toggle"></div>
  115.             </div>
  116.         </nav>
  117.         <div class="responsive-menu"></div>
  118.     </div>
  119. </header>
  120. <!-- Header End -->