<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<title>Document</title>
</head>
<style>
section{
width: 100%;
display: flex;
justify-content: center;
}
.card{
width: 300px;
height: 310px;
background-color: papayawhip;
border-radius: 20px;
overflow: hidden;
}
.card img{
width: 100%;
}
h1,p{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 14px;
text-align: center;
}
button{
background-color: rgb(48, 184, 48);
color: black;
height: 25px;
width: 100px;
border-radius: 9px;
}
</style>
<body>
<section>
<div class=“card”>
<img src="…/img/pexels-nishizuka-25426-485294.jpg" alt="">
<h1> Pett name is : Milo</h1>
<p>years old : 5 ages </p>
<center>
<button><strong>iniciar</strong></button>
</center>
</div>
</section>
</body>
</html>
