"teste"
Bootstrap 4.1.1 Snippet by gilso

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Login - Meu Site</title> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Estilos personalizados --> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="login-container"> <h3 class="text-center mb-4">Bem-vindo de volta
body { background: linear-gradient(120deg, #4e54c8, #8f94fb); height: 100vh; margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .login-container { max-width: 400px; margin: 80px auto; background: #fff; padding: 30px; border-radius: 16px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
document.getElementById('loginForm').addEventListener('submit', function(e) { e.preventDefault(); // Evita o envio padrão do formulário const email = document.getElementById('email').value; const senha = document.getElementById('senha').value; // Aqui você pode fazer uma chamada para um backend, Firebase, etc. console.log("Tentativa de login com:"); console.log("Email:", email); console.log("Senha:", senha); alert("Login simulado com sucesso!"); // Simulação });

Related: See More


Questions / Comments: