DevOnePage
Cyber Security Login Page - Tailwind
Login
Register
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cyber Security Login</title> <script src="https://cdn.tailwindcss.com"></script> <style> @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap'); body { font-family: 'Share Tech Mono', monospace; } </style> </head> <body class="bg-black text-green-400 flex items-center justify-center h-screen"> <div class="bg-green-900 p-8 rounded-lg shadow-lg border border-green-400 w-96"> <h2 class="text-2xl font-bold text-center">Cyber Security Login</h2> <form class="mt-6"> <label class="block mb-2">Username</label> <input type="text" class="w-full p-2 bg-black border border-green-400 rounded focus:outline-none focus:ring-2 focus:ring-green-500"> <label class="block mt-4 mb-2">Password</label> <input type="password" class="w-full p-2 bg-black border border-green-400 rounded focus:outline-none focus:ring-2 focus:ring-green-500"> <button type="submit" class="w-full mt-6 bg-green-600 py-2 rounded hover:bg-green-500">Login</button> </form> </div> </body> </html>
Live Preview
Login
Email
Password
Cancel
Login
Register
Username
Email
Password
Cancel
Register