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><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="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: 02px5pxrgba(0, 0, 0, 0.1);
}
.cardh1 {
font-size: 30px;
margin-bottom: 35px;
}
.cardp {
font-size: 18px;
margin-bottom: 5px;
}
</style></head><body><divclass="card"><h1>Nombre y Apellido</h1><p>Título o profesión</p><p>Teléfono: 123-456-7890</p><p>Email: [email protected]</p><div></body></html>
