homepage agape srl

2026-06-25 10:10:40 +00:00
parent 4e936b45ca
commit 8975c0fbf8
1 changed files with 88 additions and 0 deletions
@@ -0,0 +1,88 @@
+<!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 &amp; welfare
+    <strong>DE:</strong> Innovation in Tierhaltung &amp; Wohlbefinden
+  </div>
+  <div id="text3" class="text-tile">
+    <strong>ES:</strong> Equipo de ingenieros y veterinarios especializados
+    <strong>EN:</strong> Team of specialized engineers &amp; veterinarians
+    <strong>DE:</strong> Team aus spezialisierten Ingenieuren &amp; Tierärzten
+  </div>
+</body>
+</html>