<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rockings Portfolio</title>
    <link rel="icon" href="sahibjot.png" type="image/png">
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        html {
  scroll-behavior: smooth;
}
        
         #image {
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: -1;
      height: 100vh;
      width: 100vw;
      object-fit: cover;
        }
/* color for text */ 
body {
  color: #000000;
}
/* color for heading */ 
h1, h2, h3, h4, h5, h6 {
  color: #000000;
}

/* Increase the font size of the main body text */
main {
  font-size: 18px; /* Changed to 18px */
}

/* Use a simpler font style for the main body text */
main {
  font-family: Arial, sans-serif;
}

/* Align the main body text to the left */
main {
  text-align: left;
}

/* Add more white space between the different elements on the page */
body {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 20px;
  margin-bottom: 20px;
}
</style>
</head>
<body>
  <img id="image" src="Picsart_24-12-29_01-56-51-995 (1).png" alt="Resquared Ultra GO background image with sahibot touch">
    <section>
        <div class="max-w-5xl px-8 py-24 pb-12 mx-auto 2xl:max-w-7xl md:px-lg:px-24 lg:pt-32">
          <div class="flex items-center">
            <div>
              <img class="inline-block object-cover w-24 h-48 rounded-full lg:w-64 lg:h-96" src="https://cdn.discordapp.com/avatars/771790956084068373/236bd4a7c601cf98166c66b3bf095049.webp?size=4096" alt="">
            </div>
            <div class="ml-4 md:ml-8">
              <p class="text-4xl font-semibold tracking-tighter text-red-900 md:text-6xl lg:text-7xl">
                Sahibjot Singh Chandhok
                <span class="block text-yellow-500">Portfolio</span>
              </p>
              <div class="flex mt-12 space-x-6 text-xs text-Black-900 uppercase font-bold">
                <a href="sahibjot.in/achivements" class="duration-200 hover:text-grey-400"> Achivements</a> <a href="blog" class="duration-200 hover:text-gray-400"> Blogs</a>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section>
        <div class="max-w-5xl px-8 py-12 mx-auto 2xl:max-w-7xl md:px-lg:px-24">
          <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 lg:gap-12">
            <div class="flex flex-col gap-12">
              <div>
                <h2 class="text-2xl font-bold tracking-tight text-white-100">
                  Contact
                </h2>
                <dl class="mt-4 space-y-4 text-sm font-bold text-white-100">
                  <div class="flex items-center text-sm text-white-100 gap-x-4">
                    <dt class="flex-none">
                      <span class="sr-only">Website</span><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-world" width="18" height="18" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                        <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
                        <path d="M3.6 9h16.8"></path>
                        <path d="M3.6 15h16.8"></path>
                        <path d="M11.5 3a17 17 0 0 0 0 18"></path>
                        <path d="M12.5 3a17 17 0 0 1 0 18"></path>
                      </svg>
                    </dt>
                    <dd>
                      <a class="hover:text-white-100" href="#">sahibjot.in</a>
                    </dd>
                  </div>
                  <div class="flex items-center font-bold text-sm text-white-900 gap-x-4">
                    <dt class="flex-none">
                      <span class="sr-only">Email</span><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mail" width="18" height="18" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                        <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"></path>
                        <path d="M3 7l9 6l9 -6"></path>
                      </svg>
                    </dt>
                    <dd>
                      <a class="hover:text-gray-100" href="mailto:sahibjotsinghchandhok@gmail.com">sahibjotsinghchandhok@gmail.com</a>
                    </dd>
                  </div>
                </dl>
              </div>
              <div>
                <h2 class="text-2xl font-bold tracking-tight text-black-900">
                  Studies
                </h2>
                <dl class="mt-4 space-y-4 text-sm font-bold text-white-600">
                  <div class="flex flex-col gap-2">
                    <dt class="flex flex-col">
                      <span class="block">Studying at:</span><span class="block"></span>
                    </dt>
                    <dd class="font-medium text-black">GD Goenka World School, Sohna</dd>
                  </div>
                  <div class="flex flex-col gap-2">
                    <dt class="flex flex-col">
                      <span class="block">Previous School</span>JBCN Internation School, Borivali<span class="block"></span>
                    </dt>
                    <dd class="font-medium text-blue-500"></dd>
                  </div>
                </dl>
              </div>
              <div>
                <h2 class="text-2xl font-bold tracking-tight text-black-900">
                  Subjects
                </h2>
                <ul role="list" class="mt-4 space-y-2 text-sm font-medium text-black-600">
                  <li>Chemistry</li>
                  <li>Biology</li>
                  <li>Physics</li>
                  <li>Maths</li>
                  <li>Computer Science</li>
                  <li>English</li>
                  <li>Global Perspective</li>
                </ul>
              </div>
              <div>
                <h2 class="text-2xl font-bold tracking-tight text-Black-900">
                  Skills
                </h2>
                <ul role="list" class="mt-4 space-y-2 text-sm text-white-600">
                  <li>Lead &amp; Strategy</li>
                  <li>Creative</li>
                  <li>Problem solving</li>
                </ul>
              </div>
            </div>
            <div class="flex flex-col gap-12 lg:col-span-2">
              <div>
                <h2 class="text-2xl font-bold tracking-tight text-black-900">About</h2>
                <p class="mt-4 text-sm font-medium text-black-600">
                Hey! im Sahibjot Singh Chandhok, a 14 year old student studying at GD Goenka World School, Sohna. I am a passionate and dedicated student who is always ready to learn new things. I am a creative person who loves to design and develop new things. I am a quick learner and always ready to take on new challenges. I am a team player and always ready to help others. <be> I am a hardworking and dedicated person who is always ready to work hard to achieve my goals. I am a creative person who loves to design and develop new things. I am a quick learner and always ready to take on new challenges. I am a team player and always ready to help others. I am a hardworking and dedicated person who is always ready to work hard to achieve my goals.
                </p>
              </div>
              <div>
                <h2 class="text-2xl font-bold tracking-tight text-black-900">
                  A couple of Achivements
                </h2>
                <div class="flex flex-col gap-8">
                  <div>
                    <p class="mt-4 text-lg font-medium text-blue-500">
                      Queens Common Weakth Essay Competition:
                      <span class="text-grey-500"> 2 Year Gold Award </span><span class="block text-xs text-grey-500"> 2023-204</span>
                    </p>
                    <p class="mt-4 text-sm font-medium text-black-500">
                    At common wealth essasy i have been winning the only Gold Award in my school since last 2 years. International level competition. hoping to wn more in future.
                    </p>
                  </div>
                  <div>
                    <p class="mt-4 text-lg font-medium text-blue-500">
                      Tech Talk:
                      <span class="text-blue-500"> School Competition</span><span class="block text-xs text-blue-500">Around Augeust 2023
                      </span>
                    </p>
                    <p class="mt-4 text-sm font-medium text-black-500">
                     At Tech Talk, I've i got an rank of 2 overall with my presentation skills and speaking skills.
                      </p>
                  </div>
                  <div>
                    <p class="mt-4 text-lg font-medium text-blue-500">
                      Bribooks:
                      <span class="text-blue-500">Positioned 1 in school</span><span class="block text-xs text-blue-500">2023 December</span> 
                    </p>
                    <p class="mt-4 text-sm font-medium text-black-500">
                     My book Demon ERA: Mike Pov has been positioned 1 in the school and has been loved by all the students and teachers.
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <footer>
        <div class="max-w-5xl px-8 py-12 mx-auto 2xl:max-w-7xl md:px-lg:px-24 lg:pt-48">
          <p> credits: <br> Background Image: ReSquared</p>
          <p class="max-w-2xl text-sm text-left font-medium text-blacks-500">
           <br> <br> © Sahibjot, 2025 All rights reserved.
          </p>
        </div>
      </footer>
</body>
</html>
