Merge pull request #62 from Bhavishya2601/master

added social links

index.html

@@ -16,7 +16,7 @@
     .heading {
       text-align: center;
       padding: 1rem 0;
-      font-size: 2.5rem; 
+      font-size: 2.5rem;
       color: #000000;
     }
 
@@ -72,20 +72,24 @@ <h1 class="heading">
     </h1>
 
     <p class="content-text text-center my-6 text-gray-600">
-      Ready to dive into the world of open source? Join us for an exciting opportunity to contribute, collaborate, and grow as a developer!
+      Ready to dive into the world of open source? Join us for an exciting opportunity to contribute, collaborate, and
+      grow as a developer!
     </p>
     <div class="text-center">
-      <button class="bg-orange-500 text-white rounded-md p-3 font-medium hover:ring-2 hover:ring-black transition shadow hover:shadow-lg">
+      <button
+        class="bg-orange-500 text-white rounded-md p-3 font-medium hover:ring-2 hover:ring-black transition shadow hover:shadow-lg">
         <a href="https://github.com/aialok/open-source-IIIT-Ranchi" target="_blank">Contribute on Github</a>
       </button>
     </div>
   </div>
 
   <div class="container mx-auto py-8 bg-gray-50 rounded-lg shadow">
     <h2 class="heading">
-      What is <a href="https://hacktoberfest.com/" target="_blank" class="text-orange-500"><span>Hacktoberfest</span></a>?
+      What is <a href="https://hacktoberfest.com/" target="_blank"
+        class="text-orange-500"><span>Hacktoberfest</span></a>?
     </h2>
-    <h3 class="content-text text-center my-4 text-gray-600">An annual celebration of open source during October. Here’s what you can do:</h3>
+    <h3 class="content-text text-center my-4 text-gray-600">An annual celebration of open source during October. Here’s
+      what you can do:</h3>
 
     <ul class="content-text mx-auto my-6 list-disc text-gray-600 w-3/4">
       <li class="list-item">🌐 Contribute to open source projects.</li>
@@ -100,10 +104,14 @@ <h2 class="heading">
     </h2>
 
     <ul class="content-text mx-auto my-6 list-disc text-gray-600 w-3/4">
-      <li class="list-item"><span class="font-semibold">Create Your Portfolio:</span> Build a personal portfolio website to showcase your skills.</li>
-      <li class="list-item"><span class="font-semibold">Contribute:</span> Add your portfolio to our repository with a simple pull request!</li>
-      <li class="list-item"><span class="font-semibold">Connect:</span> Join our community of students sharing portfolios.</li>
-      <li class="list-item"><span class="font-semibold">Celebrate:</span> Be recognized for your hard work and creativity.</li>
+      <li class="list-item"><span class="font-semibold">Create Your Portfolio:</span> Build a personal portfolio website
+        to showcase your skills.</li>
+      <li class="list-item"><span class="font-semibold">Contribute:</span> Add your portfolio to our repository with a
+        simple pull request!</li>
+      <li class="list-item"><span class="font-semibold">Connect:</span> Join our community of students sharing
+        portfolios.</li>
+      <li class="list-item"><span class="font-semibold">Celebrate:</span> Be recognized for your hard work and
+        creativity.</li>
     </ul>
   </div>
 
@@ -132,11 +140,44 @@ <h2 class="heading">
     <h2 class="heading">
       Join the <span>Celebration</span>
     </h2>
-    <p class="content-text text-center my-2 text-gray-600">Celebrate your achievements and the spirit of Hacktoberfest 2024! Create your portfolio and showcase your work to the world.</p>
+    <p class="content-text text-center my-2 text-gray-600">Celebrate your achievements and the spirit of Hacktoberfest
+      2024! Create your portfolio and showcase your work to the world.</p>
   </div>
 
   <footer class="bg-gray-800 text-white py-6">
     <div class="container mx-auto text-center">
+      <div class="flex gap-2 justify-center items-center">
+        <div>
+          <a href="https://discord.com/invite/hacktoberfest">
+            <img src="src/assets/icons/discord.svg" class="h-7" alt="">
+          </a>
+        </div>
+        <div>
+          <a href="https://x.com/hacktoberfest">
+            <img src="src/assets/icons/x.svg" class="h-6" alt="">
+          </a>
+        </div>
+        <div>
+          <a href="https://hachyderm.io/@hacktoberfest">
+            <img src="src/assets/icons/mastodon.svg" class="h-7" alt="">
+          </a>
+        </div>
+        <div>
+          <a href="https://bsky.app/profile/hacktoberfest.com">
+            <img src="src/assets/icons/bluesky.svg" class="h-7" alt="">
+          </a>
+        </div>
+        <div>
+          <a href="https://www.reddit.com/r/hacktoberfest/">
+            <img src="src/assets/icons/reddit.svg" class="h-7" alt="">
+          </a>
+        </div>
+        <div>
+          <a href="https://www.digitalocean.com/open-source/hacktoberfest#stay-up-to-date">
+            <img src="src/assets/icons/gmail.svg" class="h-7" alt="">
+          </a>
+        </div>
+      </div>
       <p>&copy; 2024 Hacktoberfest Celebration. All rights reserved.</p>
       <p>Empowering Students to Innovate and Contribute to Open Source</p>
       <p>Made with ❤️ by the Community</p>
@@ -145,4 +186,4 @@ <h2 class="heading">
 
 </body>
 
-</html>
+</html>