header.html

<div id="Background-image"></div>

<section id="Header">

    <a href="/" hreflang="ro" id="Logo" target="_self" aria-label="Du-te la Pagina de acasă">
        
        <picture>
            <source type="image/webp" srcset="images/logo.webp">
            <img src="images/logo.png" alt="Logo-ul Ștefan's K">
        </picture>

    </a>

    <a href="/" hreflang="ro" id="Website-title" target="_self">
        <h2 title="Numele WebSite-ului"><span lang="en"><span lang="ro">Ștefan</span>'s K</span></h2>
    </a>

    <a href="/" hreflang="ro" id="H3-mobile" target="_self">
        <h3 title="Numele WebSite-ului"><span lang="en"><span lang="ro">Ștefan</span>'s K</span></h3>
    </a>

    <a href="/" hreflang="ro" id="Website-tagline" target="_self">
        <h3 title="Cunoștințele lui Szabo Ștefan Raul">Cunoștințele lui Ștefan</h3>
    </a>

    <a href="/" hreflang="ro" id="H4-mobile" target="_self">
        <h4 title="Cunoștințele lui Szzabo Ștefan Raul">Cunoștințele lui Ștefan</h4>
    </a>

</section>

<section id="Navigation">

    <nav>

        <a href="/" hreflang="ro" target="_self">
            <span class="fa fa-home"></span><p title="Intrați pe Pagina principală">Acasă</p>
        </a>

        <a href="despre mine/" hreflang="ro" target="_self">
            <span class="fa fa-user"></span><p title="Aflați despre mine">Despre mine</p>
        </a>

        <a href="portofoliu/" hreflang="ro" target="_self">
            <span class="fa fa-shopping-bag"></span><p title="Vedeți creațiile mele">Portofoliu</p>
        </a>

        <a href="../politici" hreflang="ro" target="_self" style="margin-right: auto;">
            <span class="fa fa-file-archive-o"></span><p title="Vedeți politicile aplicate aici">Politici</p>
        </a>

    </nav>

</section>

<section id="Mobile-navigation" aria-label="mobile navigation">

    <section id="Icon" onclick="MobileNavBar(this)">

        <div class="Mobile-nav-bar"></div>
        <div class="Mobile-nav-bar"></div>
        <div class="Mobile-nav-bar"></div>

    </section>

    <section id="Overlay" onclick="MobileNavBarClose(this)">

        <nav>

            <a href="/" hreflang="ro" target="_self">
                <span class="fa fa-home"></span><p title="Intrați pe Pagina principală">Acasă</p>
            </a>
            
            <br>

            <a href="despre mine/" hreflang="ro" target="_self">
                <span class="fa fa-user"></span><p title="Aflați despre mine">Despre mine</p>
            </a>

            <br>

            <a href="portofoliu/" hreflang="ro" target="_self">
                <span class="fa fa-shopping-bag"></span><p title="Vedeți creațiile mele">Portofoliu</p>
            </a>

            <br>

            <a href="../politici" hreflang="ro" target="_self" style="margin-right: auto;">
                <span class="fa fa-file-archive-o"></span><p title="Vedeți politicile aplicate aici">Politici</p>
            </a>

        </nav>

    </section>
    
</section>