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