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. <div class="main">
  17.     <!-- ***** Preloader Start ***** -->
  18.     <div class="preloader-main">
  19.         <div class="preloader-wapper">
  20.             <svg class="preloader" xmlns="http://www.w3.org/2000/svg" version="1.1" width="600" height="200">
  21.                 <defs>
  22.                     <filter id="goo" x="-40%" y="-40%" height="200%" width="400%">
  23.                         <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
  24.                         <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -8" result="goo" />
  25.                     </filter>
  26.                 </defs>
  27.                 <g filter="url(#goo)">
  28.                     <circle class="dot" cx="50" cy="50" r="25" fill="#8731E8" />
  29.                     <circle class="dot" cx="50" cy="50" r="25" fill="#8731E8" />
  30.                 </g>
  31.             </svg>
  32.             <div>
  33.                 <div class="loader-section section-left"></div>
  34.                 <div class="loader-section section-right"></div>
  35.             </div>
  36.         </div>
  37.     </div>
  38.     <!-- ***** Preloader End ***** -->
  40.     <!-- ***** Header Start ***** -->
  41.     <header id="header">
  42.         <!-- Navbar -->
  43.         <nav data-aos="zoom-out" data-aos-delay="800" class="navbar gameon-navbar navbar-expand">
  44.             <div class="container header">
  46.                 <!-- Logo -->
  47.                 <a class="navbar-brand" href="{{ ''|site_anaLink }}">
  48.                     <img src="/storage/beyazLogo.webp" alt="{{ 'siteAdi'|ayarlar }}" width="120px" />
  49.                 </a>
  51.                 <div class="ms-auto"></div>
  53.                 <!-- Navbar Nav -->
  54.                 <ul class="navbar-nav items mx-auto">
  55.                     {% for menu in menuler %}
  56.                         <li class="nav-item">
  57.                             <a class="nav-link smooth-anchor" href="#{{ menu.adi|seo }}">{{ menu.adi }}</a>
  58.                         </li>
  59.                     {% endfor %}
  60.                 </ul>
  63.                 <!-- Navbar Toggler -->
  64.                 <ul class="navbar-nav toggle">
  65.                     <li class="nav-item">
  66.                         <a href="#" class="nav-link" data-bs-toggle="modal" data-bs-target="#menu">
  67.                             <i class="icon-menu m-0"></i>
  68.                         </a>
  69.                     </li>
  70.                 </ul>
  72.             </div>
  73.         </nav>
  74.     </header>
  75.     <!-- ***** Header End ***** -->