| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Athletic Council - 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; |
| } |
| .staff-card:hover { |
| transform: translateY(-5px); |
| transition: all 0.3s ease; |
| } |
| .gallery-item:hover { |
| transform: scale(1.05); |
| transition: all 0.3s ease; |
| } |
| .initiative-card { |
| transition: all 0.3s ease; |
| } |
| .initiative-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 25px rgba(94, 192, 204, 0.2); |
| } |
| </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="text-primary font-bold">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> > |
| <span class="text-white">Athletic Council</span> |
| </nav> |
| </div> |
| </div> |
|
|
| |
| <section class="relative h-96 flex items-center justify-center overflow-hidden"> |
| <img src="http://static.photos/people/1200x630/1" alt="NAGAS Athletic Council" 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">ATHLETIC COUNCIL</h1> |
| <p class="text-xl">Leadership Team</p> |
| </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">OUR LEADERSHIP</h2> |
| <div class="max-w-3xl"> |
| <p class="mb-4">Meet the dedicated professionals and students who guide NAGAS Athletics</p> |
| <p>Committed to excellence in sportsmanship, development, and competition</p> |
| </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">PROFESSIONAL STAFF</h2> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/2" 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. Graduate of the Australian Institute of Sport.</p> |
| <p class="mt-2 text-sm">andrew.dean@nisc.edu.kh</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/3" alt="Ruth Murphy" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Ruth Murphy</h3> |
| <p class="text-secondary mb-2">Coach</p> |
| <p>Specializes in track and field with focus on sprint development and event technique.</p> |
| <p class="mt-2 text-sm">ruth.murphy@nisc.edu.kh</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/4" alt="Mark McCutchan" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Mark McCutchan</h3> |
| <p class="text-secondary mb-2">Coach</p> |
| <p>Former national team swimmer with expertise in stroke technique and race strategy.</p> |
| <p class="mt-2 text-sm">mark.mccutchan@nisc.edu.kh</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/5" alt="Abayomi Koledoye" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Abayomi Koledoye</h3> |
| <p class="text-secondary mb-2">Coach</p> |
| <p>Expert in basketball fundamentals and team chemistry development.</p> |
| <p class="mt-2 text-sm">abayomi.koledoye@nisc.edu.kh</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/6" alt="Filimoni Naqere" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Filimoni Naqere</h3> |
| <p class="text-secondary mb-2">Coach</p> |
| <p>Specializes in volleyball with emphasis on technique and strategy.</p> |
| <p class="mt-2 text-sm">filimoni.naqere@nisc.edu.kh</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/7" alt="Kosal Chev" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Kosal Chev</h3> |
| <p class="text-secondary mb-2">Coach</p> |
| <p>Former national team midfielder with expertise in football tactics and development.</p> |
| <p class="mt-2 text-sm">kosal.chev@nisc.edu.kh</p> |
| </div> |
| </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">SUPPORT TEAM</h2> |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/8" alt="Buntheng Chhou" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Buntheng Chhou</h3> |
| <p class="text-secondary mb-2">Lifeguard</p> |
| <p>Certifications: Certified Lifeguard, CPR/AED, First Aid</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/9" alt="Narong Snguon" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Narong Snguon</h3> |
| <p class="text-secondary mb-2">Lifeguard</p> |
| <p>Certifications: Certified Lifeguard, Water Safety Instructor</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/10" alt="Michelle Dean" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Michelle Dean</h3> |
| <p class="text-secondary mb-2">Swim Coordinator</p> |
| <p>Manages training schedules and competition logistics for swimming program.</p> |
| <p class="mt-2 text-sm">michelle.dean@nisc.edu.kh</p> |
| </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">STUDENT LEADERSHIP</h2> |
| <p class="mb-8 max-w-3xl">Elected student representatives who organize events and promote school spirit</p> |
| |
| <div class="mb-12"> |
| <h3 class="text-2xl font-bold mb-6 text-secondary">President</h3> |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden max-w-2xl"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/11" alt="Leang Chinh Dom" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Leang Chinh Dom</h3> |
| <p class="text-secondary mb-2">President</p> |
| <p>Grade 12</p> |
| <p>Leads council meetings and represents student athletes in school-wide decisions.</p> |
| <p class="mt-2 text-sm">leang.chinhdom@student.nisc.edu.kh</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mb-12"> |
| <h3 class="text-2xl font-bold mb-6 text-secondary">Vice Presidents</h3> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> |
| <div class="staff-card bg-[#1e1e1e] rounded-lg p-6"> |
| <img src="http://static.photos/people/100x100/12" alt="Vuddhamani Heng" class="w-16 h-16 rounded-full mx-auto mb-4"> |
| <h4 class="font-bold text-center">Vuddhamani Heng</h4> |
| <p class="text-secondary text-center mb-2">Vice President</p> |
| <p class="text-center">Grade 11</p> |
| <p class="text-sm text-center mt-2">Focus: Team Communications</p> |
| </div> |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg p-6"> |
| <img src="http://static.photos/people/100x100/13" alt="Sathya Reth" class="w-16 h-16 rounded-full mx-auto mb-4"> |
| <h4 class="font-bold text-center">Sathya Reth</h4> |
| <p class="text-secondary text-center mb-2">Vice President</p> |
| <p class="text-center">Grade 12</p> |
| <p class="text-sm text-center mt-2">Focus: Event Coordination</p> |
| </div> |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg p-6"> |
| <img src="http://static.photos/people/100x100/14" alt="Romie" class="w-16 h-16 rounded-full mx-auto mb-4"> |
| <h4 class="font-bold text-center">Romie</h4> |
| <p class="text-secondary text-center mb-2">Vice President</p> |
| <p class="text-center">Grade 11</p> |
| <p class="text-sm text-center mt-2">Focus: Community Outreach</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mb-12"> |
| <h3 class="text-2xl font-bold mb-6 text-secondary">Heads of Events</h3> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> |
| <div class="staff-card bg-[#1e1e1e] rounded-lg p-6"> |
| <img src="http://static.photos/people/100x100/15" alt="Pheng Leng Ly" class="w-16 h-16 rounded-full mx-auto mb-4"> |
| <h4 class="font-bold text-center">Pheng Leng Ly</h4> |
| <p class="text-secondary text-center mb-2">Head of Events</p> |
| <p class="text-center">Grade 12</p> |
| </div> |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg p-6"> |
| <img src="http://static.photos/people/100x100/16" alt="Vong" class="w-16 h-16 rounded-full mx-auto mb-4"> |
| <h4 class="font-bold text-center">Vong</h4> |
| <p class="text-secondary text-center mb-2">Head of Events</p> |
| <p class="text-center">Grade 11</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mb-8"> |
| <h3 class="text-2xl font-bold mb-6 text-secondary">Specialized Roles</h3> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/17" alt="Reach Ratanak" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Reach Ratanak</h3> |
| <p class="text-secondary mb-2">Head of Social Media</p> |
| <p>Grade 12</p> |
| <p>Manages all NAGAS social media accounts and digital presence</p> |
| <p class="mt-2 text-sm">reach.ratanak@student.nisc.edu.kh</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="staff-card bg-[#1e1e1e] rounded-lg overflow-hidden"> |
| <div class="md:flex"> |
| <img src="http://static.photos/people/200x200/18" alt="Yating Chen" class="w-full md:w-32 h-32 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold">Yating Chen</h3> |
| <p class="text-secondary mb-2">Head of Fundraising</p> |
| <p>Grade 11</p> |
| <p>Organizes fundraising events and sponsorships</p> |
| </div> |
| </div> |
| </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">OUR WORK</h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12"> |
| <div> |
| <h3 class="text-2xl font-bold mb-6 text-secondary">Current Projects</h3> |
| <ul class="space-y-4"> |
| <li class="flex items-start"> |
| <i data-feather="check-circle" class="text-primary mr-3 mt-1"></i> |
| <span>Spirit Week 2025 planning and organization</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check-circle" class="text-primary mr-3 mt-1"></i> |
| <span>Alumni Game Organization for December 2025</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check-circle" class="text-primary mr-3 mt-1"></i> |
| <span>Community Outreach Program with local schools</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check-circle" class="text-primary mr-3 mt-1"></i> |
| <span>New merchandise design and fundraising campaign</span> |
| </li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-2xl font-bold mb-6 text-secondary">Past Accomplishments</h3> |
| <ul class="space-y-4"> |
| <li class="flex items-start"> |
| <i data-feather="award" class="text-secondary mr-3 mt-1"></i> |
| <span>Successfully organized 2024 NAGAS Championship Tournament</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="award" class="text-secondary mr-3 mt-1"></i> |
| <span>Raised $5,000 for new equipment through fundraising events</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="award" class="text-secondary mr-3 mt-1"></i> |
| <span>Established mentorship program pairing seniors with juniors</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="award" class="text-secondary mr-3 mt-1"></i> |
| <span>Increased social media engagement by 150% in 2024</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> |
| <div class="initiative-card bg-[#1e1e1e] p-6 rounded-lg"> |
| <i data-feather="users" class="text-primary mx-auto mb-4" style="width: 48px; height: 48px;"></i> |
| <h3 class="text-xl font-bold mb-2 text-center">Athlete Mentorship</h3> |
| <p class="text-center">Connecting experienced athletes with newcomers for guidance</p> |
| </div> |
| |
| <div class="initiative-card bg-[#1e1e1e] p-6 rounded-lg"> |
| <i data-feather="heart" class="text-primary mx-auto mb-4" style="width: 48px; height: 48px;"></i> |
| <h3 class="text-xl font-bold mb-2 text-center">Community Service</h3> |
| <p class="text-center">Organizing volunteer opportunities for athletes</p> |
| </div> |
| |
| <div class="initiative-card bg-[#1e1e1e] p-6 rounded-lg"> |
| <i data-feather="trending-up" class="text-primary mx-auto mb-4" style="width: 48px; height: 48px;"></i> |
| <h3 class="text-xl font-bold mb-2 text-center">Performance Tracking</h3> |
| <p class="text-center">Implementing systems to monitor athlete progress</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">COUNCIL MEETINGS</h2> |
| |
| <div class="bg-[#1e1e1e] rounded-lg p-8 max-w-3xl mx-auto mb-8"> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
| <div> |
| <h3 class="text-xl font-bold mb-4">Regular Meetings</h3> |
| <ul class="space-y-3"> |
| <li class="flex justify-between border-b border-[#2e2e2e] pb-2"> |
| <span>When:</span> |
| <span>Fridays 3:30 PM</span> |
| </li> |
| <li class="flex justify-between border-b border-[#2e2e2e] pb-2"> |
| <span>Where:</span> |
| <span>Athletics Office</span> |
| </li> |
| <li class="flex justify-between border-b border-[#2e2e2e] pb-2"> |
| <span>Who:</span> |
| <span>All student-athletes welcome</span> |
| </li> |
| </ul> |
| </div> |
| <div> |
| <h3 class="text-xl font-bold mb-4">Resources</h3> |
| <ul class="space-y-3"> |
| <li> |
| <a href="#" class="text-primary hover:underline flex items-center"> |
| <i data-feather="file-text" class="mr-2"></i> |
| Meeting Minutes Archive |
| </a> |
| </li> |
| <li> |
| <a href="#" class="text-primary hover:underline flex items-center"> |
| <i data-feather="calendar" class="mr-2"></i> |
| Full Calendar |
| </a> |
| </li> |
| <li> |
| <a href="#" class="text-primary hover:underline flex items-center"> |
| <i data-feather="download" class="mr-2"></i> |
| Council Bylaws |
| </a> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| |
| <h3 class="text-2xl font-bold mb-6 text-center">Upcoming Meetings</h3> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-3xl mx-auto"> |
| <div class="bg-[#1e1e1e] p-6 rounded-lg"> |
| <p class="text-secondary">June 21, 2025</p> |
| <p class="font-bold mb-2">Regular Council Meeting</p> |
| <p class="text-sm mb-4">3:30 PM - Athletics Office</p> |
| <button class="w-full bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">Add to Calendar</button> |
| </div> |
| |
| <div class="bg-[#1e1e1e] p-6 rounded-lg"> |
| <p class="text-secondary">June 28, 2025</p> |
| <p class="font-bold mb-2">Budget Planning Session</p> |
| <p class="text-sm mb-4">3:30 PM - Conference Room</p> |
| <button class="w-full bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">Add to Calendar</button> |
| </div> |
| |
| <div class="bg-[#1e1e1e] p-6 rounded-lg"> |
| <p class="text-secondary">July 5, 2025</p> |
| <p class="font-bold mb-2">Spirit Week Planning</p> |
| <p class="text-sm mb-4">3:30 PM - Athletics Office</p> |
| <button class="w-full bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">Add to Calendar</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">GET IN TOUCH</h2> |
| |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-12"> |
| <div> |
| <div class="bg-[#1e1e1e] rounded-lg p-8"> |
| <h3 class="text-xl font-bold mb-6">Contact Information</h3> |
| <div class="space-y-4"> |
| <div class="flex items-start"> |
| <i data-feather="mail" class="text-primary mr-3 mt-1"></i> |
| <div> |
| <p class="font-bold">General Inquiries</p> |
| <p>athletics@nisc.edu.kh</p> |
| </div> |
| </div> |
| <div class="flex items-start"> |
| <i data-feather="mail" class="text-primary mr-3 mt-1"></i> |
| <div> |
| <p class="font-bold">Student Council</p> |
| <p>nagas.council@student.nisc.edu.kh</p> |
| </div> |
| </div> |
| <div class="flex items-start"> |
| <i data-feather="phone" class="text-primary mr-3 mt-1"></i> |
| <div> |
| <p class="font-bold">Phone</p> |
| <p>+855 12 345 678</p> |
| </div> |
| </div> |
| <div class="flex items-start"> |
| <i data-feather="map-pin" class="text-primary mr-3 mt-1"></i> |
| <div> |
| <p class="font-bold">Location</p> |
| <p>Athletics Office, Northbridge International School Cambodia</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div> |
| <div class="bg-[#1e1e1e] rounded-lg p-8"> |
| <h3 class="text-xl font-bold mb-6">Send a Message</h3> |
| <form> |
| <div class="mb-4"> |
| <label class="block mb-2">Name</label> |
| <input type="text" class="w-full bg-[#2e2e2e] border border-[#5ec0cc] rounded py-2 px-3 text-white"> |
| </div> |
| <div class="mb-4"> |
| <label class="block mb-2">Email</label> |
| <input type="email" class="w-full bg-[#2e2e2e] border border-[#5ec0cc] rounded py-2 px-3 text-white"> |
| </div> |
| <div class="mb-4"> |
| <label class="block mb-2">Subject</label> |
| <select class="w-full bg-[#2e2e2e] border border-[#5ec0cc] rounded py-2 px-3 text-white"> |
| <option>General Inquiry</option> |
| <option>Student Council</option> |
| <option>Coaching Staff</option> |
| <option>Facility Booking</option> |
| <option>Other</option> |
| </select> |
| </div> |
| <div class="mb-6"> |
| <label class="block mb-2">Message</label> |
| <textarea class="w-full bg-[#2e2e2e] border border-[#5ec0cc] rounded py-2 px-3 text-white" rows="4"></textarea> |
| </div> |
| <button type="submit" class="w-full bg-primary text-dark font-bold py-3 px-4 rounded hover:bg-[#4ab3c6] transition">Send Message</button> |
| </form> |
| </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">COUNCIL IN ACTION</h2> |
| <div class="grid grid-cols-2 md:grid-cols-3 gap-4"> |
| <div class="gallery-item"> |
| <img src="http://static.photos/people/640x360/19" alt="Council Meeting" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/sport/640x360/20" alt="Event Planning" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/people/640x360/21" alt="Spirit Activities" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/people/640x360/22" alt="Award Ceremony" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/sport/640x360/23" alt="Community Outreach" class="w-full h-48 object-cover rounded"> |
| </div> |
| <div class="gallery-item"> |
| <img src="http://static.photos/people/640x360/24" alt="Team Building" 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> |
|
|
| |
| <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('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> |
|
|
