JAGT

elmer.30.18.97

2781

<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<title>JAGT</title>
<style>
header {
width: 100%;
display: flex;
justify-content: center;
}
.card {
width: 400px;
height: 400px;
background: cadetblue;
border-radius: 20px;
}
.card img {
width: 100%;
}
.card h1 {
text-align: center;
}
.card h2 {
text-align: center;
}
.container {
display: flex;
background: green;
justify-content: center;
padding: 20px;
}
.item {
width: 400px;
height: 400px;
background: yellow;
padding: 20px;
box-sizing: border-box;
border: 1px solid hotpink;
margin: 20px;
}
.item img {
width: 100%;
}
</style>
</head>
<body>
<header>
<div class=“card”>
<h1>QUILCAPAMPA</h1>
<img src=“https://images.pexels.com/photos/18128309/pexels-photo-18128309/free-photo-of-carretera-calle-caballo-urbano.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1” alt=“horse”>
<h2>Caballo peruano de paso</h2>
</div>
</header>

<div class="container">
        <div class="item">
            <h1>CRIANZA</h1>
            <img src="https://images.pexels.com/photos/2401877/pexels-photo-2401877.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="crianza">
            <p>tenemos las mejores crias</p>
        </div>

        <div class="item">
            <h1>GENETICA</h1>
            <img src="https://images.pexels.com/photos/1996333/pexels-photo-1996333.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="genetica">
            <p>los mejores reproductores</p>
        </div>
</div>

</body>
</html>