footer.php

<section class="polygon bg-[#171718] bg-cover shadow-t xl:px-48 sm:px-8 px-4 py-20 flex justify-between items-center md:flex-row flex-col gap-8">
  <div class="md:w-1/2 w-full relative">

    <div class="w-full border-[#0038FF] border-l-8 pl-4">
      <h3 class="publicsans text-4xl font-extrabold text-gray-900">Get In <span class="text-[#0038FF]">Touch!</span></h3>
    </div>
    <p class="text-gray-900 font-[Nunito] text-base font-medium mt-4">Contact me if you have any new opportunity for me or just have to say hi, my inbox is always open for it. I can be reached via E-mail at codesfromvvikrant@gmail.com</p>
    <div style="width:10rem;height:10rem;" class="right-0 absolute rotate-360 md:block hidden">
      <iframe src="https://giphy.com/embed/5XMcgsLoi6XkeJhRBE" class="" width="100%" height="100%" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
    </div>
  </div>

  <div class="md:w-1/3 w-full font-[Nunito]">
    <div class="flex justify-between items-center gap-4 mb-4">
      <input class="bg-[#ffffff22] px-3 py-2 shadow rounded w-full outline-gray-900 outline-1" type="text" placeholder="Name">
      <input class="bg-[#ffffff22] px-3 py-2 shadow rounded w-full outline-gray-900" type="email" placeholder="Email">
    </div>

    <div class="mb-4">
      <input type="text" class="bg-[#ffffff22] px-3 py-2 shadow rounded w-full outline-gray-900" placeholder="Subject">
    </div>

    <div class="mb-4">
      <textarea class="bg-[#ffffff22] px-3 py-2  shadow rounded h-40 w-full outline-gray-900" placeholder="Message"></textarea>
    </div>

    <button class="bg-[#171718]  px-4 py-2 font-medium text-white rounded">Send
      Message</button>
  </div>
</section>

<footer class="py-6">
  <center>
    <h4 class="text-base font-bold text-gray-900 font-[Nunito] capitalize">Vikrant Kumar &#169; All Right Reserved</h4>
  </center>

  <script src="particles.js"></script>
  <script src="app.js"></script>
  <script src="Script.js"></script>

</footer>
</body>

</html>