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. <!-- header area start -->
  17. <header>
  18.     <div class="header__area">
  19.         <div class="header__info">
  20.             <div class="container-fluid">
  21.                 <div class="row">
  22.                     <div class="col-xxl-6 col-xl-7 col-lg-7 col-md-6">
  23.                         <div class="header__info-left">
  24.                             <ul class="header__address text-center">
  25.                                 <li><span><i class="fa-solid fa-location-dot"></i></span> {{ 'adres'|site_iletisimBilgileri|raw }}</li>
  26.                                 <li><a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}"><span><i class="fa-solid fa-envelope"></i></span>{{ 'eposta'|site_iletisimBilgileri|raw }}</a></li>
  27.                             </ul>
  28.                         </div>
  29.                     </div>
  30.                     <div class="col-xxl-6 col-xl-5 col-lg-5 col-md-6">
  31.                         <div class="header__info-right">
  32.                             <ul class="header__social">
  33.                                 {% for ss in sosyalAglar  %}
  34.                                     <li><a href="{{ ss.link }}"><span><i class="fa-brands fa-{{ ss.adi|seo }}"></i></span></a></li>
  35.                                 {% endfor %}
  36.                             </ul>
  37.                         </div>
  38.                     </div>
  39.                 </div>
  40.             </div>
  41.         </div>
  43.         <div class="header__menu-area" id="header_menu">
  44.             <div class="container-fluid">
  45.                 <div class="row">
  46.                     <div class="col-xxxl-3 col-xxl-3 col-xl-3 col-lg-4 col-md-4 col-5">
  47.                         <div class="header__logo">
  48.                             <a href="{{ ''|site_anaLink }}"><img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="{{ 'siteAdi'|ayarlar }}" width="120px"></a>
  49.                         </div>
  50.                     </div>
  51.                     <div class="col-xxxl-7 col-xxl-6 col-xl-6 col-lg-3 col-md-3 col-2">
  52.                         <nav class="header__nav b-right">
  53.                             <ul>
  54.                                 {% for menu in menuler %}
  55.                                     <li {% if menu.altmenuler|default('')!=""%} {% endif %}><a href="{{ menu.link }}">{{ menu.adi|html_entity_decode|raw }}</a>
  56.                                         {% if menu.altmenuler|default('')!=""%}
  57.                                             <ul class="main-dropdown">
  58.                                                 {% for altmenu in menu.altmenuler %}
  59.                                                     <li><a href="{{ altmenu.link }}">{{ altmenu.adi|html_entity_decode|raw }}</a></li>
  60.                                                 {% endfor %}
  61.                                             </ul>
  62.                                         {% endif %}
  63.                                     </li>
  64.                                 {% endfor %}
  65.                             </ul>
  66.                         </nav>
  67.                     </div>
  68.                     <div class="col-xxxl-2 col-xxl-3 col-xl-3 col-lg-5 col-md-5 col-5">
  69.                         <div class="header__others">
  70.                             <div class="header__support">
  71.                                 <p>Bize Ulaşın <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a></p>
  72.                             </div>
  73.                             <div class="header__offcanvas" id="open_offcanvas">
  74.                                 <span><i class="flaticon-align-left"></i></span>
  75.                             </div>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.         </div>
  82.     </div>
  83. </header>
  84. <!-- header area end -->
  87. <!-- Offcanvas Area Start -->
  88. <section class="offcanvas__area">
  89.     <div class="close_offcanvas" id="close_offcanvas"><i class="fa-solid fa-xmark"></i></div>
  90.     <div class="offcanvas__inner">
  91.         <div class="offcanvas__left ">
  93.             <div class="side__navbar-wrapper">
  94.                 <nav class="side__navbar">
  95.                     <ul>
  96.                         {% for menu in menuler %}
  97.                             <li {% if menu.altmenuler|default('')!=""%} {% endif %}><a href="{{ menu.link }}">{{ menu.adi }}</a>
  98.                                 {% if menu.altmenuler|default('')!=""%}
  99.                                     <ul class="main-dropdown">
  100.                                         {% for altmenu in menu.altmenuler %}
  101.                                             <li><a href="{{ altmenu.link }}">{{ altmenu.adi }}</a></li>
  102.                                         {% endfor %}
  103.                                     </ul>
  104.                                 {% endif %}
  105.                             </li>
  106.                         {% endfor %}
  107.                     </ul>
  108.                 </nav>
  109.             </div>
  110.         </div>
  111.         <div class="offcanvas__right">
  112.             <div class="offcanvas__logo">
  113.                 <a href="{{ ''|site_anaLink }}"><img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="{{ 'siteAdi'|ayarlar }}" width="200px"></a>
  114.             </div>
  115.             <div class="offcanvas__contact">
  116.                 <ul>
  117.                     <li>
  118.                         <span>Adres</span>
  119.                         <a>{{ 'adres'|site_iletisimBilgileri|raw }}</a>
  120.                     </li>
  121.                     <li>
  122.                         <span>Telefon</span>
  123.                         <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a>
  124.                     </li>
  125.                     <li>
  126.                         <span>E-Posta</span>
  127.                         <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">{{ 'eposta'|site_iletisimBilgileri|raw }}</a>
  128.                     </li>
  129.                 </ul>
  130.             </div>
  131.         </div>
  132.     </div>
  133. </section>
  134. <!-- Offcanvas Area End -->
  136. <!-- Cursor Animation -->
  137. <div class="cursor1"></div>
  138. <div class="cursor2"></div>
  141. <main>