index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

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

<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>