1

    <>
        <div class=" flex justify-center items-center flex-col   rounded-lg mb-2  ">
          <h1 class="text-2xl">
            {" "}
            <a href="https://www.iiitp.ac.in/">
              <img
                src="https://www.iiitp.ac.in/sites/default/files/logo-new.png"
                alt=""
              />
            </a>{" "}
          </h1>
          <div class="flex justify-between items-center gap-5 text-xl text-red-700 mt-4">
            <a
              href="https://placements.iiitp.ac.in/"
              target="_blank"
              class="hover:underline transition-all duration-200"
            >
              Placements
            </a>
            <a
              href="https://www.iiitp.ac.in/contact-us"
              target="_blank"
              class="hover:underline transition-all duration-200"
            >
              Contact
            </a>
            <a
              href="https://www.iiitp.ac.in/page/faculty-0"
              target="_blank"
              class="hover:underline transition-all duration-200"
            >
              Faculty
            </a>
            <a
              href="https://www.iiitp.ac.in/page/upcoming-campus-iiit-pune"
              target="_blank"
              class="hover:underline transition-all duration-200"
            >
              Upcoming-Campus
            </a>
          </div>
        </div>




        <div class="grid">
          <div class="p-3  mt-10 max-w-[500px] text-center mx-10">
            <div class="flex justify-center text-center items-center font-mullish text-xl text-blue-900  ">
              <p>
                Hello welcome to notes website of IIIT Pune. In this website you
                will get all the notes, labs, and paper of previous year and I
                will also provide you the ppt that teacher shared with us.I hope
                this page will find you helpful.
              </p>
            </div>
          </div>
            <div class="flex text-xl mx-4 justify-center items-center mt-10 sm:mx-auto flex-col rounded-md max-w-[500px]   border-2 m-5 border-blue-500">
              <h1 class="text-xl m-4 text-deepBlue">
                For Accessing this page please do following steps
              </h1>
              <h1 class="m-1 p-2 ">
                Already have account
                <Link
                  to="/auth/login"
                  class="bg-blue-700 p-2 m-2 px-5 text-lg rounded-md text-white mb-3 hover:bg-blue-500 transition-all duration-200 "
                >
                  Login
                </Link>
              </h1>

              <h1 class="m-1 p-2 ">
                Do not have account{" "}
                <Link
                  to="/auth/signup"
                  class="bg-blue-700 p-2 m-2 px-5 text-lg rounded-md text-white mb-3 hover:bg-blue-500 transition-all duration-200 "
                >
                  Sign-Up
                </Link>
              </h1>
            </div>
        </div>
      </div>
      </>