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 Minimal Footer</title> <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4.2.1"></script> </head> <body class="bg-white flex items-end min-h-screen antialiased"> <footer class="w-full py-12 border-t border-slate-50"> <div class="max-w-7xl mx-auto px-6 flex flex-col items-center gap-6"> <div class="flex gap-10"> <a href="#" class="text-xs font-bold text-slate-400 uppercase tracking-widest hover:text-slate-900 transition-colors">Documentation</a> <a href="#" class="text-xs font-bold text-slate-400 uppercase tracking-widest hover:text-slate-900 transition-colors">Support</a> <a href="#" class="text-xs font-bold text-slate-400 uppercase tracking-widest hover:text-slate-900 transition-colors">Architecture</a> </div> <div class="h-1 w-1 bg-slate-200 rounded-full"></div> <p class="text-xs font-semibold text-slate-300 uppercase tracking-[0.2em]"> Handcrafted by Vanguard Logic </p> </div> </footer> </body> </html>
