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. <!-- header area -->
  16. <header class="header">
  17.     <!-- header top -->
  18.     <div class="header-top">
  19.         <div class="container ps-lg-0">
  20.             <div class="header-top-wrap">
  21.                 <div class="header-top-left">
  22.                     <div class="header-top-list">
  23.                         <ul>
  24.                             <li>
  25.                                 <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">
  26.                                     <i class="far fa-envelope"></i>
  27.                                     <span>{{ 'eposta'|site_iletisimBilgileri|raw }}</span>
  28.                                 </a>
  29.                             </li>
  30.                             <li>
  31.                                 <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">
  32.                                     <i class="fa fa-phone"></i>
  33.                                     {{ 'telefon'|site_iletisimBilgileri|raw }}
  34.                                 </a>
  35.                             </li>
  36.                           
  37.                         </ul>
  38.                     </div>
  39.                 </div>
  40.                 <div class="header-top-right">
  41.                    
  42.                     <div class="header-top-social">
  43.                         <span>Takip edin: </span>
  44.                         {% for sosyal in sosyalAglar %}
  45.                             <a href="{{ sosyal.link }}" target="_blank">
  46.                                 <i class="fab {{ sosyal.ikon }}"></i>
  47.                             </a>
  48.                         {% endfor %}
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     </div>
  54.     <!-- header top end -->
  56.     <!-- navbar -->
  57.     <div class="main-navigation">
  58.         <nav class="navbar navbar-expand-lg">
  59.             <div class="container position-relative">
  60.                 <a class="navbar-brand" href="{{ ''|site_anaLink }}">
  61.                     <img src="{{ path('panel_storage', {'file': 'logo.webp'}) }}" alt="logo" width="120">
  62.                 </a>
  63.                 <div class="mobile-menu-right">
  64.                   
  65.                     <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
  66.                             data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar"
  67.                             aria-label="Toggle navigation">
  68.                         <span></span><span></span><span></span>
  69.                     </button>
  70.                 </div>
  71.                 <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasNavbar"
  72.                      aria-labelledby="offcanvasNavbarLabel">
  73.                     <div class="offcanvas-header">
  74.                         <a href="{{ ''|site_anaLink }}" class="offcanvas-brand" id="offcanvasNavbarLabel">
  75.                             <img src="{{ path('panel_storage', {'file': 'logo.webp'}) }}" alt="" width="120">
  76.                         </a>
  77.                         <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
  78.                             <i class="fa fa-xmark"></i>
  79.                         </button>
  80.                     </div>
  81.                     <div class="offcanvas-body">
  82.                         <ul class="navbar-nav justify-content-end flex-grow-1">
  83.                             {% for key,menu in veriler[3][1] %}
  84.                           {% if key<6 %}
  85.                                 <li class="nav-item">
  86.                                     <a class="nav-link"
  87.                                        href="{{ menu.link }}"
  88.                                        >
  89.                                         {{ menu.adi|html_entity_decode|raw }}
  90.                                     </a>
  91.                                     
  92.                                 </li>
  93.                        {% endif %}
  94.                             {% endfor %}
  95.                           <li class="nav-item">
  96.                                     <a class="nav-link"
  97.                                        href="{{ iletisimLink }}"
  98.                                        >
  99.                                         İletişim
  100.                                     </a>
  101.                                     
  102.                                 </li>
  103.                         </ul>
  104.                         <!-- nav-right -->
  105.                         <div class="nav-right">
  106.                             
  107.                             <div class="nav-btn">
  108.                                 <a href="{{ iletisimLink }}" class="theme-btn">
  109.                                     Bize Ulaşın <i class="fas fa-circle-arrow-right"></i>
  110.                                 </a>
  111.                             </div>
  112.                             <button type="button" class="sidebar-btn nav-right-link" data-bs-toggle="offcanvas"
  113.                                     data-bs-target="#sidebarPopup">
  114.                                 <span></span><span></span><span></span>
  115.                             </button>
  116.                         </div>
  117.                     </div>
  118.                 </div>
  119.             </div>
  120.         </nav>
  121.     </div>
  122.     <!-- navbar end-->
  123. </header>
  124. <!-- header area end -->
  126. <!-- sidebar-popup -->
  127.     <div class="sidebar-popup offcanvas offcanvas-end" tabindex="-1" id="sidebarPopup">
  128.         <div class="offcanvas-header">
  129.             <a href="index.html" class="sidebar-popup-logo">
  130.                <img src="{{ path('panel_storage', {'file': 'logo.webp'}) }}" alt="logo" width="120">
  131.             </a>
  132.             <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
  133.                 <i class="fa fa-times"></i>
  134.             </button>
  135.         </div>
  136.         <div class="sidebar-popup-wrap offcanvas-body">
  137.             <div class="sidebar-popup-content">
  138.                 <div class="sidebar-popup-about">
  139.                     <h4>{{ 'siteAdi'|ayarlar }}</h4>
  140.                     <p>{{ footerMetin|raw }}</p>
  141.                 </div>
  142.                 <div class="sidebar-popup-contact">
  143.                     <h4>İletişim Bilgileri</h4>
  144.                     <ul>
  145.                         <li>
  146.                             <div class="icon">
  147.                                 <i class="far fa-envelope"></i>
  148.                             </div>
  149.                             <div class="content">
  150.                                 <h6>E-Posta</h6>
  151.                                 <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">{{ 'eposta'|site_iletisimBilgileri|raw }}</a>
  152.                             </div>
  153.                         </li>
  154.                         <li>
  155.                             <div class="icon">
  156.                                 <i class="fa fa-phone"></i>
  157.                             </div>
  158.                             <div class="content">
  159.                                 <h6>Telefon</h6>
  160.                                 <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a>
  161.                             </div>
  162.                         </li>
  163.                         <li>
  164.                             <div class="icon">
  165.                                 <i class="fa fa-location-dot"></i>
  166.                             </div>
  167.                             <div class="content">
  168.                                 <h6>Adres</h6>
  169.                                 <a href="#">{{ 'adres'|site_iletisimBilgileri|raw }}</a>
  170.                             </div>
  171.                         </li>
  172.                     </ul>
  173.                 </div>
  174.                 <div class="sidebar-popup-social">
  175.                   
  176.                    <h4>Takip edin</h4>
  177.                         {% for sosyal in sosyalAglar %}
  178.                             <a href="{{ sosyal.link }}" target="_blank">
  179.                                 <i class="fab {{ sosyal.ikon }}"></i>
  180.                             </a>
  181.                         {% endfor %}
  182.                 </div>
  183.             </div>
  184.         </div>
  185.     </div>
  186.     <!-- sidebar-popup end -->
  188.  <main class="main">