header.html

<!-- ################# Header Starts Here#######################--->
<header id="menu-jk">
    <button id="language-btn" class="active" onclick="toggleLanguage()">
        <span id="lang-en" class="active-lang">EN</span>
        <span id="lang-gr">GR</span>
    </button>
    <nav>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-3 col-md-4 col-sm-12">
                    <img src="assets/images/logo.jpg" alt="Logo">
                    <a data-toggle="collapse" data-target="#menu" href="#menu"><i class="fas d-block d-md-none small-menu fa-bars"></i></a>
                </div>
                <div id="menu" class="col-lg-9 col-md-8 d-none d-md-block no-padding">
                    <ul class="nav">
                        <li><a id="home-link" href="index.html"><span>Home</span></a></li>
                        <li><a id="about-link" href="about_me.html"><span>About Me</span></a></li>
                        <li><a id="services-link" href="services.html"><span>Services</span></a></li>
                        <li><a id="blog-link" href="publications.html"><span>Publications</span></a></li>
                        <li><a id="gallery-link" href="gallery.html"><span>Gallery</span></a></li>
                        <li><a id="theory-link" href="theory.html"><span>Theory</span></a></li>
                        <li><a id="contact-link" href="contact_us.html"><span>Contact Me</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</header>