navbar with search bar

PHOTO EMBED

Thu Feb 10 2022 10:11:51 GMT+0000 (UTC)

Saved by @viresh #html

<header class="navbar-wrapper d-flex align-center justify-around box-shadow-lg">
    <h1 class="brand headline-lg p-4">Brand</h1>
    <div class="search-box d-flex align-center justify-between my-4 w-50">
        <input type="text" class="search-input w-100 p-2 m-2 text-sm" placeholder="Search for products..." required />
        <button type="submit" class="btn btn-icon p-4">
            <i class="fas fa-search text-md"></i>
        </button>
    </div>
    <nav class="">
        <ul class="d-flex text-sm">
            <li class="nav-link-item mx-8 font-wt-bold">Home</li>
            <li class="nav-link-item mx-8 font-wt-bold">Profile</li>
            <li class="nav-link-item mx-8 font-wt-bold">Cart</li>
            <li class="nav-link-item mx-8 font-wt-bold">Wishlist</li>
        </ul>
    </nav>
</header>
content_copyCOPY