| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Teams - NAGAS - Northbridge Athletic Groups and Sports</title> |
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script> |
| tailwind.config = { |
| theme: { |
| extend: { |
| colors: { |
| primary: '#5ec0cc', |
| secondary: '#5ECCA2', |
| dark: '#121212', |
| darker: '#0a0a0a' |
| } |
| } |
| } |
| } |
| </script> |
| <style> |
| body { |
| font-family: 'Open Sans', sans-serif; |
| background-color: #121212; |
| color: #ffffff; |
| } |
| h1, h2, h3, h4, h5, h6 { |
| font-family: 'Montserrat', sans-serif; |
| } |
| .hero-image { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| object-fit: cover; |
| z-index: -1; |
| } |
| .sport-card:hover { |
| transform: scale(1.05); |
| transition: all 0.3s ease; |
| } |
| .coach-card:hover { |
| transform: translateY(-5px); |
| transition: all 0.3s ease; |
| } |
| .stat-card { |
| transition: all 0.3s ease; |
| } |
| .stat-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 25px rgba(94, 192, 204, 0.2); |
| } |
| .filter-dropdown { |
| background-color: #1e1e1e; |
| border: 1px solid #5ec0cc; |
| } |
| .filter-dropdown:focus { |
| outline: none; |
| border-color: #5ECCA2; |
| } |
| </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-[#5ec0cc]">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="text-primary font-bold">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-[#5ec0cc]">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> |
| |
| <section class="relative h-96 flex items-center justify-center overflow-hidden"> |
| <div class="grid grid-cols-2 md:grid-cols-3 w-full h-full"> |
| <div class="relative"> |
| <img src="http://static.photos/sport/640x360/1" alt="Basketball Team" class="w-full h-full object-cover"> |
| </div> |
| <div class="relative"> |
| <img src="http://static.photos/sport/640x360/2" alt="Volleyball Team" class="w-full h-full object-cover"> |
| </div> |
| <div class="relative hidden md:block"> |
| <img src="http://static.photos/sport/640x360/3" alt="Swimming Team" class="w-full h-full object-cover"> |
| </div> |
| <div class="relative"> |
| <img src="http://static.photos/sport/640x360/4" alt="Football Team" class="w-full h-full object-cover"> |
| </div> |
| <div class="relative"> |
| <img src="http://static.photos/sport/640x360/5" alt="Track & Field Team" class="w-full h-full object-cover"> |
| </div> |
| <div class="relative hidden md:block"> |
| <img src="http://static.photos/sport/640x360/6" alt="Team Celebration" class="w-full h-full object-cover"> |
| </div> |
| </div> |
| <div class="absolute inset-0 bg-black bg-opacity-70"></div> |
| <div class="relative z-10 text-center px-4"> |
| <h1 class="text-4xl md:text-5xl font-bold text-primary mb-2">OUR TEAMS</h1> |
| <p class="text-xl mb-6">Meet the Fighting Nagas</p> |
| <div class="max-w-xs mx-auto"> |
| <select id="sportFilter" class="filter-dropdown w-full py-2 px-4 rounded text-white"> |
| <option value="all">All Sports</option> |
| <option value="basketball">Basketball</option> |
| <option value="volleyball">Volleyball</option> |
| <option value="football">Football</option> |
| <option value="cross-country">Cross Country</option> |
| <option value="swimming">Swimming</option> |
| </select> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 border-b border-[#2e2e2e]"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-primary mb-8">TEAM STRUCTURE</h2> |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center"> |
| <div> |
| <p class="mb-4">Our teams compete in Juniors (Grades 6-8) and Seniors (Grades 9-12) divisions. Each division has Team A and Team B for development opportunities.</p> |
| <p class="mb-6">This structure allows athletes to develop progressively through their school years while maintaining competitive excellence. Team A typically represents our most experienced players, while Team B provides valuable playing experience for developing athletes.</p> |
| </div> |
| <div> |
| <div class="flex flex-col md:flex-row justify-between items-center mb-8"> |
| <div class="text-center mb-6 md:mb-0"> |
| <div class="bg-[#2e2e2e] py-2 px-6 rounded-lg mb-2">Juniors (Grades 6-8)</div> |
| <div class="flex space-x-4 justify-center"> |
| <div class="bg-primary text-dark py-1 px-4 rounded">Team A</div> |
| <div class="bg-primary text-dark py-1 px-4 rounded">Team B</div> |
| </div> |
| </div> |
| |
| <div class="text-3xl text-secondary mx-4 hidden md:block">→</div> |
| |
| <div class="text-center"> |
| <div class="bg-[#2e2e2e] py-2 px-6 rounded-lg mb-2">Seniors (Grades 9-12)</div> |
| <div class="flex space-x-4 justify-center"> |
| <div class="bg-primary text-dark py-1 px-4 rounded">Team A</div> |
| <div class="bg-primary text-dark py-1 px-4 rounded">Team B</div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 border-b border-[#2e2e2e] bg-[#0a0a0a]"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-primary mb-8">SPORTS OVERVIEW</h2> |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" id="sportsGrid"> |
| |
| <div class="sport-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-sport="basketball"> |
| <div class="p-6"> |
| <div class="flex items-center mb-4"> |
| <i data-feather="basketball" class="text-primary mr-2" style="width: 32px; height: 32px;"></i> |
| <h3 class="text-2xl font-bold">Basketball</h3> |
| </div> |
| <div class="grid grid-cols-2 gap-2 mb-4"> |
| <img src="http://static.photos/people/200x200/1" alt="Pisey Ching" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/2" alt="Yuan Yi-Hua" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/3" alt="Sopheaktra Yoeung" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/4" alt="Mengly Hour" class="w-full h-24 object-cover rounded"> |
| </div> |
| <p class="mb-4">Our basketball teams compete in ISSAPP and ASAC tournaments with both Junior and Senior divisions. Known for our fast-break offense and strong defense.</p> |
| <a href="basketball.html" class="inline-block bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">View Team</a> |
| </div> |
| </div> |
| |
| <div class="sport-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-sport="volleyball"> |
| <div class="p-6"> |
| <div class="flex items-center mb-4"> |
| <i data-feather="volleyball" class="text-primary mr-2" style="width: 32px; height: 32px;"></i> |
| <h3 class="text-2xl font-bold">Volleyball</h3> |
| </div> |
| <div class="grid grid-cols-2 gap-2 mb-4"> |
| <img src="http://static.photos/people/200x200/5" alt="Sethean Thay" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/6" alt="Sopharoth Chea" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/7" alt="Visal Sreytouch" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/8" alt="Kosal Khemarak" class="w-full h-24 object-cover rounded"> |
| </div> |
| <p class="mb-4">Volleyball seniors won 2024 ISSAPP championship with perfect 10-0 record. Both Junior and Senior teams consistently rank in top 3 of regional competitions.</p> |
| <a href="volleyball.html" class="inline-block bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">View Team</a> |
| </div> |
| </div> |
| |
| <div class="sport-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-sport="football"> |
| <div class="p-6"> |
| <div class="flex items-center mb-4"> |
| <i data-feather="circle" class="text-primary mr-2" style="width: 32px; height: 32px;"></i> |
| <h3 class="text-2xl font-bold">Football</h3> |
| </div> |
| <div class="grid grid-cols-2 gap-2 mb-4"> |
| <img src="http://static.photos/people/200x200/9" alt="Player" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/10" alt="Player" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/11" alt="Player" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/12" alt="Player" class="w-full h-24 object-cover rounded"> |
| </div> |
| <p class="mb-4">Competing in ISSAPP and ASAC tournaments with dedicated training facilities. Our focus is on technical skills, tactical awareness, and team cohesion.</p> |
| <a href="football.html" class="inline-block bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">View Team</a> |
| </div> |
| </div> |
| |
| <div class="sport-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-sport="track"> |
| <div class="p-6"> |
| <div class="flex items-center mb-4"> |
| <i data-feather="activity" class="text-primary mr-2" style="width: 32px; height: 32px;"></i> |
| <h3 class="text-2xl font-bold">Track & Field</h3> |
| </div> |
| <div class="grid grid-cols-2 gap-2 mb-4"> |
| <img src="http://static.photos/people/200x200/13" alt="Athlete" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/14" alt="Athlete" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/15" alt="Athlete" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/16" alt="Athlete" class="w-full h-24 object-cover rounded"> |
| </div> |
| <p class="mb-4">From sprints to long distance, jumps to throws - our diverse program develops well-rounded athletes. Multiple regional champions in various disciplines.</p> |
| <a href="cross-country.html" class="inline-block bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">View Team</a> |
| </div> |
| </div> |
| |
| <div class="sport-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-sport="swimming"> |
| <div class="p-6"> |
| <div class="flex items-center mb-4"> |
| <i data-feather="droplet" class="text-primary mr-2" style="width: 32px; height: 32px;"></i> |
| <h3 class="text-2xl font-bold">Swimming</h3> |
| </div> |
| <div class="grid grid-cols-2 gap-2 mb-4"> |
| <img src="http://static.photos/people/200x200/17" alt="Swimmer" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/18" alt="Swimmer" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/19" alt="Swimmer" class="w-full h-24 object-cover rounded"> |
| <img src="http://static.photos/people/200x200/20" alt="Swimmer" class="w-full h-24 object-cover rounded"> |
| </div> |
| <p class="mb-4">Gold Swim Squad and development programs in our state-of-the-art 25m pool. Training groups for all abilities from beginners to competitive swimmers.</p> |
| <a href="swimming.html" class="inline-block bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">View Team</a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 border-b border-[#2e2e2e]"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-primary mb-8">CURRENT SEASON</h2> |
| <div class="bg-[#1e1e1e] rounded-lg p-6 max-w-3xl mx-auto"> |
| <p class="mb-6 text-center">Follow our teams' progress this season</p> |
| |
| <div class="space-y-4 mb-6"> |
| <div class="border-l-4 border-secondary pl-3 hover:bg-[#2e2e2e] p-3 rounded-r"> |
| <p class="text-secondary">June 15, 3:00 PM</p> |
| <p class="font-bold">Basketball Seniors A vs. ISSPP</p> |
| <p class="text-sm">NAGAS Sports Hall</p> |
| </div> |
| <div class="border-l-4 border-secondary pl-3 hover:bg-[#2e2e2e] p-3 rounded-r"> |
| <p class="text-secondary">June 18, 5:00 PM</p> |
| <p class="font-bold">Volleyball Juniors B vs. NIST</p> |
| <p class="text-sm">Away - NIST Gymnasium</p> |
| </div> |
| <div class="border-l-4 border-secondary pl-3 hover:bg-[#2e2e2e] p-3 rounded-r"> |
| <p class="text-secondary">June 22, 2:00 PM</p> |
| <p class="font-bold">Swimming vs. NISB</p> |
| <p class="text-sm">NAGAS Aquatics Centre</p> |
| </div> |
| </div> |
| |
| <div class="text-center"> |
| <a href="schedule.html" class="inline-block bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">Full Schedule</a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 border-b border-[#2e2e2e] bg-[#0a0a0a]"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-primary mb-8">BY THE NUMBERS</h2> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-6"> |
| <div class="stat-card bg-[#1e1e1e] p-6 rounded-lg text-center"> |
| <p class="text-4xl font-bold text-primary mb-2">120+</p> |
| <p>Total Athletes</p> |
| </div> |
| <div class="stat-card bg-[#1e1e1e] p-6 rounded-lg text-center"> |
| <p class="text-4xl font-bold text-primary mb-2">18</p> |
| <p>Championships Won</p> |
| </div> |
| <div class="stat-card bg-[#1e1e1e] p-6 rounded-lg text-center"> |
| <p class="text-4xl font-bold text-primary mb-2">5</p> |
| <p>Sports Offered</p> |
| </div> |
| <div class="stat-card bg-[#1e1e1e] p-6 rounded-lg text-center"> |
| <p class="text-4xl font-bold text-primary mb-2">85</p> |
| <p>Games Played</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-primary mb-8">MEET OUR COACHES</h2> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div class="coach-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/21" alt="Andrew Dean" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Andrew Dean</h3> |
| <p class="text-secondary mb-2">Head of Athletics</p> |
| <p>Former professional athlete with 15+ years coaching experience.</p> |
| </div> |
| </div> |
| <div class="px-6 pb-6"> |
| <a href="council.html" class="inline-block mt-2 text-primary hover:underline">View Profile</a> |
| </div> |
| </div> |
| |
| <div class="coach-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/22" alt="Basketball Coach" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Sarith Meng</h3> |
| <p class="text-secondary mb-2">Basketball Coach</p> |
| <p>National team experience, focuses on fundamentals and teamwork.</p> |
| </div> |
| </div> |
| <div class="px-6 pb-6"> |
| <a href="basketball.html" class="inline-block mt-2 text-primary hover:underline">View Team</a> |
| </div> |
| </div> |
| |
| <div class="coach-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/23" alt="Volleyball Coach" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Sok Vanna</h3> |
| <p class="text-secondary mb-2">Volleyball Coach</p> |
| <p>Olympic training background, emphasizes technique and strategy.</p> |
| </div> |
| </div> |
| <div class="px-6 pb-6"> |
| <a href="volleyball.html" class="inline-block mt-2 text-primary hover:underline">View Team</a> |
| </div> |
| </div> |
| </div> |
| <div class="text-center mt-8"> |
| <a href="council.html" class="inline-block bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">View All Coaches</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> |
| feather.replace(); |
| |
| |
| document.getElementById('sportFilter').addEventListener('change', function() { |
| const selectedSport = this.value; |
| const sportCards = document.querySelectorAll('.sport-card'); |
| |
| sportCards.forEach(card => { |
| if (selectedSport === 'all') { |
| card.style.display = 'block'; |
| } else { |
| if (card.dataset.sport === selectedSport) { |
| card.style.display = 'block'; |
| } else { |
| card.style.display = 'none'; |
| } |
| } |
| }); |
| }); |
| |
| |
| 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> |
| |
| <div class="sport-card bg-[#1e1e1e] rounded-lg overflow-hidden opacity-70" data-sport="golf"> |
| <div class="p-6"> |
| <div class="flex items-center mb-4"> |
| <i data-feather="golf" class="text-primary mr-2" style="width: 32px; height: 32px;"></i> |
| <h3 class="text-2xl font-bold">Golf</h3> |
| <span class="ml-auto bg-secondary text-dark text-xs py-1 px-2 rounded">Coming 2026</span> |
| </div> |
| <div class="grid grid-cols-2 gap-2 mb-4"> |
| <div class="bg-[#2e2e2e] w-full h-24 rounded flex items-center justify-center"> |
| <i data-feather="image" class="text-gray-500"></i> |
| </div> |
| <div class="bg-[#2e2e2e] w-full h-24 rounded flex items-center justify-center"> |
| <i data-feather="image" class="text-gray-500"></i> |
| </div> |
| <div class="bg-[#2e2e2e] w-full h-24 rounded flex items-center justify-center"> |
| <i data-feather="image" class="text-gray-500"></i> |
| </div> |
| <div class="bg-[#2e2e2e] w-full h-24 rounded flex items-center justify-center"> |
| <i data-feather="image" class="text-gray-500"></i> |
| </div> |
| </div> |
| <p class="mb-4">New golf program launching 2026 with plans for academy partnerships and tournament participation. Facility upgrades underway.</p> |
| <button class="inline-block bg-[#2e2e2e] text-gray-400 font-bold py-2 px-4 rounded cursor-not-allowed">View Team</button> |
| </div> |
| </div> |
|
|
| <div class="sport-card bg-[#1e1e1e] rounded-lg overflow-hidden opacity-70" data-sport="badminton"> |
| <div class="p-6"> |
| <div class="flex items-center mb-4"> |
| <i data-feather="activity" class="text-primary mr-2" style="width: 32px; height: 32px;"></i> |
| <h3 class="text-2xl font-bold">Badminton</h3> |
| <span class="ml-auto bg-secondary text-dark text-xs py-1 px-2 rounded">Coming 2026</span> |
| </div> |
| <div class="grid grid-cols-2 gap-2 mb-4"> |
| <div class="bg-[#2e2e2e] w-full h-24 rounded flex items-center justify-center"> |
| <i data-feather="image" class="text-gray-500"></i> |
| </div> |
| <div class="bg-[#2e2e2e] w-full h-24 rounded flex items-center justify-center"> |
| <i data-feather="image" class="text-gray-500"></i> |
| </div> |
| <div class="bg-[#2e2e2e] w-full h-24 rounded flex items-center justify-center"> |
| <i data-feather="image" class="text-gray-500"></i> |
| </div> |
| <div class="bg-[#2e2e2e] w-full h-24 rounded flex items-center justify-center"> |
| <i data-feather="image" class="text-gray-500"></i> |
| </div> |
| </div> |
| <p class="mb-4">Exciting new badminton program launching 2026. Plans include competitive teams, recreational opportunities, and coaching certification programs.</p> |
| <button class="inline-block bg-[#2e2e2e] text-gray-400 font-bold py-2 px-4 rounded cursor-not-allowed">View Team</button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 border-b border-[#2e2e2e]"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-primary mb-8">CURRENT SEASON</h2> |
| <div class="bg-[#1e1e1e] rounded-lg p-6 max-w-3xl mx-auto"> |
| <p class="mb-6 text-center">Follow our teams' progress this season</p> |
| |
| <div class="space-y-4 mb-6"> |
| <div class="border-l-4 border-secondary pl-3 hover:bg-[#2e2e2e] p-3 rounded-r"> |
| <p class="text-secondary">June 15, 3:00 PM</p> |
| <p class="font-bold">Basketball Seniors A vs. ISSPP</p> |
| <p class="text-sm">NAGAS Sports Hall</p> |
| </div> |
| <div class="border-l-4 border-secondary pl-3 hover:bg-[#2e2e2e] p-3 rounded-r"> |
| <p class="text-secondary">June 18, 5:00 PM</p> |
| <p class="font-bold">Volleyball Juniors B vs. NIST</p> |
| <p class="text-sm">Away - NIST Gymnasium</p> |
| </div> |
| <div class="border-l-4 border-secondary pl-3 hover:bg-[#2e2e2e] p-3 rounded-r"> |
| <p class="text-secondary">June 22, 2:00 PM</p> |
| <p class="font-bold">Swimming vs. NISB</p> |
| <p class="text-sm">NAGAS Aquatics Centre</p> |
| </div> |
| </div> |
| |
| <div class="text-center"> |
| <a href="schedule.html" class="inline-block bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">Full Schedule</a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 border-b border-[#2e2e2e] bg-[#0a0a0a]"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-primary mb-8">BY THE NUMBERS</h2> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-6"> |
| <div class="stat-card bg-[#1e1e1e] p-6 rounded-lg text-center"> |
| <p class="text-4xl font-bold text-primary mb-2">120+</p> |
| <p>Total Athletes</p> |
| </div> |
| <div class="stat-card bg-[#1e1e1e] p-6 rounded-lg text-center"> |
| <p class="text-4xl font-bold text-primary mb-2">18</p> |
| <p>Championships Won</p> |
| </div> |
| <div class="stat-card bg-[#1e1e1e] p-6 rounded-lg text-center"> |
| <p class="text-4xl font-bold text-primary mb-2">5</p> |
| <p>Sports Offered</p> |
| </div> |
| <div class="stat-card bg-[#1e1e1e] p-6 rounded-lg text-center"> |
| <p class="text-4xl font-bold text-primary mb-2">85</p> |
| <p>Games Played</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-primary mb-8">MEET OUR COACHES</h2> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div class="coach-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/21" alt="Andrew Dean" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Andrew Dean</h3> |
| <p class="text-secondary mb-2">Head of Athletics</p> |
| <p>Former professional athlete with 15+ years coaching experience.</p> |
| </div> |
| </div> |
| <div class="px-6 pb-6"> |
| <a href="council.html" class="inline-block mt-2 text-primary hover:underline">View Profile</a> |
| </div> |
| </div> |
| |
| <div class="coach-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/22" alt="Basketball Coach" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Sarith Meng</h3> |
| <p class="text-secondary mb-2">Basketball Coach</p> |
| <p>National team experience, focuses on fundamentals and teamwork.</p> |
| </div> |
| </div> |
| <div class="px-6 pb-6"> |
| <a href="basketball.html" class="inline-block mt-2 text-primary hover:underline">View Team</a> |
| </div> |
| </div> |
| |
| <div class="coach-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/23" alt="Volleyball Coach" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Sok Vanna</h3> |
| <p class="text-secondary mb-2">Volleyball Coach</p> |
| <p>Olympic training background, emphasizes technique and strategy.</p> |
| </div> |
| </div> |
| <div class="px-6 pb-6"> |
| <a href="volleyball.html" class="inline-block mt-2 text-primary hover:underline">View Team</a> |
| </div> |
| </div> |
| </div> |
| <div class="text-center mt-8"> |
| <a href="council.html" class="inline-block bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">View All Coaches</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> |
| <a href="#" class="text-primary hover:text-secondary"> |
| <i data-feather="twitter"></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> |
| feather.replace(); |
| |
| |
| document.getElementById('sportFilter').addEventListener('change', function() { |
| const selectedSport = this.value; |
| const sportCards = document.querySelectorAll('.sport-card'); |
| |
| sportCards.forEach(card => { |
| if (selectedSport === 'all') { |
| card.style.display = 'block'; |
| } else { |
| if (card.dataset.sport === selectedSport) { |
| card.style.display = 'block'; |
| } else { |
| card.style.display = 'none'; |
| } |
| } |
| }); |
| }); |
| </script> |
| </body> |
| </html> |
