hola aca mi code
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Trabajo personal Edwin Torres</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: linear-gradient(45deg, #ff416c, #ff4b2b);
color: white;
font-family: Arial, sans-serif;
text-align: center;
overflow: hidden;
}
h1 {
font-size: 3em;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
animation: fadeIn 2s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.8); }
to { opacity: 1; transform: scale(1); }
}
.btn {
margin-top: 20px;
padding: 15px 30px;
font-size: 1.2em;
border: none;
cursor: pointer;
border-radius: 50px;
background: white;
color: #ff4b2b;
font-weight: bold;
transition: 0.3s;
}
.btn:hover {
transform: scale(1.1);
box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}
</style>
</head>
<body >
<div>
<h1>¡Bienvenido al Impacto Edwin Torres!</h1>
<button class="btn" onclick="alert('¡Hola pipa que tal?!')">Descubrir</button>
</div>
<img src="edwinlink.png" alt="Logo Edwin">
<div>
<h2>Mi vida como ingeniero mecánico es mas bien interesante y desafiante tengo muchos retos intelectuales y profesionales hay que
estar mucho a la vanguardia de la tecnologia </h2>
</p>
</div>
</body>
</html>
