<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>My static Space</title>
<link rel="stylesheet" href="style.css" />
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="container mx-auto py-10">
<h2 class="mb-4 inline-flex items-center rounded-full bg-gradient-to-br from-indigo-100 to-white px-3 font-mono text-base text-indigo-700 dark:from-indigo-800 dark:to-black dark:text-indigo-200 md:text-lg">Collection 1</h2>
<p class="mb-6">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deleniti doloremque quod facilis a consectetur, dolores quo in soluta minus eum libero quae.</p>
<div class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5">
<a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center hover:brightness-110"></a>
<a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center hover:brightness-110"></a>
<a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center hover:brightness-110"></a>
<a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center hover:brightness-110"></a>
<a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center hover:brightness-110"></a>
</div>
<div class="h-12"></div>
<h2 class="mb-4 inline-flex items-center rounded-full bg-gradient-to-br from-green-100 to-white px-3 font-mono text-base text-green-700 dark:from-indigo-800 dark:to-black dark:text-indigo-200 md:text-lg">Collection 2</h2>
<p class="mb-6">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deleniti doloremque quod facilis a consectetur, dolores quo in soluta minus eum libero quae.</p>
<div class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5">
<a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center hover:brightness-110"></a>
<a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center hover:brightness-110"></a>
<a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center hover:brightness-110"></a>
</div>
</div>
</body>