MIBO ARCHITECT v3.0
Mở/Đóng Menu
Chọn loại giao diện (Layout)
Thiên Vương (Luxury)
Modern Dark (Huyền bí)
Minimalist (Tối giản)
Tiêu đề dự án
Logo Text
Màu chủ đạo
Nội dung Footer
CẬP NHẬT THIẾT KẾ
COPY CODE
<!DOCTYPE html> <html> <head> <meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'> <title>MY PROJECT</title> <style> body { margin:0; font-family:sans-serif; background:#f8fafc; display:flex; align-items:center; justify-content:center; min-height:100vh; } .container { text-align:center; width:100%; max-width:400px; padding:20px; } .logo { background: #2563eb; border-radius: 35% 65% 61% 39% / 40% 41% 59% 60%; width: 80px; height: 80px; display:flex; align-items:center; justify-content:center; margin: 0 auto 20px; color:#fff; font-size:35px; font-weight:bold; } h1 { font-style: italic; font-weight: 900; text-transform: uppercase; font-size: 28px; } .card { background: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 20px 50px rgba(0,0,0,0.05); } .btn { width:100%; padding:15px; border:none; border-radius:50px; background:linear-gradient(to right, #3b82f6, #1d4ed8); color:#fff; font-weight:bold; cursor:pointer; margin-top:10px; } input { width:100%; padding:12px; margin-bottom:15px; border-radius:8px; border:1px solid #ddd; box-sizing:border-box; } .footer { margin-top:40px; font-size:10px; opacity:0.5; letter-spacing:1px; } </style> </head> <body> <div class='container'> <div class='logo'>M</div> <h1>MY PROJECT</h1> <p style='color:#2563eb; font-size:12px; font-weight:bold;'>HỆ THỐNG QUẢN TRỊ THÔNG MINH</p> <div class='card'> <input type='text' placeholder='Username'> <input type='password' placeholder='Password'> <button class='btn'>LOGIN</button> </div> <div class='footer'>POWERED BY MIBO ARCHITECT</div> </div> </body> </html>