Spaces:
Running
Running
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<link rel="stylesheet" href="css/style.css" /> | |
<title>Simple Tailwind Starter</title> | |
<link rel="preconnect" href="https://fonts.googleapis.com"> | |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet"> | |
</head> | |
<body class="bg-BluishWhite"> | |
<!--Body Container--> | |
<div class="container px-5 py-10 rounded-xl mx-auto mb-4"> | |
<!--HF Logos Section--> | |
<section id="HFlogos" class="mb-10"> | |
<!--Section Title--> | |
<div class="font-mono max-w-fit text-3xl bg-blue-500 text-white mb-5 py-3 px-6 rounded-full">HF logos</div> | |
<!--Section Assets Container--> | |
<div class="container my-10 flex flex-wrap flex-shrink-0"> | |
<!--duo container 1--> | |
<div class=" flex w-full pb-5 md:w-2/5 md:pr-5 space-x-5"> | |
<!--Group Component 1--> | |
<div class="w-1/2"> | |
<div class="rounded-3xl bg-white shadow-DropShadow"> | |
<img src="images/Brand Logos/Hugging Face.png" alt="" class="p-7"> | |
</div> | |
<!--Info box--> | |
<div class="pl-3 pt-3"> | |
<h5 class="text-lg font-sans text-BluishDark">Hugging Face Logo</h5> | |
<!--Download Buttons--> | |
</div> | |
</div> | |
<!--Group Component 2--> | |
<div class="w-1/2"> | |
<!--Image container 2--> | |
<div class="rounded-3xl bg-white shadow-DropShadow"> | |
<img src="images/Brand Logos/Rainbow Hugging Face.png" alt="" class="p-7"> | |
</div> | |
<!--Info box--> | |
<div class="pl-3 pt-3"> | |
<h5 class="text-lg font-sans text-BluishDark">Rainbow Hugging Face</h5> | |
<!--Download Buttons--> | |
</div> | |
</div> | |
</div> | |
<!--duo container 2--> | |
<div class="flex w-full pb-5 md:w-2/5 md:pr-5 space-x-5"> | |
<!--Group Component 1--> | |
<div class="w-full"> | |
<div class="w-full rounded-3xl bg-white shadow-DropShadow"> | |
<img src="images/modern Huggies/Lora Huggy.png" alt="" class="p-7"> | |
</div> | |
<!--Info box--> | |
<div class="pl-3 pt-3"> | |
<h5 class="text-lg font-sans text-BluishDark">Hugging Face Logo</h5> | |
<!--Download Buttons--> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
</body> | |
</html> | |