Aca te dejo el formato basico de estructura en html para crear una tarjeta personalizada facil y sencillo.
PD : Mi color favorito es el verde.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
body {
font-family: 'Roboto Condensed', sans-serif;
background-color: #E3FAE7;
}
.card {
width: 400px;
height: 200px;
background-color: #A6EEB3;
border-radius: 30px;
padding: 30px;
margin: 0 auto;
margin-top: 100px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.card h1 {
font-size: 30px;
margin-bottom: 35px;
}
.card p {
font-size: 18px;
margin-bottom: 5px;
}
</style>
</head>
<body>
<div class="card">
<h1>Nombre y Apellido</h1>
<p>Título o profesión</p>
<p>Teléfono: 123-456-7890</p>
<p>Email: correo@example.com</p>
<div>
</body>
</html>
Curso de Frontend Developer
0 Comentarios
para escribir tu comentario
