templates/siteBase/header.html.twig line 1

Open in your IDE?
  1. <body onload=" if($('.preloader').length){$('.preloader').delay(200).fadeOut(500); }" class="bg-faf3e9">
  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. #}
  18. <!-- Start Preloader -->
  19. <div id="preloader">
  20.     <div class="preloader">
  21.     </div>
  22. </div>
  23. <!-- End Preloader -->
  25. <!-- Start Header Area -->
  26. <div class="header-area bg-secondary">
  27.     <div class="container mw-1690">
  28.         <div class="row align-items-center gy-2">
  29.             <div class="col-xl-6 col-lg-7">
  30.                 <ul class="d-flex flex-wrap justify-content-center justify-content-lg-start flex-md-nowrap align-items-center p-0 m-0 list-unstyled header-info">
  31.                     <li class="d-sm-flex align-items-center gap-6">
  32.                         <span class="fw-semibold">Telefon:</span>
  33.                         <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a>
  34.                     </li>
  35.                     <li class="d-flex align-items-center gap-6">
  36.                         <span class="fw-semibold">E-Posta:</span>
  37.                         <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}" class="text-decoration-none">{{ 'eposta'|site_iletisimBilgileri|raw }}</a>
  38.                     </li>
  39.                 </ul>
  40.             </div>
  41.             <div class="col-xl-6 col-lg-5">
  42.                 <div class="d-flex justify-content-center justify-content-lg-end align-items-center link-social-wrap">
  46.                     <div class="d-flex align-items-center justify-content-center justify-content-lg-end">
  47.                         <div class="social-link d-flex align-items-center">
  48.                             {% for ss in sosyalAglar %}
  49.                                 <a href="{{ ss.link }}" target="_blank">
  50.                                     <i class="{{ ss.ikon }}"></i>
  51.                                 </a>
  52.                             {% endfor %}
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.             </div>
  58.         </div>
  59.     </div>
  60. </div>
  61. <!-- End Header Area -->
  63. <!-- Start Navbar Area -->
  64. <nav class="navbar navbar-expand-lg bg-f3eade w-auto border-bottoms position-sticky top-0" id="navbar">
  65.     <div class="container mw-1690">
  66.         <div class="d-flex align-items-center">
  67.             <a class="navbar-brand mx-0" href="/">
  68.                 <img src="/storage/logo.webp" class="main-logo" alt="logo" width="170">
  69.                 <img src="/storage/logo.webp" class="white-logo" alt="white-logo">
  70.             </a>
  71.         </div>
  73.         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  74.             <ul class="navbar-nav mx-auto">
  76.                 {% for menu in menuler %}
  77.                     <li class="nav-item {% if menu.altmenuler|default('')!="" %}dropdown{% endif %}">
  78.                         <a class="nav-link {% if menu.altmenuler|default('')!="" %}dropdown-toggle{% endif %}" {% if menu.altmenuler|default('')!="" %}href="javascript:void(0);" role="button" data-bs-toggle="dropdown" aria-expanded="false"{% endif%} href="{{ menu.link }}">{{ menu.adi|html_entity_decode|raw }}</a>
  79.                         {% if menu.altmenuler|default('')!="" %}
  80.                             <ul class="dropdown-menu">
  81.                                 {% for alt in menu.altmenuler %}
  82.                                     <li ><a class="dropdown-item" href="{{ alt.link }}">{{ alt.adi|html_entity_decode|raw }}</a></li>
  83.                                 {% endfor %}
  84.                             </ul>
  85.                         {% endif %}
  86.                     </li>
  87.                 {% endfor %}
  89.             </ul>
  90.         </div>
  92.         <div class="others-options d-flex align-items-center gap-4">
  93.             <div class="gap-40 d-flex">
  94.                 <button class="bg-transparent border-0 p-0 button d-none d-sm-inline-block" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
  95.                     <img src="/dist/assets/images/icon-menu.svg" alt="icon-menu">
  96.                 </button>
  97.             </div>
  98.             <a href="/iletisim" class="default-btn d-none d-sm-inline-block">
  99.                 <div class="d-flex align-items-center gap-10">
  100.                     <span>Bize Ulaşın</span>
  101.                     <img src="/dist/assets/images/icon-right-arrow.svg" alt="icon-right-arrow">
  102.                 </div>
  103.             </a>
  104.             <a class="navbar-toggler" data-bs-toggle="offcanvas" href="#offcanvasExample" role="button" aria-controls="offcanvasExample">
  105.                         <span class="burger-menu">
  106.                             <span class="top-bar"></span>
  107.                             <span class="middle-bar"></span>
  108.                             <span class="bottom-bar"></span>
  109.                         </span>
  110.             </a>
  111.         </div>
  112.     </div>
  113. </nav>
  114. <!-- End Navbar Area -->
  116. <!-- Start Mobile Navbar Area -->
  117. <div class="mobile-navbar offcanvas offcanvas-end border-0" tabindex="-1" id="offcanvasExample">
  118.     <div class="offcanvas-header">
  119.         <a href="/" class="d-block">
  120.             <img src="/storage/logo.webp" class="main-logo" alt="logo" width="170">
  121.             <img src="/storage/logo.webp" class="white-logo" alt="white-logo">
  122.         </a>
  124.         <button type="button" class="btn-close opacity-1" data-bs-dismiss="offcanvas" aria-label="Close">
  125.             <i class="ti ti-x"></i>
  126.         </button>
  127.     </div>
  129.     <div class="offcanvas-body">
  130.         <ul class="mobile-menu">
  132.             {% for menu in menuler %}
  133.                 <li class="mobile-menu-list">
  134.                     <a class="nav-link" href="{{ menu.link }}">{{ menu.adi|html_entity_decode|raw }}</a>
  135.                     {% if menu.altmenuler|default('')!="" %}
  136.                         <ul class="dropdown-menu">
  137.                             {% for alt in menu.altmenuler %}
  138.                                 <li ><a class="dropdown-item" href="{{ alt.link }}">{{ alt.adi|html_entity_decode|raw }}</a></li>
  139.                             {% endfor %}
  140.                         </ul>
  141.                     {% endif %}
  142.                 </li>
  143.             {% endfor %}
  146.         </ul>
  148.         <div class="others-options d-flex align-items-center gap-4 mt-4 d-sm-none">
  149.             <div class="gap-40 d-flex">
  150.                 <button class="bg-transparent border-0 p-0 button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
  151.                     <img src="/dist/assets/images/icon-menu.svg" alt="icon-menu">
  152.                 </button>
  153.             </div>
  154.             <a href="/" class="default-btn">
  155.                 <div class="d-flex align-items-center gap-10">
  156.                     Bize Ulaşın
  157.                     <img src="/dist/assets/images/icon-right-arrow.svg" alt="icon-right-arrow">
  158.                 </div>
  159.             </a>
  160.         </div>
  161.     </div>
  162. </div>
  163. <!-- End Mobile Navbar Area -->
  165. <!-- Start Sidebar Area -->
  166. <div class="offcanvas offcanvas-end sidebar-info bg-gray " tabindex="-1" id="offcanvasRight">
  167.     <div class="offcanvas-header border-bottom">
  168.         <a href="/" class="d-block">
  169.             <img src="/storage/logo.webp" class="main-logo" alt="logo" width="170">
  170.             <img src="/storage/logo.webp" class="white-logo" alt="white-logo">
  171.         </a>
  173.         <button type="button" class="btn-close p-0 mt-0 me-0" data-bs-dismiss="offcanvas" aria-label="Close">
  174.             <i class="ti ti-x"></i>
  175.         </button>
  176.     </div>
  177.     <div class="offcanvas-body">
  178.         <div class="sidebar-single-item">
  179.             <p>{{ footerMetin|html_entity_decode|raw }}</p>
  182.         </div>
  183.         <div class="sidebar-single-item">
  184.             <div class="sidebar-info">
  185.                 <h3>İletişim Bilgileri</h3>
  187.                 <ul class="p-0 m-0 list-unstyled info-list">
  188.                     <li class="d-flex">
  189.                         <div class="flex-shrink-0">
  190.                             <i class="ti ti-map-pin-filled"></i>
  191.                         </div>
  192.                         <div class="flex-grow-1">
  193.                             <span class="fw-semibold d-block text-secondary">Adres</span>
  194.                             <span>{{ 'adres'|site_iletisimBilgileri|raw }}</span>
  195.                         </div>
  196.                     </li>
  197.                     <li class="d-flex">
  198.                         <div class="flex-shrink-0">
  199.                             <i class="ti ti-mail-filled"></i>
  200.                         </div>
  201.                         <div class="flex-grow-1">
  202.                             <span class="fw-semibold d-block text-secondary">E-Posta</span>
  203.                             <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">{{ 'eposta'|site_iletisimBilgileri|raw }}</a>
  204.                         </div>
  205.                     </li>
  206.                     <li class="d-flex">
  207.                         <div class="flex-shrink-0">
  208.                             <i class="ti ti-phone-filled"></i>
  209.                         </div>
  210.                         <div class="flex-grow-1">
  211.                             <span class="fw-semibold d-block text-secondary">Telefon</span>
  212.                             <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a>
  213.                         </div>
  214.                     </li>
  215.                 </ul>
  216.             </div>
  217.         </div>
  218.         <div class="sidebar-single-item">
  219.             <h3>Takip Edin</h3>
  221.             <ul class="p-0 mb-0 list-unstyled d-flex align-items-center social-link">
  222.                 {% for ss in sosyalAglar  %}
  223.                     <li>
  224.                         <a href="{{ ss.link }}" target="_blank">
  225.                             <i class="{{ ss.ikon }}"></i>
  226.                         </a>
  227.                     </li>
  228.                 {% endfor %}
  230.             </ul>
  231.         </div>
  232.     </div>
  233. </div>
  234. <!-- End Sidebar Area -->