Toggle navigation
☰
HTML
CSS
Scripting
Database
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tailwind CSS No Results</title> <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4.2.1"></script> </head> <body class="bg-gray-50 flex justify-center items-center min-h-screen p-6 antialiased"> <div class="max-w-lg w-full bg-white p-12 rounded-[4rem] border border-slate-100 shadow-sm text-center space-y-8"> <div class="flex justify-center"> <div class="relative"> <svg class="h-24 w-24 text-slate-100" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" /></svg> <div class="absolute -top-2 -right-2 h-10 w-10 bg-indigo-600 rounded-full flex items-center justify-center border-4 border-white text-white"> <span class="text-xs font-black">0</span> </div> </div> </div> <div class="space-y-3"> <h2 class="text-2xl font-black text-slate-900 tracking-tight">Spectral Miss</h2> <p class="text-slate-500 font-medium">Your search query yielded no matches in the Vanguard database. Try adjusting your protocol parameters.</p> </div> <div class="flex flex-col gap-3"> <div class="flex flex-wrap justify-center gap-2"> <span class="px-3 py-1.5 bg-slate-50 text-[10px] font-black text-slate-400 uppercase tracking-widest rounded-lg border border-slate-100">Regional Filter</span> <span class="px-3 py-1.5 bg-slate-50 text-[10px] font-black text-slate-400 uppercase tracking-widest rounded-lg border border-slate-100">Alpha Status</span> <span class="px-3 py-1.5 bg-slate-50 text-[10px] font-black text-slate-400 uppercase tracking-widest rounded-lg border border-slate-100">Spectral Index</span> </div> <button class="text-indigo-600 text-xs font-black uppercase tracking-widest hover:underline mt-4 cursor-pointer">Clear All Parameters</button> </div> </div> </body> </html>
