<nav class="bg-white px-4 py-4 dark:bg-slate-800 md:flex md:items-center md:justify-between md:px-6 md:py-4">
    <div class="flex items-center justify-between md:w-2/12">
        <a href="#" class="flex items-center text-xl text-slate-900 dark:text-white md:text-2xl md:font-semibold">
            <img class="mr-3 h-6 md:mt-0 md:h-10" src="https://res.cloudinary.com/ds4j2pmzp/image/upload/v1656977478/webwinds/logos/dummy-logo_mqh7y4.svg" alt="logo" />
            <p>Companey</p>
        </a>
        <!-- Mobile menu button -->
        <div class="flex md:hidden">
            <button type="button" class="text-slate-900 focus:text-slate-600 focus:outline-none dark:text-slate-400" aria-label="toggle menu">
                <svg viewBox="0 0 24 24" class="h-6 w-6 fill-current"> <path fill-rule="evenodd" d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"> </path> </svg>
            </button>
        </div>
    </div>
    <!-- Mobile Menu open: "block", Menu closed: "hidden" -->
    <div class="w-full md:flex md:items-center md:justify-between md:pl-10">
        <div class="mt-5 flex flex-col text-slate-500 md:mt-0 md:flex-row">
            <a href="#" class="my-4 mr-10 font-medium text-slate-900 dark:text-white md:my-0">Home</a>
            <a href="#" class="my-4 mr-10 text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white md:my-0">Products</a>
            <a href="#" class="my-4 mr-10 text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white md:my-0">Customers</a>
            <a href="#" class="my-4 mr-10 text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white md:my-0">Articles</a>
        </div>
        <div class="flex flex-wrap justify-center">
            <button type="button" class="mt-4 w-full rounded-lg border-0 text-base text-slate-500 hover:text-slate-900 focus:outline-none dark:text-slate-400 dark:hover:text-white md:mt-0 md:mr-5 md:w-auto">
                Log in
            </button>
            <button type="button" class="my-4 w-full rounded-lg border-0 bg-slate-900 py-3 px-5 text-base text-white hover:bg-slate-700 focus:outline-none dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200 md:my-0 md:w-auto">
                Get started now
            </button>
        </div>
    </div>
</nav>