body {
font-family: Arial;
background: #f4f4f4;
padding: 20px;
}
.container {
background: #fff;
padding: 20px;
max-width: 500px;
margin: auto;
border-radius: 10px;
}
input, textarea {
width: 100%;
padding: 8px;
margin: 8px 0;
}
button {
background: green;
color: white;
padding: 10px;
border: none;
}
Formulario
(function(){
emailjs.init(“L6JkFTSF9qVgH_8Yu”); // Tu clave pública
})();
document.getElementById(“formulario”).addEventListener(“submit”, function(e){
e.preventDefault();
emailjs.sendForm(“service_5nd9jup”, “template_16rhzwk“, this)
.then(function(){
document.getElementById(“status”).innerText = “✅ Enviado correctamente”;
}, function(error){
document.getElementById(“status”).innerText = “❌ Error al enviar”;
console.log(error);
});
});
