feat: first commit

bancolombia · Jan 8, 2025 · d6b3fee · d6b3fee
commit d6b3fee
Show file tree

Hide file tree

Showing 6 changed files with 209 additions and 0 deletions.
diff --git a/desktop.html b/desktop.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8" />
+  <title>Descarga nuestra nueva aplicación</title>
+  <!-- Enlazamos los estilos -->
+  <link rel="stylesheet" href="styles.css" />
+</head>
+<body>
+  <header class="header">
+    <div class="logo-container">
+      <!-- Logo o nombre del banco, opcional -->
+      <!-- <img src="tu-logo.png" alt="Logo Banco" class="bank-logo" /> -->
+      <h1 class="bank-title">Mi Bancolombia</h1>
+    </div>
+  </header>
+
+  <main class="main-content">
+    <h2 class="main-heading">¡Descarga nuestra nueva aplicación!</h2>
+    <p class="subtitle">
+      Disfruta de todas las funciones de banca móvil de forma rápida y segura.
+    </p>
+
+    <div class="store-logos">
+      <!-- Logo iOS -->
+      <a href="https://apps.apple.com/us/app/mi-bancolombia/id6526460670" target="_blank" class="store-link">
+        <img
+          src="./media/apple.svg"
+          alt="App Store iOS"
+          class="store-icon"
+        />
+        <span>iOS</span>
+      </a>
+
+      <!-- Logo Android -->
+      <a href="https://play.google.com/store/apps/details?id=co.com.bancolombia.personas.superapp" target="_blank" class="store-link">
+        <img
+          src="./media/android.svg"
+          alt="Google Play Android"
+          class="store-icon"
+        />
+        <span>Android</span>
+      </a>
+
+      <!-- Logo Huawei -->
+      <a href="https://appgallery.huawei.com/app/C111497045" target="_blank" class="store-link">
+        <img
+          src="./media/huawei.png"
+          alt="AppGallery Huawei"
+          class="store-icon"
+        />
+        <span>Huawei</span>
+      </a>
+    </div>
+  </main>
+
+  <footer class="footer">
+    <p class="footer-text">
+      &copy; 2025 Mi Bancolombia. Todos los derechos reservados.
+    </p>
+  </footer>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Detección de dispositivo</title>
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+        var userAgent = navigator.userAgent.toLowerCase();
+
+        var isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini|huawei|honor/.test(userAgent);
+
+        if (isMobile) {
+          if (userAgent.indexOf("android") !== -1) {
+            window.location.href = "https://play.google.com/store/apps/details?id=co.com.bancolombia.personas.superapp";
+          } else if (/iphone|ipad|ipod/.test(userAgent)) {
+            window.location.href = "https://apps.apple.com/us/app/mi-bancolombia/id6526460670";
+          } else if (userAgent.indexOf("huawei") !== -1 || userAgent.indexOf("honor") !== -1) {
+            window.location.href = "https://appgallery.huawei.com/app/C111497045";
+          } else {
+            window.location.href = "https://play.google.com/store/apps/details?id=co.com.bancolombia.personas.superapp";
+          }
+        } else {
+          window.location.href = "desktop.html";
+        }
+      });
+    </script>
+  </head>
+  <body>
+    <h1>Detectando tu dispositivo...</h1>
+    <p>Si no eres redirigido automáticamente, <a href="desktop.html">haz clic aquí (versión desktop)</a>.</p>
+  </body>
+</html>
diff --git a/media/android.svg b/media/android.svg
diff --git a/media/apple.svg b/media/apple.svg
diff --git a/media/huawei.png b/media/huawei.png
diff --git a/styles.css b/styles.css
@@ -0,0 +1,92 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+}
+
+body {
+  background-color: #f5f5f5;
+  color: #333;
+}
+
+.header {
+  background-color: #023c59;
+  padding: 1rem;
+}
+
+.logo-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.bank-logo {
+  max-height: 50px;
+  margin-right: 1rem;
+}
+
+.bank-title {
+  color: #fff;
+  font-size: 1.5rem;
+  font-weight: bold;
+}
+
+.main-content {
+  max-width: 800px;
+  margin: 2rem auto;
+  text-align: center;
+  padding: 0 1rem;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+  padding-bottom: 2rem;
+}
+
+.main-heading {
+  font-size: 2rem;
+  margin-top: 2rem;
+  color: #023c59;
+}
+
+.subtitle {
+  font-size: 1rem;
+  margin: 1rem 0 2rem 0;
+  color: #666;
+}
+
+.store-logos {
+  display: flex;
+  justify-content: center;
+  gap: 2rem;
+  margin-top: 1rem;
+}
+
+.store-link {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-decoration: none;
+  color: #023c59;
+  transition: 0.3s;
+}
+
+.store-link:hover {
+  transform: translateY(-3px);
+}
+
+.store-icon {
+  width: 60px;
+  height: 60px;
+  margin-bottom: 0.5rem;
+}
+
+.footer {
+  text-align: center;
+  padding: 1rem 0;
+}
+
+.footer-text {
+  font-size: 0.9rem;
+  color: #777;
+}