<!--Main Navigation-->
<header>
    <link rel="stylesheet" href="/style/styles.css" class="css">

    <!-- Animated navbar-->
    <nav class="navbar navbar-expand-lg fixed-top navbar-scrolled">
        <div class="container-fluid">
            <button class="navbar-toggler ps-0" type="button" data-mdb-toggle="collapse"
                data-mdb-target="#navbarExample01" aria-controls="navbarExample01" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon d-flex justify-content-start align-items-center">
                    <i class="fas fa-bars"></i>
                </span>
            </button>
            <a href="/"><i class="fas fa-chevron-left"></i> Back</a>

            <div class="collapse navbar-collapse" id="navbarExample01">
                <ul class="navbar-nav flex-row" style="margin-left: auto;">
                    <li class="nav-item dropdown">
                        <a class=" dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-mdb-toggle="dropdown"
                            aria-expanded="false">
                            Products
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                            <li>
                                <a class="dropdown-item" href="/pakages">Internet</a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="/wifi">Wi-Fi</a>
                            </li>
                        </ul>
                    </li>

                    <li class="nav-item dropdown">
                        <a class="mx-2 dropdown-toggle" id="navbarDropdownMenuLink" role="button"
                            data-mdb-toggle="dropdown" aria-expanded="false">
                            Login
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                            <li>
                                <a class="dropdown-item" href="/contact" target="_blank">Contact</a>
                            </li>
                            <li>
                                <a class="dropdown-item" href="/login">Login</a>
                            </li>
                        </ul>
                    </li>

                </ul>

            </div>
        </div>
    </nav>
    <!-- Animated navbar -->


</header>
<!--Main Navigation-->