<div class="container-fluid bg-[#f8f8f8]">
    <div class="container mx-auto px-4 max-w-4xl flex flex-row justify-end gap-x-4">
        <a href="https://cicdhosting.supersite2.myorderbox.com/login.php" class="text-[#788698] p-2 border-r-2">Login / sign up</a>
        <!-- <a href="" class="text-[#788698] p-2 border-r-2">Currency</a> -->
        <a href="https://cicdhosting.supersite2.myorderbox.com/checkout.php" class="text-[#788698] p-2 inline-flex">
            <img src="/assets/cart.svg" alt="" />
            <!-- <p class="bg-[#ffbc09] rounded-full w-[20px] h-[20px] text-center -ml-1.5 -mt-1.5">0</p> -->
        </a>
    </div>
</div>
<div class="container mx-auto  max-w-5xl px-4 flex flex-row place-items-center my-6"> 
    <img class="w-[100px]" src="/assets/cicd_logo.jpeg" alt="" />
    <!-- <h1 class="text-[30px] text-[#1c2939] font-bold uppercase">cicd hosting</h1> -->
</div>

<div>
    <div class="container-fluid bg-[#000] px-2">
        <div id="navHref" class="container mx-auto px-4 overflow-auto scroll-hide flex flex-row md:justify-center whitespace-nowrap gap-x-4 uppercase">
            <a href="https://cicdhosting.supersite2.myorderbox.com">Homes</a>
            <a href="https://cicdhosting.supersite2.myorderbox.com">Domain</a>
            <a href="https://cicdhosting.supersite2.myorderbox.com">Hosting</a>
            <a href="https://cicdhosting.supersite2.myorderbox.com">Cloud</a>
            <a href="https://cicdhosting.supersite2.myorderbox.com">Email & Produtivity</a>
            <a href="https://cicdhosting.supersite2.myorderbox.com">Security</a>
            <a href="https://cicdhosting.supersite2.myorderbox.com">Combo Offers</a>
            <a href="https://cicdhosting.supersite2.myorderbox.com"></a>
        </div>
    </div>
</div>
<style>
    #navHref > a{
        padding: 10px;
        color: #FFF;
        font-weight: bold;
    }
    #navHref > a:hover{
        background-color: #FFF;
        padding: 10px;
        color: #000;
        box-shadow: 0px 0px 5px 0px #fff;
    }
    .scroll-hide::-webkit-scrollbar {
        width: 0; /* Hide scrollbar for Chrome, Safari and Opera */
    }

    .scroll-hide {
        scrollbar-width: none; /* Hide scrollbar for Firefox */
    }
</style>