| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Track & Field - 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; |
| } |
| .athlete-card:hover { |
| transform: translateY(-5px); |
| transition: all 0.3s ease; |
| } |
| .schedule-item:hover { |
| background-color: #1e1e1e; |
| } |
| .gallery-item:hover { |
| transform: scale(1.05); |
| 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-active { |
| background-color: #5ec0cc; |
| color: #0a0a0a; |
| } |
| </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="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-[#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> |
| |
| <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">Track & Field</span> |
| </nav> |
| </div> |
| </div> |
|
|
| |
| <section class="relative h-96 flex items-center justify-center overflow-hidden"> |
| <img src="http://static.photos/sport/1200x630/11" alt="NAGAS Track & Field Action" class="hero-image"> |
| <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">NAGAS TRACK & FIELD</h1> |
| <p class="text-xl mb-4">Sprints • Distance • Jumps • Throws</p> |
| <div class="inline-block bg-secondary text-dark py-1 px-4 rounded-full text-sm">2025-2026 Season</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">ABOUT OUR PROGRAM</h2> |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center"> |
| <div> |
| <p class="mb-4">Our track & field athletes compete in ISSAPP meets and ASAC championships, consistently ranking among the top contenders. We develop speed, endurance, and technical skills across all events.</p> |
| <p class="mb-6">With state-of-the-art facilities and experienced coaching staff, our program prepares athletes for high-level competition while fostering personal growth and leadership skills.</p> |
| <p class="text-secondary font-bold">2024 ISSAPP Champions - Combined Team Score</p> |
| </div> |
| <div class="bg-[#1e1e1e] p-6 rounded-lg"> |
| <div class="flex items-center"> |
| <img src="http://static.photos/people/100x100/60" alt="Track Coach" class="w-16 h-16 rounded-full mr-4"> |
| <div> |
| <h3 class="text-xl font-bold">Sokha Mey</h3> |
| <p class="text-secondary">Head Track & Field Coach</p> |
| </div> |
| </div> |
| <p class="mt-4">Former national champion with 18 years coaching experience. Specializes in sprint development and event technique.</p> |
| </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">OUR ATHLETES</h2> |
| |
| |
| <div class="flex flex-wrap gap-2 mb-8"> |
| <button class="filter-active py-2 px-4 rounded filter-btn" data-filter="all">All Events</button> |
| <button class="py-2 px-4 rounded filter-btn" data-filter="sprints">Sprints</button> |
| <button class="py-2 px-4 rounded filter-btn" data-filter="distance">Distance</button> |
| <button class="py-2 px-4 rounded filter-btn" data-filter="jumps">Jumps</button> |
| <button class="py-2 px-4 rounded filter-btn" data-filter="throws">Throws</button> |
| <button class="py-2 px-4 rounded filter-btn" data-filter="relays">Relays</button> |
| </div> |
| |
| |
| <div id="athletesGrid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
| |
| <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-event="sprints"> |
| <img src="http://static.photos/people/320x240/61" alt="Sprint Athlete" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h4 class="font-bold text-lg">Sok Visal</h4> |
| <p class="text-secondary">100m, 200m</p> |
| <p>Personal Bests: 100m - 11.2s, 200m - 22.8s</p> |
| </div> |
| </div> |
| |
| <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-event="sprints"> |
| <img src="http://static.photos/people/320x240/62" alt="Sprint Athlete" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h4 class="font-bold text-lg">Chea Sopheak</h4> |
| <p class="text-secondary">200m, 400m</p> |
| <p>Personal Bests: 200m - 23.1s, 400m - 52.4s</p> |
| </div> |
| </div> |
| |
| |
| <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-event="distance"> |
| <img src="http://static.photos/people/320x240/63" alt="Distance Athlete" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h4 class="font-bold text-lg">Lyhour Meng</h4> |
| <p class="text-secondary">800m, 1500m</p> |
| <p>Personal Bests: 800m - 2:01.3, 1500m - 4:18.7</p> |
| </div> |
| </div> |
| |
| <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-event="distance"> |
| <img src="http://static.photos/people/320x240/64" alt="Distance Athlete" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h4 class="font-bold text-lg">Rithy Seng</h4> |
| <p class="text-secondary">1500m, 3000m</p> |
| <p>Personal Bests: 1500m - 4:22.1, 3000m - 9:45.3</p> |
| </div> |
| </div> |
| |
| |
| <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-event="jumps"> |
| <img src="http://static.photos/people/320x240/65" alt="Jumps Athlete" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h4 class="font-bold text-lg">Thay Sethean</h4> |
| <p class="text-secondary">Long Jump, Triple Jump</p> |
| <p>Personal Bests: LJ - 6.85m, TJ - 13.92m</p> |
| </div> |
| </div> |
| |
| <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-event="jumps"> |
| <img src="http://static.photos/people/320x240/66" alt="Jumps Athlete" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h4 class="font-bold text-lg">Sokhim Chhun</h4> |
| <p class="text-secondary">High Jump, Pole Vault</p> |
| <p>Personal Bests: HJ - 1.85m, PV - 4.20m</p> |
| </div> |
| </div> |
| |
| |
| <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-event="throws"> |
| <img src="http://static.photos/people/320x240/67" alt="Throws Athlete" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h4 class="font-bold text-lg">Kosal Khemarak</h4> |
| <p class="text-secondary">Shot Put, Discus</p> |
| <p>Personal Bests: SP - 14.2m, Discus - 42.8m</p> |
| </div> |
| </div> |
| |
| <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-event="throws"> |
| <img src="http://static.photos/people/320x240/68" alt="Throws Athlete" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h4 class="font-bold text-lg">Visal Sreytouch</h4> |
| <p class="text-secondary">Javelin, Hammer Throw</p> |
| <p>Personal Bests: Javelin - 58.3m, Hammer - 49.7m</p> |
| </div> |
| </div> |
| |
| |
| <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-event="relays"> |
| <img src="http://static.photos/people/320x240/69" alt="Relay Team" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h4 class="font-bold text-lg">4x100m Team A</h4> |
| <p class="text-secondary">Relay Team</p> |
| <p>Team Best: 42.8s</p> |
| </div> |
| </div> |
| |
| <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-event="relays"> |
| <img src="http://static.photos/people/320x240/70" alt="Relay Team" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h4 class="font-bold text-lg">4x400m Team B</h4> |
| <p class="text-secondary">Relay Team</p> |
| <p>Team Best: 3:28.4</p> |
| </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">2025-2026 MEET SCHEDULE</h2> |
| |
| <div class="mb-12"> |
| <h3 class="text-2xl font-bold mb-6 text-secondary">Upcoming Meets</h3> |
| <div class="space-y-4"> |
| <div class="schedule-item bg-[#1e1e1e] p-4 rounded-lg flex flex-col md:flex-row justify-between items-start md:items-center"> |
| <div> |
| <p class="text-secondary">July 10, 2025 - 9:00 AM</p> |
| <p class="font-bold">NAGAS vs. ISSPP All-Stars</p> |
| <p>NISC Track & Field Complex</p> |
| <p>Events: Sprints, Jumps, Throws</p> |
| </div> |
| <button class="mt-2 md:mt-0 bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">Add to Calendar</button> |
| </div> |
| |
| <div class="schedule-item bg-[#1e1e1e] p-4 rounded-lg flex flex-col md:flex-row justify-between items-start md:items-center"> |
| <div> |
| <p class="text-secondary">July 17, 2025 - 2:00 PM</p> |
| <p class="font-bold">NAGAS vs. NIST Thunder</p> |
| <p>Away - NIST Track</p> |
| <p>Events: Distance, Relays</p> |
| </div> |
| <button class="mt-2 md:mt-0 bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">Add to Calendar</button> |
| </div> |
| |
| <div class="schedule-item bg-[#1e1e1e] p-4 rounded-lg flex flex-col md:flex-row justify-between items-start md:items-center"> |
| <div> |
| <p class="text-secondary">July 24, 2025 - 10:00 AM</p> |
| <p class="font-bold">NAGAS vs. NISB Eagles</p> |
| <p>NISC Track & Field Complex</p> |
| <p>Events: All Events</p> |
| </div> |
| <button class="mt-2 md:mt-0 bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">Add to Calendar</button> |
| </div> |
| </div> |
| </div> |
| |
| <div> |
| <h3 class="text-2xl font-bold mb-6 text-secondary">Recent Results</h3> |
| <div class="space-y-4"> |
| <div class="bg-[#1e1e1e] p-4 rounded-lg"> |
| <p class="font-bold">ISSAPP Mid-Season Meet</p> |
| <p>Team Score: 1st Place (185 Points)</p> |
| </div> |
| |
| <div class="bg-[#1e1e1e] p-4 rounded-lg"> |
| <p class="font-bold">ASAC Regional Championships</p> |
| <p>Team Score: 2nd Place (152 Points)</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-8 text-center"> |
| <a href="schedule.html#track" class="inline-block bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">Full Schedule</a> |
| </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">MEET THE COACHES</h2> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div class="bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/60" alt="Sokha Mey" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Sokha Mey</h3> |
| <p class="text-secondary mb-2">Head Track & Field Coach</p> |
| <p>Former national champion with 18 years coaching experience.</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/71" alt="Event 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">Sprints & Jumps Coach</p> |
| <p>Olympic training background, specializes in speed development.</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/72" alt="Event Coach" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Visal Sreytouch</h3> |
| <p class="text-secondary mb-2">Distance & Throws Coach</p> |
| <p>Former professional athlete, focuses on endurance and technique.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-8 text-center"> |
| <a href="mailto:track-coaches@nagas.edu.kh" class="inline-block bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">Contact Coaches</a> |
| </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 RECORDS</h2> |
| <div class="overflow-x-auto"> |
| <table class="w-full bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <thead> |
| <tr class="bg-[#2e2e2e]"> |
| <th class="text-left py-3 px-4">Event</th> |
| <th class="text-left py-3 px-4">Athlete</th> |
| <th class="text-left py-3 px-4">Time/Distance</th> |
| <th class="text-left py-3 px-4">Year</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr class="border-b border-[#2e2e2e] hover:bg-[#2a2a2a]"> |
| <td class="py-3 px-4">100m</td> |
| <td class="py-3 px-4">Sok Visal</td> |
| <td class="py-3 px-4">11.2s</td> |
| <td class="py-3 px-4">2024</td> |
| </tr> |
| <tr class="border-b border-[#2e2e2e] hover:bg-[#2a2a2a]"> |
| <td class="py-3 px-4">400m</td> |
| <td class="py-3 px-4">Chea Sopheak</td> |
| <td class="py-3 px-4">52.4s</td> |
| <td class="py-3 px-4">2023</td> |
| </tr> |
| <tr class="border-b border-[#2e2e2e] hover:bg-[#2a2a2a]"> |
| <td class="py-3 px-4">1500m</td> |
| <td class="py-3 px-4">Lyhour Meng</td> |
| <td class="py-3 px-4">4:18.7</td> |
| <td class="py-3 px-4">2024</td> |
| </tr> |
| <tr class="border-b border-[#2e2e2e] hover:bg-[#2a2a2a]"> |
| <td class="py-3 px-4">Long Jump</td> |
| <td class="py-3 px-4">Thay Sethean</td> |
| <td class="py-3 px-4">6.85m</td> |
| <td class="py-3 px-4">2024</td> |
| </tr> |
| <tr class="border-b border-[#2e2e2e] hover:bg-[#2a2a2a]"> |
| <td class="py-3 px-4">Shot Put</td> |
| <td class="py-3 px-4">Kosal Khemarak</td> |
| <td class="py-3 px-4">14.2m</td> |
| <td class="py-3 px-4">2023</td> |
| </tr> |
| <tr class="border-b border-[#2e2e2e] hover:bg-[#2a2a2a]"> |
| <td class="py-3 px-4">4x100m Relay</td> |
| <td class="py-3 px-4">Team A</td> |
| <td class="py-3 px-4">42.8s</td> |
| <td class="py-3 px-4">2024</td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| <div class="mt-8 text-center"> |
| <button class="bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">View Full Records</button> |
| </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">ACTION SHOTS</h2> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> |
| <div class="gallery-item"> |
| <img src="http://static.photos/sport/640x360/11" alt="Sprint Finish" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/sport/640x360/12" alt="Long Jump" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/sport/640x360/13" alt="Shot Put" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/sport/640x360/14" alt="Relay Exchange" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/sport/640x360/15" alt="High Jump" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/sport/640x360/16" alt="800m Race" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/sport/640x360/17" alt="Discus Throw" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/sport/640x360/18" alt="Award Ceremony" class="w-full h-48 object-cover rounded"> |
| </div> |
| </div> |
| <div class="mt-8 text-center"> |
| <button class="bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">View All Photos</button> |
| </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 HONORS</h2> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> |
| <div class="bg-[#1e1e1e] p-6 rounded-lg text-center"> |
| <i data-feather="award" class="text-secondary mx-auto mb-4" style="width: 48px; height: 48px;"></i> |
| <h3 class="text-xl font-bold mb-2">2024 ISSAPP Champions</h3> |
| <p>Team Score: 185 Points</p> |
| </div> |
| |
| <div class="bg-[#1e1e1e] p-6 rounded-lg text-center"> |
| <i data-feather="award" class="text-secondary mx-auto mb-4" style="width: 48px; height: 48px;"></i> |
| <h3 class="text-xl font-bold mb-2">2023 ASAC Finalists</h3> |
| <p>Reached regional championship finals</p> |
| </div> |
| |
| <div class="bg-[#1e1e1e] p-6 rounded-lg text-center"> |
| <i data-feather="user" class="text-secondary mx-auto mb-4" style="width: 48px; height: 48px;"></i> |
| <h3 class="text-xl font-bold mb-2">Individual Champions</h3> |
| <p>8 Individual Event Winners 2024</p> |
| </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">DEVELOPMENT PROGRAM</h2> |
| <div class="bg-[#1e1e1e] rounded-lg p-8 max-w-3xl mx-auto"> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
| <div> |
| <h3 class="text-xl font-bold mb-4 text-secondary">Training Schedule</h3> |
| <ul class="space-y-3"> |
| <li class="flex justify-between border-b border-[#2e2e2e] pb-2"> |
| <span>Sprints/Jumps</span> |
| <span>Monday & Wednesday 3:30-5:30 PM</span> |
| </li> |
| <li class="flex justify-between border-b border-[#2e2e2e] pb-2"> |
| <span>Distance/Throws</span> |
| <span>Tuesday & Thursday 3:30-5:30 PM</span> |
| </li> |
| <li class="flex justify-between border-b border-[#2e2e2e] pb-2"> |
| <span>Relay Practice</span> |
| <span>Friday 3:30-5:00 PM</span> |
| </li> |
| </ul> |
| </div> |
| <div> |
| <h3 class="text-xl font-bold mb-4 text-secondary">Strength Program</h3> |
| <ul class="space-y-3"> |
| <li class="flex justify-between border-b border-[#2e2e2e] pb-2"> |
| <span>Weight Training</span> |
| <span>Monday, Wednesday, Friday</span> |
| </li> |
| <li class="flex justify-between border-b border-[#2e2e2e] pb-2"> |
| <span>Flexibility</span> |
| <span>Tuesday & Thursday</span> |
| </li> |
| <li class="flex justify-between border-b border-[#2e2e2e] pb-2"> |
| <span>Recovery Sessions</span> |
| <span>As Needed</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| <div class="mt-8 text-center"> |
| <button class="bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">View Full Training Schedule</button> |
| </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">JOIN THE TEAM</h2> |
| <div class="bg-[#1e1e1e] rounded-lg p-8 max-w-3xl mx-auto text-center"> |
| <p class="text-xl mb-4">No tryouts - all students welcome!</p> |
| <p class="mb-6">First practice: <span class="text-secondary">September 5, 2025</span></p> |
| <p class="mb-4">Equipment needed:</p> |
| <ul class="mb-6 text-left max-w-xs mx-auto"> |
| <li class="flex items-center mb-2"> |
| <i data-feather="check-circle" class="text-secondary mr-2"></i> |
| <span>Running shoes</span> |
| </li> |
| <li class="flex items-center mb-2"> |
| <i data-feather="check-circle" class="text-secondary mr-2"></i> |
| <span>Water bottle</span> |
| </li> |
| <li class="flex items-center mb-2"> |
| <i data-feather="check-circle" class="text-secondary mr-2"></i> |
| <span>Comfortable clothing</span> |
| </li> |
| </ul> |
| <a href="get-involved.html#tryouts" class="inline-block bg-primary text-dark font-bold py-3 px-8 rounded hover:bg-[#4ab3c6] transition">Register Now</a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-[#0a0a0a]"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-3xl font-bold text-primary mb-8">SPECIAL PROGRAMS</h2> |
| <div class="bg-[#1e1e1e] rounded-lg p-8 max-w-3xl mx-auto text-center"> |
| <h3 class="text-2xl font-bold mb-4 text-secondary">Biathlon Program</h3> |
| <p class="mb-4">Combined running/swimming biathlon program focusing on goal-setting and personal best achievement.</p> |
| <p class="mb-6">Open to all fitness levels with personalized training plans.</p> |
| <div class="flex flex-wrap justify-center gap-4 mb-6"> |
| <div class="bg-[#2e2e2e] py-2 px-4 rounded">Goal Setting</div> |
| <div class="bg-[#2e2e2e] py-2 px-4 rounded">Personal Bests</div> |
| <div class="bg-[#2e2e2e] py-2 px-4 rounded">All Fitness Levels</div> |
| </div> |
| <a href="get-involved.html#biathlon" class="inline-block bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">Learn More</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.querySelectorAll('.filter-btn').forEach(button => { |
| button.addEventListener('click', function() { |
| |
| document.querySelectorAll('.filter-btn').forEach(btn => { |
| btn.classList.remove('filter-active'); |
| }); |
| this.classList.add('filter-active'); |
| |
| |
| const filter = this.getAttribute('data-filter'); |
| const athletes = document.querySelectorAll('.athlete-card'); |
| |
| athletes.forEach(athlete => { |
| if (filter === 'all' || athlete.getAttribute('data-event') === filter) { |
| athlete.style.display = 'block'; |
| } else { |
| athlete.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> |
|
|
