{{ contentfor "title" }}HOME{{ endcontent }}

<div class="min-h-screen flex flex-col">

  {{ include "navbar.html" }}

  <div class="p-16 flex-grow flex items-center justify-center">

    <div class="flex flex-wrap gap-8">
      <img src="/assets/me.webp" class="max-h-56"></img>
      <div class="flex flex-col justify-center gap-2">
        <h1 class="text-5xl lg:text-7xl">
          Hi there! I'm RAGHU.
        </h1>
        <p class="text-xl lg:text-3xl"><span class="text-pink-900 bg-pink-100 selection:bg-zinc-400 selection:text-pink-800 p-1">Programmer and Hacker.</span></p>

        <div class="flex gap-2 lg:text-xl">
          <a href="https://github.com/compromyse" class="hover:underline hover:text-pink-900 hover:bg-pink-100 p-1" target="_blank">GITHUB</a>
          <a href="https://www.linkedin.com/in/compromyse" class="hover:underline hover:text-pink-900 hover:bg-pink-100 p-1" target="_blank">LINKEDIN</a>
        </div>
      </div>
    </div>

  </div>

  {{ include "footer.html" }}

</div>