Spaces:
Running
Running
Update index.html
Browse files- index.html +98 -17
index.html
CHANGED
|
@@ -1,19 +1,100 @@
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
</html>
|
|
|
|
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
+
<html lang="es">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Club América - Las Águilas</title>
|
| 7 |
+
<!-- Tailwind CSS para un diseño moderno -->
|
| 8 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
+
<!-- Google Fonts: Inter -->
|
| 10 |
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 11 |
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 12 |
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap" rel="stylesheet">
|
| 13 |
+
<style>
|
| 14 |
+
/* Estilo base y fuente personalizada */
|
| 15 |
+
body {
|
| 16 |
+
font-family: 'Inter', sans-serif;
|
| 17 |
+
margin: 0;
|
| 18 |
+
padding: 0;
|
| 19 |
+
background-color: #f4f4f9;
|
| 20 |
+
}
|
| 21 |
+
/* Colores personalizados de Tailwind para el Club América */
|
| 22 |
+
tailwind.config = {
|
| 23 |
+
theme: {
|
| 24 |
+
extend: {
|
| 25 |
+
colors: {
|
| 26 |
+
'america-azul': '#0B233F',
|
| 27 |
+
'america-amarillo': '#EAAF23',
|
| 28 |
+
}
|
| 29 |
+
}
|
| 30 |
+
}
|
| 31 |
+
}
|
| 32 |
+
</style>
|
| 33 |
+
</head>
|
| 34 |
+
<body class="bg-gray-100">
|
| 35 |
+
|
| 36 |
+
<!-- Encabezado Principal -->
|
| 37 |
+
<header class="bg-america-azul text-white shadow-lg">
|
| 38 |
+
<div class="container mx-auto px-6 py-4 flex justify-between items-center">
|
| 39 |
+
<div class="flex items-center space-x-4">
|
| 40 |
+
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/8/8b/Club_Am%C3%A9rica_logo.svg/1200px-Club_Am%C3%A9rica_logo.svg.png" alt="Logo Club América" class="h-12 w-12 md:h-16 md:w-16 object-contain" onerror="this.onerror=null;this.src='https://placehold.co/64x64/0B233F/EAAF23?text=CA';">
|
| 41 |
+
<div>
|
| 42 |
+
<h1 class="text-2xl md:text-4xl font-black text-america-amarillo uppercase">Club América</h1>
|
| 43 |
+
<p class="text-sm md:text-base font-light">Las Águilas</p>
|
| 44 |
+
</div>
|
| 45 |
+
</div>
|
| 46 |
+
</div>
|
| 47 |
+
</header>
|
| 48 |
+
|
| 49 |
+
<!-- Contenido Principal -->
|
| 50 |
+
<main class="container mx-auto p-4 md:p-8">
|
| 51 |
+
|
| 52 |
+
<!-- Sección de Bienvenida -->
|
| 53 |
+
<section class="bg-white p-6 rounded-lg shadow-md mb-8 text-center">
|
| 54 |
+
<h2 class="text-3xl font-bold text-america-azul mb-2">ÓDIAME MÁS</h2>
|
| 55 |
+
<p class="text-gray-700 text-lg">
|
| 56 |
+
El Club de Fútbol América es más que un equipo; es una leyenda. Con una historia de grandeza y pasión, es el equipo más laureado y popular de México.
|
| 57 |
+
</p>
|
| 58 |
+
</section>
|
| 59 |
+
|
| 60 |
+
<!-- Sección de Historia -->
|
| 61 |
+
<section class="bg-white p-6 rounded-lg shadow-md mb-8">
|
| 62 |
+
<h3 class="text-2xl font-bold text-america-azul border-b-4 border-america-amarillo pb-2 mb-4">Nuestra Historia</h3>
|
| 63 |
+
<p class="text-gray-600 leading-relaxed">
|
| 64 |
+
Fundado el 12 de octubre de 1916 en la Ciudad de México, el Club América ha sido un protagonista constante en el fútbol mexicano. Es el equipo con más títulos de liga, copa y campeonatos de la Concacaf. Su casa, el majestuoso <strong>Estadio Azteca</strong>, ha sido testigo de innumerables noches de gloria y ha albergado dos finales de la Copa del Mundo.
|
| 65 |
+
</p>
|
| 66 |
+
</section>
|
| 67 |
+
|
| 68 |
+
<!-- Sección de la Tabla de Posiciones (Widget) -->
|
| 69 |
+
<section class="bg-white rounded-lg shadow-md overflow-hidden">
|
| 70 |
+
<div class="bg-america-azul p-4">
|
| 71 |
+
<h3 class="text-2xl font-bold text-white text-center">Estadísticas y Posiciones en Vivo</h3>
|
| 72 |
+
</div>
|
| 73 |
+
<p class="p-4 text-center text-gray-600">A continuación se muestra la información actualizada del equipo directamente desde la fuente.</p>
|
| 74 |
+
|
| 75 |
+
<!-- Contenedor para el widget de aiscore.com -->
|
| 76 |
+
<div id="team_Standings" class="w-full h-[500px]">
|
| 77 |
+
<!-- El iframe se insertará aquí mediante JavaScript -->
|
| 78 |
+
</div>
|
| 79 |
+
</section>
|
| 80 |
+
|
| 81 |
+
</main>
|
| 82 |
+
|
| 83 |
+
<!-- Pie de Página -->
|
| 84 |
+
<footer class="bg-america-azul mt-8 py-6">
|
| 85 |
+
<div class="container mx-auto text-center text-white text-sm">
|
| 86 |
+
<p>© 2025 - Página de Aficionados para el Club América.</p>
|
| 87 |
+
<p>Todos los derechos reservados.</p>
|
| 88 |
+
</div>
|
| 89 |
+
</footer>
|
| 90 |
+
|
| 91 |
+
<!-- Script para cargar el Iframe -->
|
| 92 |
+
<script language="javascript">
|
| 93 |
+
// Este script busca el div con el id 'team_Standings' y le inserta el iframe con las estadísticas.
|
| 94 |
+
// Es el código que proporcionaste, integrado en la nueva estructura.
|
| 95 |
+
document.getElementById('team_Standings').innerHTML = "<iframe src='https://www.aiscore.com/team-club-america/r8lk2dimxyu3736?isplugin=true&isteam_standings=true' height='500' width='100%' scrolling='auto' style='border:none;'></iframe>";
|
| 96 |
+
</script>
|
| 97 |
+
|
| 98 |
+
</body>
|
| 99 |
</html>
|
| 100 |
+
|