add knowlege hub link

Author: SuhasDissa

public/images/projects/knowledgehub.png

@@ -131,15 +131,29 @@ const posts = (await getCollection("event"))
                 </div>
 
                 <!-- Card 3 -->
-                <!-- <div class="w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-gray-800 dark:border-gray-700 mx-auto">
+                <div
+                  class="w-full max-w-sm border border-gray-200 rounded-xl shadow-sm dark:border-gray-700 mx-auto hover:scale-110 transition-transform duration-500 ease-in-out backdrop-blur-sm dark:border-gray-800 dark:focus:border-transparent bg-indigo-400 dark:bg-indigo-700 dark:bg-opacity-10 bg-clip-padding backdrop-filter bg-opacity-10"
+                >
                   <div class="flex flex-col items-center pb-10 pt-6">
-                    <img class="w-32 h-32 mb-3 rounded-full shadow-lg" src="/docs/images/people/profile-picture-3.jpg" alt="Bonnie image"/>
-                    <h5 class="mb-1 text-xl font-medium text-gray-900 dark:text-white">Kuppi Hub</h5>
+                    <img
+                      class="w-32 h-32 mb-3 rounded-full"
+                      src="/images/projects/knowledgehub.png"
+                      alt="Bonnie image"
+                    />
+                    <h5
+                      class="mb-1 text-xl font-medium text-gray-900 dark:text-white"
+                    >
+                     Knowledge Hub
+                    </h5>
                     <div class="flex mt-4 md:mt-6">
-                      <a href="#" class="inline-flex items-center px-4 py-2 text-sm font-medium text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Open</a>
+                      <a
+                        href="https://learn.cse23.org/"
+                        class="inline-flex items-center px-4 py-2 text-sm font-medium text-white bg-gradient-to-r from-indigo-500 to-pink-500 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+                        >Open</a
+                      >
                     </div>
                   </div>
-                </div> -->
+                </div>
               </div>
             </div>
           </section>