DeepSite v3
Help
Log In
HTML Editor
🔥 New version dropped!
index.html
<!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> </head> <body class="flex justify-center items-center h-screen overflow-hidden bg-white font-sans text-center px-6"> <div class="w-full"> <span class="text-xs rounded-full mb-2 inline-block px-2 py-1 border border-amber-500/15 bg-amber-500/15 text-amber-500">🔥New version dropped!</span> <h1 class="text-4xl lg:text-6xl font-bold font-sans"> <span class="text-2xl lg:text-4xl text-gray-400 block font-medium">Warm up by the</span> Live Fire Pit </h1> </div> <div class="absolute bottom-8 left-1/2 transform -translate-x-1/2"> <div class="relative w-32 h-32"> <!-- Fire pit base --> <div class="absolute inset-0 bg-gray-800 rounded-full"></div> <!-- Fire animation --> <div class="absolute inset-0 flex items-center justify-center"> <div class="w-16 h-16 bg-orange-500 rounded-full animate-pulse opacity-80 blur-sm"></div> <div class="w-12 h-12 bg-yellow-400 rounded-full animate-pulse opacity-90 blur-sm"></div> <div class="w-8 h-8 bg-yellow-200 rounded-full animate-pulse opacity-95 blur-sm"></div> </div> <!-- Fire particles --> <div class="absolute inset-0"> <div class="absolute w-4 h-4 bg-orange-400 rounded-full animate-bounce opacity-70" style="top: 10px; left: 20px;"></div> <div class="absolute w-3 h-3 bg-yellow-300 rounded-full animate-bounce opacity-80" style="top: 5px; right: 25px; animation-delay: 0.2s;"></div> <div class="absolute w-2 h-2 bg-yellow-200 rounded-full animate-bounce opacity-90" style="bottom: 15px; left: 30px; animation-delay: 0.4s;"></div> </div> </div> </div> <script></script> </body> </html>
Refresh Preview
deepseek-v3-o324 Redesign
Enhance!
Audio
Chat Preview
Desktop
Mobile
Create New Project - DeepSite
Create Project
