<!-- Header START -->
<header class="navbar-light header-sticky">
<!-- Logo Nav START -->
<nav class="navbar navbar-expand-xl">
<div class="container">
<!-- Logo START -->
<a class="navbar-brand" href="#">
<img class="light-mode-item navbar-brand-item" src="assets/images/logo.svg" alt="logo">
<img class="dark-mode-item navbar-brand-item" src="assets/images/logo-light.svg" alt="logo">
</a>
<!-- Logo END -->
<!-- Buttons START -->
<ul class="nav flex-row align-items-center list-unstyled ms-xl-auto">
<!-- Download app -->
<li class="nav-item align-items-center d-none d-sm-flex position-relative me-sm-3">
<!-- Icon -->
<a href="#" class="icon-md btn btn-light mb-0 p-0 flex-shrink-0"><i class="bi bi-cloud-download-fill"></i></a>
<div class="ms-2 d-none d-md-block">
<h6 class="mb-0"><a href="#" class="stretched-link">Download the app</a></h6>
<p class="small mb-0 text-body">Get exciting welcome offers</p>
</div>
</li>
<!-- Language dropdown START -->
<li class="nav-item dropdown">
<a class="icon-md btn btn-light mb-0 p-0" href="#" id="languageDropdown" role="button" data-bs-auto-close="outside" data-bs-display="static" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-globe"> </i>
</a>
<ul class="dropdown-menu dropdown-animation dropdown-menu-end min-w-auto mt-2" aria-labelledby="languageDropdown">
<li> <a class="dropdown-item me-4" href="#"><img class="fa-fw me-2" src="assets/images/flags/uk.svg" alt="">English</a> </li>
<li> <a class="dropdown-item me-4" href="#"><img class="fa-fw me-2" src="assets/images/flags/sp.svg" alt="">Español</a> </li>
<li> <a class="dropdown-item me-4" href="#"><img class="fa-fw me-2" src="assets/images/flags/fr.svg" alt="">Français</a> </li>
<li> <a class="dropdown-item me-4" href="#"><img class="fa-fw me-2" src="assets/images/flags/gr.svg" alt="">Deutsch</a> </li>
</ul>
</li>
<!-- Language dropdown END -->
<!-- Login button START -->
<li class="nav-item ms-3">
<a href="sign-up.html" class="btn btn-sm btn-primary mb-0"><i class="fa-solid fa-right-to-bracket me-2"></i>Sign up</a>
</li>
<!-- Login button END -->
</ul>
<!-- Buttons START -->
</div>
</nav>
<!-- Logo Nav END -->
</header>
<!-- Header END -->