feat: añadido acortador

public/index.html

@@ -171,6 +171,36 @@
     <div class="container mx-auto px-4 py-8">
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         
+        <div
+            class="
+                   bg-white rounded-lg
+                   border-4 border-black
+                   shadow-[0_4px_0_black]
+                   hover:shadow-[0_8px_0_black]
+                   hover:-translate-y-1
+                   hover:scale-105
+                   transition-all duration-100 ease-linear
+                   overflow-hidden
+                   transform
+                   mx-auto
+                   hover:z-2
+                   "
+        >
+            <a href="/url" class="block w-86 h-48">
+
+            
+            <div class="w-full h-48 border border-gray-200 flex flex-col justify-center items-center p-5">
+                <span class="text-gray-700 font-mono text-lg font-medium leading-tight">
+                    Acortador
+                </span>
+                <p class="text-gray-400 font-mono text-sm line-clamp-2 bg-grey-300 p-1 rounded-lg">
+                    /url
+                </p>
+            </div>
+            
+            </a>
+        </div>
+        
         <div
             class="
                    bg-white rounded-lg