Update README.md

README.md

@@ -7,13 +7,58 @@ sdk: static
 pinned: false
 ---
 
+         
 <div class="grid lg:grid-cols-3 gap-x-4 gap-y-7">
     <div class="lg:col-span-3">
         <p class="mb-4">
-            The Webis Group addresses challenges of the information society by conducting basic research, developing technology, and implementing and evaluating prototypes for future information systems. Our research contributes to web mining and retrieval, machine learning, computational linguistics, and symbolic AI.
-            <br /><br />
-
-      TODO
+            The Webis Group addresses challenges of the information society by conducting basic research, developing technology, and implementing and evaluating prototypes for future information systems. Our research contributes to web mining and retrieval, machine learning, computational linguistics, and symbolic AI. <br /><br />
+            TODO<br />
+            TODO
+        </p>
+    </div>
+    <a href="https://pan.webis.de/shared-tasks.html" class="block overflow-hidden group">
+        <div
+            class="w-full h-40 object-cover mb-2 rounded-lg flex items-center justify-center bg-[#FA8072]"
+        >
+            <img alt="" src="https://huggingface.co/spaces/webis/README/resolve/main/pan.png" class="w-40" />
+        </div>
+        <div class="underline">Shared Tasks</div>
+    </a>
+    <a
+        href="https://webis.de/research.html#information-retrieval-and-search"
+        class="block overflow-hidden group"
+    >
+        <div
+            class="w-full h-40 mb-2 bg-gray-900 group-hover:bg-gray-850 rounded-lg flex items-start justify-start overflow-hidden"
+        >
+            <img
+                alt=""
+                src="https://huggingface.co/spaces/webis/README/resolve/main/searchengines.png"
+                class="w-full h-40 object-cover overflow-hidden"
+            />
+        </div>
+        <div class="underline">Search Engines</div>
+    </a>
+    <a
+        href="https://webis.de"
+        class="block overflow-hidden group"
+    >
+        <div
+            class="w-full h-40 mb-2 bg-gray-900 group-hover:bg-gray-850 rounded-lg flex items-start justify-start overflow-hidden"
+        >
+            <img
+                alt=""
+                src="https://huggingface.co/spaces/webis/README/resolve/main/searchengines.png"
+                class="w-full h-40 object-cover overflow-hidden"
+            />
+        </div>
+        <div class="underline">TODO</div>
+    </a>
+ 
+    <div class="lg:col-span-3">
+        <p class="mb-4">
+            TODO.
         </p>
+       
     </div>
 </div>