Spaces:
Running
Running
File size: 1,410 Bytes
aa7ede5 6248d5b 04cc285 6248d5b aa7ede5 6248d5b aa7ede5 6248d5b aa7ede5 6248d5b aa7ede5 6248d5b 04cc285 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<!DOCTYPE html>
<html>
<head>
<title>My app</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="style.css">
</head>
<body class="flex justify-center items-center h-screen overflow-hidden bg-gray-100 font-sans text-center px-6">
<div class="w-full max-w-2xl bg-white p-8 rounded-lg shadow-lg border border-gray-300">
<div class="flex justify-between items-start mb-4">
<span class="text-xs rounded-full px-3 py-1 bg-red-500 text-white font-bold">⚠️ DIRTY VERSION</span>
<span class="text-xs rounded-full px-3 py-1 bg-amber-500/15 text-amber-500 border border-amber-500/15">🔥 New version dropped!</span>
</div>
<h1 class="text-4xl lg:text-6xl font-bold font-sans mb-6">
<span class="text-2xl lg:text-4xl text-gray-500 block font-medium">I'm ready to work,</span>
Ask me anything.
</h1>
<div class="bg-gray-200 border-2 border-dashed border-gray-400 rounded-xl w-full h-64 flex items-center justify-center">
<p class="text-gray-500">Dirty workspace preview</p>
</div>
</div>
<img src="https://enzostvs-deepsite.hf.space/arrow.svg" class="absolute bottom-8 left-0 w-[100px] transform rotate-[30deg]" />
<script src="script.js"></script>
</body>
</html>
|