AGAPE S.R.L
89 lines
3.1 KiB
HTML
89 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>AGAPE S.R.L | Genética Premium</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
font-family: 'Arial', sans-serif;
|
|
background: #f5f5f0;
|
|
height: 100vh;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-rows: 1fr 1fr 1fr;
|
|
gap: 8px;
|
|
padding: 8px;
|
|
}
|
|
.img-tile {
|
|
background-size: cover;
|
|
background-position: center;
|
|
border-radius: 6px;
|
|
}
|
|
.text-tile {
|
|
background: rgba(255,255,255,0.92);
|
|
padding: 16px;
|
|
border-radius: 6px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
font-size: 13px;
|
|
line-height: 1.5;
|
|
color: #333;
|
|
}
|
|
.text-tile strong { display: block; margin-top: 4px; }
|
|
.text-tile strong:first-child { margin-top: 0; }
|
|
#logo {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
#logo img { max-height: 70px; max-width: 90%; }
|
|
#cow { background-image: url('images/cow.jpg'); }
|
|
#entrance { background-image: url('images/entrance.jpg'); }
|
|
#luft { background-image: url('images/luftbild1.jpg'); }
|
|
#agape { background-image: url('images/agapei-1.jpg'); }
|
|
#cowS { background-image: url('images/cowS.jpg'); }
|
|
#entranceS { background-image: url('images/entranceS.jpg'); }
|
|
|
|
/* Tile layout - random scatter look */
|
|
#logo { grid-column: 1; grid-row: 1; }
|
|
#cow { grid-column: 2; grid-row: 1 / span 2; }
|
|
#entrance { grid-column: 3; grid-row: 2 / span 2; }
|
|
#luft { grid-column: 2; grid-row: 3; }
|
|
#agape { grid-column: 1; grid-row: 2; }
|
|
#cowS { grid-column: 1; grid-row: 3; }
|
|
#entranceS{ grid-column: 3; grid-row: 1; }
|
|
#text1 { grid-column: 2; grid-row: 1; }
|
|
#text2 { grid-column: 3; grid-row: 1; }
|
|
#text3 { grid-column: 1; grid-row: 1; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="logo" class="text-tile"><img src="images/logo.svg" alt="AGAPE S.R.L"></div>
|
|
<div id="cow" class="img-tile"></div>
|
|
<div id="entrance" class="img-tile"></div>
|
|
<div id="luft" class="img-tile"></div>
|
|
<div id="agape" class="img-tile"></div>
|
|
<div id="cowS" class="img-tile"></div>
|
|
<div id="entranceS" class="img-tile"></div>
|
|
|
|
<div id="text1" class="text-tile">
|
|
<strong>ES:</strong> Genética bovina de élite · trazabilidad sostenible
|
|
<strong>EN:</strong> Elite cattle genetics · sustainable traceability
|
|
<strong>DE:</strong> Elite-Rindergenetik · nachhaltige Rückverfolgbarkeit
|
|
</div>
|
|
<div id="text2" class="text-tile">
|
|
<strong>ES:</strong> Innovación en manejo y bienestar animal
|
|
<strong>EN:</strong> Innovation in animal handling & welfare
|
|
<strong>DE:</strong> Innovation in Tierhaltung & Wohlbefinden
|
|
</div>
|
|
<div id="text3" class="text-tile">
|
|
<strong>ES:</strong> Equipo de ingenieros y veterinarios especializados
|
|
<strong>EN:</strong> Team of specialized engineers & veterinarians
|
|
<strong>DE:</strong> Team aus spezialisierten Ingenieuren & Tierärzten
|
|
</div>
|
|
</body>
|
|
</html>
|