templates/common/header.html.twig line 1

<header>
      
        <nav class="navbar"  data-controller="head">
            <div class="container-fluid">
              <a class="navbar-brand" href="{{ path('app_index')}}">&nbsp;</a>
              <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse " id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                  <li class="nav-item">
                    <a class="nav-link{{ app.request.attributes.get('_route') == 'app_index' ? ' active' : '' }}" href="{{ path('app_index') }}">Home</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link{{ app.request.attributes.get('_route') == 'app_news' or app.request.attributes.get('_route') == 'news_detail' ? ' active' : '' }}" href="{{ path('app_news') }}">News</a>
                  </li>
                 
                  <li class="nav-item dropdown">
                    

                    <a class="nav-link{{ app.request.attributes.get('_route') == 'page_about' ? ' active' : '' }}" href="{{ path('page_about') }}" >
                      About us 
                    </a>
                    <a href="#" 
                    class="dd-togler"
                    type="button"
                    data-bs-toggle="dropdown" 
                    data-bs-auto-close="false" 
                    aria-expanded="false"
                    id="dropdownMenuLink">+</a>
                    <ul class="dropdown-menu" id="dd-menu">
                      <li><a class="dropdown-item" href="{{ path('page_about') }}#what-do-we-do">What do we do</a></li>
                      <li><a class="dropdown-item" href="{{ path('page_about') }}#our-team">Our team</a></li>
                    </ul>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link{{ app.request.attributes.get('_route') == 'app_projects' or app.request.attributes.get('_route') == 'project_detail' ? ' active' : '' }}" href="{{ path('app_projects') }}">Projects</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link{{ app.request.attributes.get('_route') == 'app_success' ? ' active' : '' }}" href="{{ path('app_success') }}">Success stories</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link{{ app.request.attributes.get('_route') == 'app_group' ? ' active' : '' }}" href="{{ path('app_group')}}">IOCB Tech Group</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link{{ app.request.attributes.get('_route') == 'app_contact' ? ' active' : '' }}" href="{{ path('app_contact')}}">Contact</a>
                  </li>
                      

              </div>
            </div>
          </nav>
</header>
<a class="logo" href="{{ path('app_index')}}"><span>IOCB TECH-H</span></a>