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. {#
  17. <div class="page-wrapper">
  18.     <!-- start header-section -->
  19.     <section class="bg-white">
  20.         <h1 class="hidden">section heading hidden</h1>
  21.         <div class="px-[130px] lg:px-[30px] py-[15px] col:px-0 bg-[#283a5e]">
  22.             <div class="grid grid-cols-12 gap-8 lg:gap-3">
  23.                 <div class="col-span-7 md:col-span-12 md:mx-auto">
  24.                     <ul class="md:float-none md:mx-auto">
  25.                         <li class="text-[16px] float-left col:float-none col:text-center px-[10px] text-[#e5e3e3]">
  26.                             <i class="fi ti-location-pin relative top-[1px] inline-block pr-[3px]"></i>
  27.                             {{ 'adres'|site_iletisimBilgileri|raw }}
  28.                         </li>
  29.                         <li class="text-[16px] float-left col:float-none col:text-center px-[10px] text-[#e5e3e3]">
  30.                             <i class="fi flaticon-email relative top-[1px] inline-block pr-[3px]"></i>
  31.                             <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}" class="text-[#e5e3e3]">{{ 'eposta'|site_iletisimBilgileri|raw }}</a>
  32.                         </li>
  33.                     </ul>
  34.                 </div>
  35.                 <div class="col-span-5 md:col-span-12 md:mx-auto">
  36.                     <ul class="float-right md:float-none md:mx-auto">
  37.                         <li class="text-[16px] float-left px-[10px] text-[#e5e3e3]">{{ 'Takip edin'|ceviri }}</li>
  38.                         {% for sosyalAg in sosyalAglar %}
  39.                             <li class="text-[16px] float-left px-[10px] text-[#e5e3e3]">
  40.                                 <a href="{{ sosyalAg.link }}" class="text-[#fff] transition-all hover:text-[#7db1f0]">
  41.                                     <i class="{{ sosyalAg.ikon }}"></i>
  42.                                 </a>
  43.                             </li>
  44.                         {% endfor %}
  45.                     </ul>
  46.                 </div>
  47.             </div>
  48.         </div>
  50.         <div class="px-[130px] lg:px-[30px] col:px-0 md:py-[10px]">
  51.             <div class="flex items-center justify-between">
  52.                 <div id="dl-menu" class="dl-menuwrapper hidden md:block">
  53.                     <button class="dl-trigger">Open Menu</button>
  54.                     <ul class="dl-menu">
  55.                         {% for menu in menuler %}
  56.                             <li>
  57.                                 <a href="{{ menu.link }}">{{ menu.adi }}</a>
  58.                                 {% if menu.altmenuler[0].adi|default('')!='' %}
  59.                                     <ul class="dl-submenu">
  60.                                         {% for altmenu in menu.altmenuler %}
  61.                                             <li><a href="{{ altmenu.link }}">{{ altmenu.adi }}</a></li>
  62.                                         {% endfor %}
  63.                                     </ul>
  64.                                 {% endif %}
  65.                             </li>
  66.                         {% endfor %}
  67.                     </ul>
  68.                 </div><!-- /dl-menuwrapper -->
  69.                 <div class="w-[195px] md:w-[280px] sm:w-[200px] col:w-[150px]">
  70.                     <a class="flex items-center md:justify-center text-white p-3" href="{{ ''|site_anaLink }}">
  71.                         <img class="mr-[10px] " src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="{{ 'siteAdi'|ayarlar }}"></a>
  72.                 </div>
  74.                 <ul class="md:hidden">
  75.                     {% for menu in menuler %}
  77.                         <li class="relative inline-block group">
  78.                             <a href="{{ menu.link }}" class="relative text-[20px] lg:text-[17px] py-[35px]
  79.                  xl:py-[30px] px-[20px] xl:px-[6px]
  80.                  text-[#232f4b] block capitalize
  81.                  font-heading-font font-medium transition-all
  82.                  hover:text-[#3757f7]">{{ menu.adi }}</a>
  84.                             {% if menu.altmenuler[0].adi|default('')!='' %}
  85.                                 <ul class="absolute w-[240px]  left-0 top-[110%] p-[20px] z-[111]  bg-[#fff] shadow-[0px_2px_20px_0px_rgba(62,65,159,0.09);]  transition-all  opacity-0 invisible group-hover:opacity-100  group-hover:top-full group-hover:visible">
  87.                                     {% for altmenu in menu.altmenuler %}
  88.                                         <li>
  89.                                             <a href="{{ altmenu.link }}" class="text-[20px] lg:text-[17px] inline-block py-[5px] capitalize text-[#002642] group relative overflow-hidden font-medium transition-all
  90.                              after:absolute after:left-0 after:bottom-[5px] after:w-0 after:h-[1px]
  91.                              after:content after:bg-[#3757f7] after:transition-all font-heading-font
  92.                              hover:after:w-[50%]">{{ altmenu.adi }}</a>
  93.                                         </li>
  94.                                     {% endfor %}
  96.                                 </ul>
  98.                             {% endif %}
  99.                         </li>
  100.                     {% endfor %}
  101.                 </ul>
  103.                 <div class="flex items-center">
  104.                     <a class="theme-btn py-[10px] px-[25px] md:hidden" href="{{ iletisimLink }}">{{ 'Bize Ulaşın'|ceviri }}</a>
  105.                 </div>
  106.             </div>
  107.         </div>
  108.     </section>#}
  110. <!-- Navigation bar (Page header) -->
  111. <header class="navbar navbar-expand-lg bg-body navbar-sticky sticky-top z-fixed px-0" data-sticky-element>
  112.     <div class="container">
  114.         <!-- Mobile offcanvas menu toggler (Hamburger) -->
  115.         <button type="button" class="navbar-toggler me-3 me-lg-0" data-bs-toggle="offcanvas" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
  116.             <span class="navbar-toggler-icon"></span>
  117.         </button>
  119.         <!-- Navbar brand (Logo) -->
  120.         <a class="navbar-brand py-1 py-md-2 py-xl-1 me-2 me-sm-n4 me-md-n5 me-lg-0" href="{{ ''|site_anaLink }}">
  121.             <img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="{{ 'siteAdi'|ayarlar }}" style="height: 40px;">
  122.         </a>
  124.         <!-- Main navigation that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
  125.         <nav class="offcanvas offcanvas-start" id="navbarNav" tabindex="-1" aria-labelledby="navbarNavLabel">
  126.             <div class="offcanvas-header py-3">
  127.                 <h5 class="offcanvas-title" id="navbarNavLabel">Menü</h5>
  128.                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  129.             </div>
  130.             <div class="offcanvas-body pt-2 pb-4 py-lg-0 mx-lg-auto">
  131.                 <ul class="navbar-nav position-relative">
  133.                     {% for menu in menuler %}
  134.                         <li class="nav-item {% if menu.altmenuler[0].adi|default('')!='' %}dropdown{% endif %} py-lg-2 me-lg-n1 me-xl-0">
  135.                             <a class="nav-link {% if menu.altmenuler[0].adi|default('')!='' %}dropdown-toggle{% endif %}" href="{{ menu.link }}" role="button" {% if menu.altmenuler[0].adi|default('')!='' %}data-bs-toggle="dropdown" data-bs-trigger="hover" data-bs-auto-close="outside" aria-expanded="false" {% endif %} >{{ menu.adi }}</a>
  136.                             {% if menu.altmenuler[0].adi|default('')!='' %}
  137.                             <ul class="dropdown-menu">
  138.                                 {% for altmenu in menu.altmenuler %}
  139.                                     <li><a class="dropdown-item" href="{{ altmenu.link }}">{{ altmenu.adi }}</a></li>
  140.                                 {% endfor %}
  141.                             </ul>
  142.                             {% endif %}
  143.                         </li>
  144.                     {% endfor %}
  147.                 </ul>
  148.             </div>
  149.         </nav>
  151.         <!-- Button group -->
  152.         <div class="d-flex gap-sm-1">
  153.             <!-- Sign up / Register button  -->
  154.             <a class="btn btn-primary animate-shake" href="#">
  155.                 <i class="fi-shopping-bag fs-base animate-target ms-n1 me-1 me-sm-2"></i>
  156.                 Sepetim
  157.             </a>
  158.         </div>
  159.     </div>
  160. </header>
  163. <!-- Page content -->
  164. <main class="content-wrapper">