Spaces:
Running
Running
| <html lang="vi"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Bóng Đá Buzz Express ⚡</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap" rel="stylesheet"> | |
| </head> | |
| <body class="font-sans bg-gray-50"> | |
| <custom-navbar></custom-navbar> | |
| <main class="container mx-auto px-4 py-8"> | |
| <h1 class="text-3xl font-bold text-center mb-8 text-gray-800">Tin Bóng Đá Mới Nhất</h1> | |
| <div id="news-container" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> | |
| <!-- News will be loaded here --> | |
| </div> | |
| <!-- Modal for detailed news --> | |
| <div id="news-modal" class="fixed inset-0 bg-black bg-opacity-50 hidden z-50 overflow-y-auto"> | |
| <div class="relative max-w-4xl mx-auto bg-white rounded-lg shadow-xl my-8 p-6"> | |
| <button id="close-modal" class="absolute top-4 right-4 text-gray-500 hover:text-gray-700"> | |
| <i data-feather="x"></i> | |
| </button> | |
| <div id="modal-content" class="mt-4"> | |
| <!-- Modal content will be loaded here --> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="script.js"></script> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| <script src="https://cdn.jsdelivr.net/npm/rss-parser@3.12.0/dist/rss-parser.min.js"></script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |