Index side lavet.

2026-04-11 21:05:34 +02:00
parent 6bf7978c72
commit f69032c929
4 changed files with 94 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>DKB Bannere</title>
+  <style>
+    * {
+      box-sizing: border-box;
+    }
+
+    body {
+      margin: 0;
+      padding: 20px;
+      background: #0f0f0f;
+      font-family: Arial, sans-serif;
+    }
+
+    .banner-wrapper {
+      max-width: 1200px;
+      margin: 0 auto;
+      display: flex;
+      flex-direction: column;
+      gap: 24px;
+    }
+
+    .banner-link {
+      display: block;
+      width: 100%;
+      border-radius: 18px;
+      overflow: hidden;
+      box-shadow: 0 6px 20px rgba(0,0,0,0.35);
+      transition: transform 0.2s ease, box-shadow 0.2s ease;
+    }
+
+    .banner-link:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 10px 28px rgba(0,0,0,0.45);
+    }
+
+    .banner-link img {
+      display: block;
+      width: 100%;
+      height: auto;
+    }
+
+    @media (max-width: 768px) {
+      body {
+        padding: 10px;
+      }
+
+      .banner-wrapper {
+        gap: 14px;
+      }
+
+      .banner-link {
+        border-radius: 12px;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="banner-wrapper">
+    <a class="banner-link" href="https://din-webshop-url.dk" target="_blank" rel="noopener">
+      <img src="dkb_webshop_banner.png" alt="Gå til webshop" />
+    </a>
+
+    <a class="banner-link" href="https://discord.gg/din-discord" target="_blank" rel="noopener">
+      <img src="dkb_discord_banner.png" alt="Gå til Discord" />
+    </a>
+  </div>
+</body>
+</html>