{% block header%}
<!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex align-items-center">
<div class="container d-flex align-items-center">
{# <h1 class="logo me-auto"><a href="/home">
<img class="logo" src="/assets/img/logo.svg" width="200" >
</a></h1> #}
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html" class="logo me-auto"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="#"> <img class="logo" src="/assets/img/logo.svg" width="200" ></a>
<button class="navbar-toggler" 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 active" aria-current="page" href="/">{{menu.Home}}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/registration">{{menu.Sign_up}}</a>
</li>
<li class="nav-item">
<a href="/login" class="getstarted">{{menu.Login}}</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
{{menu.Language}}
</a>
<ul class="dropdown-menu">
<li class="dropdown-item" onclick="getLanguage('English')" id="langenglish"><a href="#">{{menu.English}}</a></li>
<li class="dropdown-item" onclick="getLanguage('Basque')" id="langbasque"><a href="#">{{menu.Euskera}}</a></li>
<li class="dropdown-item" onclick="getLanguage('Finnish')" id="langfinnish"><a href="#">{{menu.Finnish}}</a></li>
<li class="dropdown-item" onclick="getLanguage('Romanian')" id="langtromanian"><a href="#">{{menu.Romanian}}</a></li>
<li class="dropdown-item" onclick="getLanguage('Spanish')" id="langespanish"><a href="#">{{menu.Spanish}}</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>
</header><!-- End Header -->
{% endblock %}