<header class="header">
        <div class="container">
            <nav class="navbar navbar-expand-lg">
                <button class="navbar-toggler position-absolute" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse " id="navbarNavAltMarkup">
                    <div class="navbar-nav  d-flex flex  w-100">
                        <a class="nav-link me-lg-4 " href="#">Home</a>
                        <a class="nav-link me-lg-4 " href="#">About</a>
                        <a class="nav-link " href="#">Contact</a>
                        <a class="navbar-brand text-decoration-none fw-semibold ms-auto me-auto" href="#">Landing</a>
                        <button type="button" class="header-btn  text-nowrap border-0 text-white ">Buy
                            Now</button>
                    </div>
                </div>
                <a class="navbar-brand text-decoration-none fw-semibold ms-auto me-auto navbar-brand2"
                    href="#">Landing</a>
            </nav>
        </div>
    </header>