| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>NAGAS Basketball – Select a Team</title> |
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script> |
| tailwind.config = { |
| theme: { |
| extend: { |
| colors: { |
| primary: '#008080', |
| dark: '#121212', |
| darker: '#0a0a0a', |
| card: '#1E1E1E' |
| } |
| } |
| } |
| } |
| </script> |
| <style> |
| body { |
| font-family: 'Montserrat', sans-serif; |
| background-color: #121212; |
| color: #CCCCCC; |
| } |
| h1, h2, h3, h4, h5, h6 { |
| color: #FFFFFF; |
| font-weight: 700; |
| } |
| .achievement-card, .team-tile { |
| transition: all 0.3s ease; |
| border: 1px solid #008080; |
| border-radius: 6px; |
| background-color: #1E1E1E; |
| padding: 20px; |
| text-align: center; |
| color: white; |
| } |
| .achievement-card:hover, .team-tile:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 6px 12px rgba(0, 128, 128, 0.3); |
| } |
| .section-title { |
| margin-bottom: 20px; |
| } |
| header, footer { |
| width: 100%; |
| padding: 20px; |
| } |
| .hero-image { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| object-fit: cover; |
| z-index: -1; |
| } |
| .player-card:hover { |
| transform: translateY(-5px); |
| transition: all 0.3s ease; |
| } |
| .tab-active { |
| background-color: #008080; |
| color: #ffffff; |
| } |
| .schedule-item:hover { |
| background-color: #1e1e1e; |
| } |
| .gallery-item:hover { |
| transform: scale(1.05); |
| transition: all 0.3s ease; |
| } |
| </style> |
| </head> |
| <body class="bg-dark text-white"> |
| |
| <header class="fixed w-full z-50 bg-dark border-b border-primary"> |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-primary rounded-full mr-3"></div> |
| <a href="index.html" class="text-xl font-extrabold"><span class="text-[#008080]">NAGAS</span><span class="text-white">ATHLETICS</span></a> |
| </div> |
| <nav class="hidden md:flex space-x-6"> |
| <a href="index.html" class="hover:text-primary">Home</a> |
| <a href="about.html" class="hover:text-primary">About</a> |
| <a href="teams.html" class="hover:text-primary">Teams</a> |
| <a href="schedule.html" class="hover:text-primary">Schedule</a> |
| <a href="council.html" class="hover:text-primary">Council</a> |
| <a href="news.html" class="hover:text-primary">News</a> |
| <a href="get-involved.html" class="hover:text-primary">Get Involved</a> |
| </nav> |
| <button id="menu-toggle" class="md:hidden text-white"> |
| <i data-feather="menu"></i> |
| </button> |
| </div> |
| </header> |
|
|
| |
| <div id="mobile-menu" class="fixed inset-0 bg-dark z-50 hidden"> |
| <div class="flex justify-between items-center p-4 border-b border-primary"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 bg-primary rounded-full mr-3"></div> |
| <span class="text-xl font-extrabold"><span class="text-[#008080]">NAGAS</span><span class="text-white">ATHLETICS</span></span> |
| </div> |
| <button id="menu-close" class="text-white"> |
| <i data-feather="x"></i> |
| </button> |
| </div> |
| <nav class="p-4"> |
| <a href="index.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Home</a> |
| <a href="about.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">About</a> |
| <a href="teams.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Teams</a> |
| <a href="schedule.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Schedule</a> |
| <a href="council.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Council</a> |
| <a href="news.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">News</a> |
| <a href="get-involved.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Get Involved</a> |
| </nav> |
| </div> |
|
|
| |
| <div class="pt-20 pb-4 bg-darker border-b border-[#2e2e2e]"> |
| <div class="container mx-auto px-4"> |
| <nav class="text-sm"> |
| <a href="index.html" class="text-primary hover:underline">Home</a> > |
| <a href="teams.html" class="text-primary hover:underline">Teams</a> > |
| <span class="text-white">Basketball</span> |
| </nav> |
| </div> |
| </div> |
|
|
| |
| <section class="py-16 text-center px-4" style="padding: 60px 20px;"> |
| <h1 class="text-4xl md:text-5xl font-bold mb-4">Welcome to NAGAS Basketball</h1> |
| <p class="text-lg text-gray-300 mb-6">Where skill, teamwork, and determination shine</p> |
| <div class="max-w-3xl mx-auto"> |
| <p class="text-base text-gray-300"> |
| Our basketball program is built on fundamentals, sportsmanship, and a passion for the game. |
| From junior development to competitive senior teams, we strive for excellence on and off the court. |
| Join us in celebrating the spirit of basketball! |
| </p> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-[#0a0a0a] px-4" style="padding: 60px 20px;"> |
| <div class="container mx-auto text-center"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Our Basketball Achievements</h2> |
| <p class="text-gray-300 mb-12">Celebrating success on and off the court</p> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> |
| |
| <div class="achievement-card"> |
| <h3 class="text-xl font-bold mb-2">PPAC Champions 2024</h3> |
| <p class="text-primary text-sm mb-2">2024</p> |
| <p class="text-gray-300 text-sm">Senior A Boys team won the PPAC Basketball Championship.</p> |
| </div> |
| |
| |
| <div class="achievement-card"> |
| <h3 class="text-xl font-bold mb-2">Sportsmanship Award 2023</h3> |
| <p class="text-primary text-sm mb-2">2023</p> |
| <p class="text-gray-300 text-sm">Junior A Girls recognized for outstanding teamwork and fair play.</p> |
| </div> |
| |
| |
| <div class="achievement-card"> |
| <h3 class="text-xl font-bold mb-2">Community Engagement 2022</h3> |
| <p class="text-primary text-sm mb-2">2022</p> |
| <p class="text-gray-300 text-sm">Hosted free basketball camps for 150+ local youth.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 px-4" style="padding: 60px 20px;"> |
| <div class="container mx-auto text-center"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Our Basketball Teams</h2> |
| <p class="text-gray-300 mb-12">Select a team to view players</p> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> |
| |
| <a href="basketball-junior-a-boys.html" class="team-tile block"> |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mx-auto mb-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> |
| </svg> |
| <h3 class="text-xl font-bold">Junior A Boys</h3> |
| </a> |
| |
| <a href="basketball-junior-b-boys.html" class="team-tile block"> |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mx-auto mb-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> |
| </svg> |
| <h3 class="text-xl font-bold">Junior B Boys</h3> |
| </a> |
| |
| <a href="basketball-junior-a-girls.html" class="team-tile block"> |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mx-auto mb-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> |
| </svg> |
| <h3 class="text-xl font-bold">Junior A Girls</h3> |
| </a> |
| |
| <a href="basketball-junior-b-girls.html" class="team-tile block"> |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mx-auto mb-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> |
| </svg> |
| <h3 class="text-xl font-bold">Junior B Girls</h3> |
| </a> |
| |
| <a href="basketball-senior-a-boys.html" class="team-tile block"> |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mx-auto mb-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> |
| </svg> |
| <h3 class="text-xl font-bold">Senior A Boys</h3> |
| </a> |
| |
| <a href="basketball-senior-b-boys.html" class="team-tile block"> |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mx-auto mb-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> |
| </svg> |
| <h3 class="text-xl font-bold">Senior B Boys</h3> |
| </a> |
| |
| <a href="basketball-senior-a-girls.html" class="team-tile block"> |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mx-auto mb-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> |
| </svg> |
| <h3 class="text-xl font-bold">Senior A Girls</h3> |
| </a> |
| |
| <a href="basketball-senior-b-girls.html" class="team-tile block"> |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 mx-auto mb-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> |
| <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> |
| </svg> |
| <h3 class="text-xl font-bold">Senior B Girls</h3> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-darker py-12 border-t border-[#2e2e2e]"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div> |
| <h3 class="text-xl font-bold mb-4">Contact Info</h3> |
| <p>Northbridge International School Cambodia</p> |
| <p>#98C, Street 169, Phnom Penh</p> |
| <p>Email: info@nagas.edu.kh</p> |
| <p>Phone: +855 12 345 678</p> |
| </div> |
| <div> |
| <h3 class="text-xl font-bold mb-4">Follow Us</h3> |
| <div class="flex space-x-4"> |
| <a href="#" class="text-primary hover:text-secondary"> |
| <i data-feather="facebook"></i> |
| </a> |
| <a href="#" class="text-primary hover:text-secondary"> |
| <i data-feather="instagram"></i> |
| </a> |
| </div> |
| <p class="mt-2">@NAGAS_NISC</p> |
| </div> |
| <div> |
| <h3 class="text-xl font-bold mb-4">Quick Links</h3> |
| <ul class="space-y-2"> |
| <li><a href="teams.html" class="hover:text-primary">Teams</a></li> |
| <li><a href="schedule.html" class="hover:text-primary">Schedule</a></li> |
| <li><a href="news.html" class="hover:text-primary">News</a></li> |
| <li><a href="#" class="hover:text-primary">Athlete Portal</a></li> |
| </ul> |
| </div> |
| </div> |
| <div class="border-t border-[#2e2e2e] mt-8 pt-8 text-center"> |
| <p>© 2023 NAGAS - Northbridge Athletic Groups and Sports. All rights reserved.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script src="https://unpkg.com/feather-icons"></script> |
| <script> |
| feather.replace(); |
| |
| |
| document.getElementById('menu-toggle').addEventListener('click', function() { |
| document.getElementById('mobile-menu').classList.remove('hidden'); |
| }); |
| |
| document.getElementById('menu-close').addEventListener('click', function() { |
| document.getElementById('mobile-menu').classList.add('hidden'); |
| }); |
| </script> |
| </body> |
| </html> |
|
|
