About section added

index.html

@@ -5,10 +5,13 @@
     <link rel="icon" type="image/webp" href="/logo.webp" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="./style.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link
       href="https://fonts.googleapis.com/css2?family=Bangers&display=swap"
       rel="stylesheet"
     />
+    <link href="https://fonts.googleapis.com/css2?family=Bangers&family=Kosugi+Maru&display=swap" rel="stylesheet">
     <script src="./main.js"></script>
     <title>Rebase <01></title>
   </head>
@@ -75,11 +78,21 @@ <h1 class="rebase-head text-[#E82338]">&lt;01&gt;</h1>
 
     </section>
 
-    <section
-      class="h-screen w-full border-2 border-black grid place-items-center"
-    >
-      ABOUT
-    </section>
+    <!-- About section begins here -->
+    <div id="about">
+      <p id="about-text">About</p>
+      <p id="zero-one">01.</p>
+      <p id="main-paragraph">Unleash your creativity and be part of Rebase&lt;01&gt;, a month-long online hackathon extravaganza! Compete across various categories, showcasing your skills, creativity, and teamwork alongside peers who share your passion. This is your chance to challenge yourself, learn new skills, and create remarkable projects that can make a real difference. Don't miss this unparalleled opportunity to rebase your talent and elevate your skills to a new level. Step into Rebase&lt;01&gt;—where creativity has no bounds.</p>
+      <div id="images">
+          <img src="public/Group 243.svg" alt="GreenBG" id="GreenBG">
+          <img id="Group39" src="public/Group 39.svg" alt="Comp Pic">
+      </div>
+      <div id="mobile-images">
+          <img id="GreenBGMobile" src="public/Group 28.svg" alt="GreenBGMobile">
+          <img src="public/Group 244.svg" alt="Mobile Comp" id="MobileComp">
+      </div>
+    </div>
+    <!-- About section ends here -->
     <section
       class="h-screen w-full border-2 border-black grid place-items-center"
     >