templates/_header.twig line 1

Open in your IDE?
  1. <header class="komili-header">
  2.     <div class="komili-wrapper">
  3.         <a href="{{ path('home') }}">
  4.             <img src="{{ asset('img/komili-logo.svg') }}" alt="Komili" width="105" height="50">
  5.         </a>
  6.         <div class="komili-header-right">
  7.             <a href="javascript:;" class="komili-mobile-hamb">
  8.                 <img src="{{ asset('img/icon-hamb.svg') }}" alt="Mobil Menü">
  9.             </a>
  10.             <nav class="komili-nav">
  11.                 <a href="havascript:;" class="komili-hamb-close">
  12.                     <img src={{ asset('img/icon-close.svg')}} alt="{{ 'Close'|trans }}">
  13.                 </a>
  14.                 <ul>
  15.                     <li>
  16.                         <a href="{{ path('product', {'_locale': app.request.locale}) }}"
  17.                            title="{{ 'PRODUCT'|trans }}">{{ 'PRODUCT'|trans }}</a>
  18.                     </li>
  19.                     <li>
  20.                         <a href="{{ path('blog', {'_locale': app.request.locale}) }}"
  21.                            title="{{ 'BLOG'|trans }}">{{ 'BLOG'|trans }}</a>
  22.                     </li>
  23.                     <li>
  24.                         <a href="{{ path('about', {'_locale': app.request.locale}) }}"
  25.                            title="{{ 'ABOUT'|trans }}">{{ 'ABOUT'|trans }}</a>
  26.                     </li>
  27.                     <li>
  28.                         <a href="{{ path('contact', {'_locale': app.request.locale}) }}"
  29.                            title="{{ 'CONTACT'|trans }}">{{ 'CONTACT'|trans }}</a>
  30.                     </li>
  31.                     <li class="komili-search">
  32.                         <a href="javascript:;" title="Ara">
  33.                             <img src="{{ asset('img/icon-search.svg') }}" alt="{{ 'Search'|trans }}">
  34.                         </a>
  35.                         <div class="komili-search-box">
  36.                             <input type="text" class="form-input" placeholder="{{ 'Search...'|trans }}">
  37.                         </div>
  38.                     </li>
  39.                     
  40.                   <li class="komili-lang">
  41.                       <a href="javascript:;" title="Dil Seçimi">{{ app.request.get('_locale') | upper}} <img src="{{ asset('img/icon-right.svg') }}" alt=""></a>
  42.                        <ul>
  43.                           <li>
  44.                                <a href="{{ url('home', {'_locale': 'tr'}) }}" {% if app.request.get('_locale') == 'tr' %}class="link-s"{% endif %}>Türkçe</a>
  45.                            </li>
  46.                             <li>
  47.                                 <a href="{{ url('home', {'_locale': 'en'}) }}" {% if app.request.get('_locale') == 'en' %}class="link-s"{% endif %}>English</a>
  48.                           </li>
  49.                      </ul>
  50.                   </li>
  51.                     <li class="komili-social">
  52.                         <a href="https://www.instagram.com/komili_tr/" target="_blank" title="Instagram">
  53.                             <img src="{{ asset('img/icon-instagram.svg') }}" alt="Instagram" loading="lazy" width="24" height="24">
  54.                         </a>
  55.                     </li>
  56.                     <li class="komili-social">
  57.                         <a href="https://www.facebook.com/Komilitr" title="Facebook" target="_blank">
  58.                             <img src="{{ asset('img/icon-facebook.svg') }}" alt="Facebook" loading="lazy" width="24"
  59.                                  height="24">
  60.                         </a>
  61.                     </li>
  62.                     <li class="komili-social">
  63.                         <a href="https://twitter.com/Komili_1878" title="Twitter" target="_blank">
  64.                             <img src="{{ asset('img/icon-twitter.svg') }}" alt="Twitter" loading="lazy" width="24" height="24">
  65.                         </a>
  66.                     </li>
  67.                 </ul>
  68.             </nav>
  69.         </div>
  70.     </div>
  71. </header>