<div className="antialiased bg-gray-200 h-screen">
      <header className="lg:px-16 px-6 bg-white flex flex-wrap items-center lg:py-0 py-2 shadow-md">
        <div className="flex-1 flex justify-between items-center">
          <img
            src="https://bulma.io/images/bulma-logo.png"
            style={{ height: '3rem' }}
            alt="Logo"
          />
        </div>

        <label htmlFor="menu-toggle" className="pointer-cursor lg:hidden block">
          <img src={burger} alt="Burger" />
          <input type="checkbox" className="hidden" id="menu-toggle" />
        </label>

        <div
          className="hidden lg:flex lg:items-center lg:auto-w-full"
          id="menu"
        >
          <nav>
            <ul className="lg:flex items-center justify-between text-base text-gray-900 lg:pt-0">
              <li>
                <a
                  href="google.com"
                  className="lg:p-4 py-3 px-0 block border-b-2 border-transparent hover:border-indigo-400"
                >
                  Some Link
                </a>
              </li>
              <li>
                <a
                  href="google.com"
                  className="lg:p-4 py-3 px-0 block border-b-2 border-transparent hover:border-indigo-400"
                >
                  Another Link
                </a>
              </li>
            </ul>
          </nav>
          <a
            href="/profile"
            className="lg:ml-4 flex items-center justify-start lg:mb-0 mb-4 pointer-cursor"
          >
            <img
              className="rounded-full w-10 h-10 border-2 border-transparent hover:border-indigo-400"
              src="https://lorempixel.com/64/64/people/"
              alt="Profile"
            />
          </a>
        </div>
      </header>
      <div className="px-4">
        <div className="max-w-3xl bg-white rounded-lg mx-auto my-16 p-16">
          <h1 className="text-2xl font-medium mb-2">Some Content</h1>
          <h2 className="font-medium text-sm text-indigo-400 mb-4 uppercase tracking-wide">
            Responsive Navbar
          </h2>
          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum illo
          cupiditate molestias atque consequuntur ea quo cumque, odit velit sint
          similique? Asperiores ratione aperiam tempora, alias corrupti deleniti
          quaerat molestiae.
        </div>
      </div>
    </div>