Koperization commited on
Commit
08eb78a
·
verified ·
1 Parent(s): 510a381

Change all instance of track & field to cross country

Browse files
Files changed (5) hide show
  1. cross-country.html +609 -0
  2. index.html +3 -3
  3. news.html +7 -7
  4. schedule.html +11 -12
  5. teams.html +6 -6
cross-country.html ADDED
@@ -0,0 +1,609 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Cross Country - NAGAS - Northbridge Athletic Groups and Sports</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ primary: '#5ec0cc',
16
+ secondary: '#5ECCA2',
17
+ dark: '#121212',
18
+ darker: '#0a0a0a'
19
+ }
20
+ }
21
+ }
22
+ }
23
+ </script>
24
+ <style>
25
+ body {
26
+ font-family: 'Open Sans', sans-serif;
27
+ background-color: #121212;
28
+ color: #ffffff;
29
+ }
30
+ h1, h2, h3, h4, h5, h6 {
31
+ font-family: 'Montserrat', sans-serif;
32
+ }
33
+ .hero-image {
34
+ position: absolute;
35
+ top: 0;
36
+ left: 0;
37
+ width: 100%;
38
+ height: 100%;
39
+ object-fit: cover;
40
+ z-index: -1;
41
+ }
42
+ .athlete-card:hover {
43
+ transform: translateY(-5px);
44
+ transition: all 0.3s ease;
45
+ }
46
+ .schedule-item:hover {
47
+ background-color: #1e1e1e;
48
+ }
49
+ .gallery-item:hover {
50
+ transform: scale(1.05);
51
+ transition: all 0.3s ease;
52
+ }
53
+ .stat-card {
54
+ transition: all 0.3s ease;
55
+ }
56
+ .stat-card:hover {
57
+ transform: translateY(-5px);
58
+ box-shadow: 0 10px 25px rgba(94, 192, 204, 0.2);
59
+ }
60
+ .filter-active {
61
+ background-color: #5ec0cc;
62
+ color: #0a0a0a;
63
+ }
64
+ </style>
65
+ </head>
66
+ <body class="bg-dark text-white">
67
+ <!-- Navigation -->
68
+ <header class="fixed w-full z-50 bg-dark border-b border-primary">
69
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
70
+ <div class="flex items-center">
71
+ <div class="w-10 h-10 bg-primary rounded-full mr-3"></div>
72
+ <a href="index.html" class="text-xl font-extrabold"><span class="text-[#5ec0cc]">NAGAS</span><span class="text-white">ATHLETICS</span></a>
73
+ </div>
74
+ <nav class="hidden md:flex space-x-6">
75
+ <a href="index.html" class="hover:text-primary">Home</a>
76
+ <a href="about.html" class="hover:text-primary">About</a>
77
+ <a href="teams.html" class="hover:text-primary">Teams</a>
78
+ <a href="schedule.html" class="hover:text-primary">Schedule</a>
79
+ <a href="council.html" class="hover:text-primary">Council</a>
80
+ <a href="news.html" class="hover:text-primary">News</a>
81
+ <a href="get-involved.html" class="hover:text-primary">Get Involved</a>
82
+ </nav>
83
+ <button id="menu-toggle" class="md:hidden text-white">
84
+ <i data-feather="menu"></i>
85
+ </button>
86
+ </div>
87
+ </header>
88
+
89
+ <!-- Mobile Menu -->
90
+ <div id="mobile-menu" class="fixed inset-0 bg-dark z-50 hidden">
91
+ <div class="flex justify-between items-center p-4 border-b border-primary">
92
+ <div class="flex items-center">
93
+ <div class="w-10 h-10 bg-primary rounded-full mr-3"></div>
94
+ <span class="text-xl font-extrabold"><span class="text-[#5ec0cc]">NAGAS</span><span class="text-white">ATHLETICS</span></span>
95
+ </div>
96
+ <button id="menu-close" class="text-white">
97
+ <i data-feather="x"></i>
98
+ </button>
99
+ </div>
100
+ <nav class="p-4">
101
+ <a href="index.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Home</a>
102
+ <a href="about.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">About</a>
103
+ <a href="teams.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Teams</a>
104
+ <a href="schedule.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Schedule</a>
105
+ <a href="council.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Council</a>
106
+ <a href="news.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">News</a>
107
+ <a href="get-involved.html" class="block py-3 hover:text-primary border-b border-[#2e2e2e]">Get Involved</a>
108
+ </nav>
109
+ </div>
110
+ <!-- Breadcrumb -->
111
+ <div class="pt-20 pb-4 bg-darker border-b border-[#2e2e2e]">
112
+ <div class="container mx-auto px-4">
113
+ <nav class="text-sm">
114
+ <a href="index.html" class="text-primary hover:underline">Home</a> >
115
+ <a href="teams.html" class="text-primary hover:underline">Teams</a> >
116
+ <span class="text-white">Cross Country</span>
117
+ </nav>
118
+ </div>
119
+ </div>
120
+
121
+ <!-- Hero Section -->
122
+ <section class="relative h-96 flex items-center justify-center overflow-hidden">
123
+ <img src="http://static.photos/nature/1200x630/11" alt="NAGAS Cross Country Action" class="hero-image">
124
+ <div class="absolute inset-0 bg-black bg-opacity-70"></div>
125
+ <div class="relative z-10 text-center px-4">
126
+ <h1 class="text-4xl md:text-5xl font-bold text-primary mb-2">NAGAS CROSS COUNTRY</h1>
127
+ <p class="text-xl mb-4">Distance Running Excellence</p>
128
+ <div class="inline-block bg-secondary text-dark py-1 px-4 rounded-full text-sm">2025-2026 Season</div>
129
+ </div>
130
+ </section>
131
+
132
+ <!-- Team Introduction -->
133
+ <section class="py-16 border-b border-[#2e2e2e]">
134
+ <div class="container mx-auto px-4">
135
+ <h2 class="text-3xl font-bold text-primary mb-8">ABOUT OUR PROGRAM</h2>
136
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
137
+ <div>
138
+ <p class="mb-4">Our cross country athletes compete in ISSAPP meets and ASAC championships, consistently ranking among the top contenders. We develop endurance, mental toughness, and racing strategy across all distances.</p>
139
+ <p class="mb-6">With state-of-the-art training facilities and experienced coaching staff, our program prepares athletes for high-level competition while fostering personal growth and leadership skills.</p>
140
+ <p class="text-secondary font-bold">2024 ISSAPP Champions - Combined Team Score</p>
141
+ </div>
142
+ <div class="bg-[#1e1e1e] p-6 rounded-lg">
143
+ <div class="flex items-center">
144
+ <img src="http://static.photos/people/100x100/60" alt="Cross Country Coach" class="w-16 h-16 rounded-full mr-4">
145
+ <div>
146
+ <h3 class="text-xl font-bold">Sokha Mey</h3>
147
+ <p class="text-secondary">Head Cross Country Coach</p>
148
+ </div>
149
+ </div>
150
+ <p class="mt-4">Former national champion with 18 years coaching experience. Specializes in endurance development and race strategy.</p>
151
+ </div>
152
+ </div>
153
+ </div>
154
+ </section>
155
+
156
+ <!-- Team Structure Section -->
157
+ <section class="py-16 border-b border-[#2e2e2e] bg-[#0a0a0a]">
158
+ <div class="container mx-auto px-4">
159
+ <h2 class="text-3xl font-bold text-primary mb-8">OUR ATHLETES</h2>
160
+
161
+ <!-- Distance Filters -->
162
+ <div class="flex flex-wrap gap-2 mb-8">
163
+ <button class="filter-active py-2 px-4 rounded filter-btn" data-filter="all">All Distances</button>
164
+ <button class="py-2 px-4 rounded filter-btn" data-filter="short">3K Run</button>
165
+ <button class="py-2 px-4 rounded filter-btn" data-filter="medium">5K Run</button>
166
+ <button class="py-2 px-4 rounded filter-btn" data-filter="long">10K Run</button>
167
+ </div>
168
+
169
+ <!-- Athletes Grid -->
170
+ <div id="athletesGrid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
171
+ <!-- Short Distance Athletes -->
172
+ <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-distance="short">
173
+ <img src="http://static.photos/people/320x240/61" alt="Distance Athlete" class="w-full h-48 object-cover">
174
+ <div class="p-4">
175
+ <h4 class="font-bold text-lg">Sok Visal</h4>
176
+ <p class="text-secondary">3K Specialist</p>
177
+ <p>Personal Best: 3K - 9:22</p>
178
+ </div>
179
+ </div>
180
+
181
+ <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-distance="short">
182
+ <img src="http://static.photos/people/320x240/62" alt="Distance Athlete" class="w-full h-48 object-cover">
183
+ <div class="p-4">
184
+ <h4 class="font-bold text-lg">Chea Sopheak</h4>
185
+ <p class="text-secondary">3K Runner</p>
186
+ <p>Personal Best: 3K - 9:45</p>
187
+ </div>
188
+ </div>
189
+
190
+ <!-- Medium Distance Athletes -->
191
+ <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-distance="medium">
192
+ <img src="http://static.photos/people/320x240/63" alt="Distance Athlete" class="w-full h-48 object-cover">
193
+ <div class="p-4">
194
+ <h4 class="font-bold text-lg">Lyhour Meng</h4>
195
+ <p class="text-secondary">5K Specialist</p>
196
+ <p>Personal Best: 5K - 16:22</p>
197
+ </div>
198
+ </div>
199
+
200
+ <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-distance="medium">
201
+ <img src="http://static.photos/people/320x240/64" alt="Distance Athlete" class="w-full h-48 object-cover">
202
+ <div class="p-4">
203
+ <h4 class="font-bold text-lg">Rithy Seng</h4>
204
+ <p class="text-secondary">5K Runner</p>
205
+ <p>Personal Best: 5K - 17:05</p>
206
+ </div>
207
+ </div>
208
+
209
+ <!-- Long Distance Athletes -->
210
+ <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-distance="long">
211
+ <img src="http://static.photos/people/320x240/65" alt="Distance Athlete" class="w-full h-48 object-cover">
212
+ <div class="p-4">
213
+ <h4 class="font-bold text-lg">Thay Sethean</h4>
214
+ <p class="text-secondary">10K Specialist</p>
215
+ <p>Personal Best: 10K - 34:12</p>
216
+ </div>
217
+ </div>
218
+
219
+ <div class="athlete-card bg-[#1e1e1e] rounded-lg overflow-hidden" data-distance="long">
220
+ <img src="http://static.photos/people/320x240/66" alt="Distance Athlete" class="w-full h-48 object-cover">
221
+ <div class="p-4">
222
+ <h4 class="font-bold text-lg">Sokhim Chhun</h4>
223
+ <p class="text-secondary">10K Runner</p>
224
+ <p>Personal Best: 10K - 35:45</p>
225
+ </div>
226
+ </div>
227
+ </div>
228
+ </div>
229
+ </section>
230
+
231
+ <!-- Schedule Section -->
232
+ <section class="py-16 border-b border-[#2e2e2e]">
233
+ <div class="container mx-auto px-4">
234
+ <h2 class="text-3xl font-bold text-primary mb-8">2025-2026 RACE SCHEDULE</h2>
235
+
236
+ <div class="mb-12">
237
+ <h3 class="text-2xl font-bold mb-6 text-secondary">Upcoming Races</h3>
238
+ <div class="space-y-4">
239
+ <div class="schedule-item bg-[#1e1e1e] p-4 rounded-lg flex flex-col md:flex-row justify-between items-start md:items-center">
240
+ <div>
241
+ <p class="text-secondary">July 10, 2025 - 9:00 AM</p>
242
+ <p class="font-bold">NAGAS vs. ISSPP All-Stars</p>
243
+ <p>NISC Cross Country Course</p>
244
+ <p>Distances: 3K, 5K</p>
245
+ </div>
246
+ <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>
247
+ </div>
248
+
249
+ <div class="schedule-item bg-[#1e1e1e] p-4 rounded-lg flex flex-col md:flex-row justify-between items-start md:items-center">
250
+ <div>
251
+ <p class="text-secondary">July 17, 2025 - 2:00 PM</p>
252
+ <p class="font-bold">NAGAS vs. NIST Thunder</p>
253
+ <p>Away - NIST Cross Country Course</p>
254
+ <p>Distances: 5K, 10K</p>
255
+ </div>
256
+ <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>
257
+ </div>
258
+
259
+ <div class="schedule-item bg-[#1e1e1e] p-4 rounded-lg flex flex-col md:flex-row justify-between items-start md:items-center">
260
+ <div>
261
+ <p class="text-secondary">July 24, 2025 - 10:00 AM</p>
262
+ <p class="font-bold">NAGAS vs. NISB Eagles</p>
263
+ <p>NISC Cross Country Course</p>
264
+ <p>Distances: All Distances</p>
265
+ </div>
266
+ <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>
267
+ </div>
268
+ </div>
269
+ </div>
270
+
271
+ <div>
272
+ <h3 class="text-2xl font-bold mb-6 text-secondary">Recent Results</h3>
273
+ <div class="space-y-4">
274
+ <div class="bg-[#1e1e1e] p-4 rounded-lg">
275
+ <p class="font-bold">ISSAPP Mid-Season Meet</p>
276
+ <p>Team Score: 1st Place (185 Points)</p>
277
+ </div>
278
+
279
+ <div class="bg-[#1e1e1e] p-4 rounded-lg">
280
+ <p class="font-bold">ASAC Regional Championships</p>
281
+ <p>Team Score: 2nd Place (152 Points)</p>
282
+ </div>
283
+ </div>
284
+ </div>
285
+
286
+ <div class="mt-8 text-center">
287
+ <a href="schedule.html#cross-country" class="inline-block bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">Full Schedule</a>
288
+ </div>
289
+ </div>
290
+ </section>
291
+
292
+ <!-- Coaching Staff -->
293
+ <section class="py-16 border-b border-[#2e2e2e] bg-[#0a0a0a]">
294
+ <div class="container mx-auto px-4">
295
+ <h2 class="text-3xl font-bold text-primary mb-8">MEET THE COACHES</h2>
296
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
297
+ <div class="bg-[#1e1e1e] rounded-lg overflow-hidden">
298
+ <div class="md:flex">
299
+ <img src="http://static.photos/people/200x200/60" alt="Sokha Mey" class="w-full md:w-32 h-32 object-cover">
300
+ <div class="p-6">
301
+ <h3 class="text-xl font-bold">Sokha Mey</h3>
302
+ <p class="text-secondary mb-2">Head Cross Country Coach</p>
303
+ <p>Former national champion with 18 years coaching experience.</p>
304
+ </div>
305
+ </div>
306
+ </div>
307
+
308
+ <div class="bg-[#1e1e1e] rounded-lg overflow-hidden">
309
+ <div class="md:flex">
310
+ <img src="http://static.photos/people/200x200/71" alt="Distance Coach" class="w-full md:w-32 h-32 object-cover">
311
+ <div class="p-6">
312
+ <h3 class="text-xl font-bold">Sarith Meng</h3>
313
+ <p class="text-secondary mb-2">Distance Coach</p>
314
+ <p>Olympic training background, specializes in speed development.</p>
315
+ </div>
316
+ </div>
317
+ </div>
318
+
319
+ <div class="bg-[#1e1e1e] rounded-lg overflow-hidden">
320
+ <div class="md:flex">
321
+ <img src="http://static.photos/people/200x200/72" alt="Endurance Coach" class="w-full md:w-32 h-32 object-cover">
322
+ <div class="p-6">
323
+ <h3 class="text-xl font-bold">Visal Sreytouch</h3>
324
+ <p class="text-secondary mb-2">Endurance Coach</p>
325
+ <p>Former professional athlete, focuses on endurance and technique.</p>
326
+ </div>
327
+ </div>
328
+ </div>
329
+ </div>
330
+
331
+ <div class="mt-8 text-center">
332
+ <a href="mailto:cross-country-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>
333
+ </div>
334
+ </div>
335
+ </section>
336
+
337
+ <!-- Records Board -->
338
+ <section class="py-16 border-b border-[#2e2e2e]">
339
+ <div class="container mx-auto px-4">
340
+ <h2 class="text-3xl font-bold text-primary mb-8">TEAM RECORDS</h2>
341
+ <div class="overflow-x-auto">
342
+ <table class="w-full bg-[#1e1e1e] rounded-lg overflow-hidden">
343
+ <thead>
344
+ <tr class="bg-[#2e2e2e]">
345
+ <th class="text-left py-3 px-4">Event</th>
346
+ <th class="text-left py-3 px-4">Athlete</th>
347
+ <th class="text-left py-3 px-4">Time</th>
348
+ <th class="text-left py-3 px-4">Year</th>
349
+ </tr>
350
+ </thead>
351
+ <tbody>
352
+ <tr class="border-b border-[#2e2e2e] hover:bg-[#2a2a2a]">
353
+ <td class="py-3 px-4">3K Run</td>
354
+ <td class="py-3 px-4">Sok Visal</td>
355
+ <td class="py-3 px-4">9:22</td>
356
+ <td class="py-3 px-4">2024</td>
357
+ </tr>
358
+ <tr class="border-b border-[#2e2e2e] hover:bg-[#2a2a2a]">
359
+ <td class="py-3 px-4">5K Run</td>
360
+ <td class="py-3 px-4">Lyhour Meng</td>
361
+ <td class="py-3 px-4">16:22</td>
362
+ <td class="py-3 px-4">2024</td>
363
+ </tr>
364
+ <tr class="border-b border-[#2e2e2e] hover:bg-[#2a2a2a]">
365
+ <td class="py-3 px-4">10K Run</td>
366
+ <td class="py-3 px-4">Thay Sethean</td>
367
+ <td class="py-3 px-4">34:12</td>
368
+ <td class="py-3 px-4">2023</td>
369
+ </tr>
370
+ </tbody>
371
+ </table>
372
+ </div>
373
+ <div class="mt-8 text-center">
374
+ <button class="bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">View Full Records</button>
375
+ </div>
376
+ </div>
377
+ </section>
378
+
379
+ <!-- Photo Gallery -->
380
+ <section class="py-16 border-b border-[#2e2e2e] bg-[#0a0a0a]">
381
+ <div class="container mx-auto px-4">
382
+ <h2 class="text-3xl font-bold text-primary mb-8">ACTION SHOTS</h2>
383
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
384
+ <div class="gallery-item">
385
+ <img src="http://static.photos/nature/640x360/11" alt="Cross Country Race" class="w-full h-48 object-cover rounded">
386
+ </div>
387
+ <div class="gallery-item">
388
+ <img src="http://static.photos/nature/640x360/12" alt="Runner Finish" class="w-full h-48 object-cover rounded">
389
+ </div>
390
+ <div class="gallery-item">
391
+ <img src="http://static.photos/nature/640x360/13" alt="Trail Running" class="w-full h-48 object-cover rounded">
392
+ </div>
393
+ <div class="gallery-item">
394
+ <img src="http://static.photos/nature/640x360/14" alt="Team Huddle" class="w-full h-48 object-cover rounded">
395
+ </div>
396
+ <div class="gallery-item">
397
+ <img src="http://static.photos/nature/640x360/15" alt="Cross Country Course" class="w-full h-48 object-cover rounded">
398
+ </div>
399
+ <div class="gallery-item">
400
+ <img src="http://static.photos/nature/640x360/16" alt="Runner in Motion" class="w-full h-48 object-cover rounded">
401
+ </div>
402
+ <div class="gallery-item">
403
+ <img src="http://static.photos/nature/640x360/17" alt="Award Ceremony" class="w-full h-48 object-cover rounded">
404
+ </div>
405
+ <div class="gallery-item">
406
+ <img src="http://static.photos/nature/640x360/18" alt="Team Celebration" class="w-full h-48 object-cover rounded">
407
+ </div>
408
+ </div>
409
+ <div class="mt-8 text-center">
410
+ <button class="bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">View All Photos</button>
411
+ </div>
412
+ </div>
413
+ </section>
414
+
415
+ <!-- Achievements -->
416
+ <section class="py-16 border-b border-[#2e2e2e]">
417
+ <div class="container mx-auto px-4">
418
+ <h2 class="text-3xl font-bold text-primary mb-8">TEAM HONORS</h2>
419
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
420
+ <div class="bg-[#1e1e1e] p-6 rounded-lg text-center">
421
+ <i data-feather="award" class="text-secondary mx-auto mb-4" style="width: 48px; height: 48px;"></i>
422
+ <h3 class="text-xl font-bold mb-2">2024 ISSAPP Champions</h3>
423
+ <p>Team Score: 185 Points</p>
424
+ </div>
425
+
426
+ <div class="bg-[#1e1e1e] p-6 rounded-lg text-center">
427
+ <i data-feather="award" class="text-secondary mx-auto mb-4" style="width: 48px; height: 48px;"></i>
428
+ <h3 class="text-xl font-bold mb-2">2023 ASAC Finalists</h3>
429
+ <p>Reached regional championship finals</p>
430
+ </div>
431
+
432
+ <div class="bg-[#1e1e1e] p-6 rounded-lg text-center">
433
+ <i data-feather="user" class="text-secondary mx-auto mb-4" style="width: 48px; height: 48px;"></i>
434
+ <h3 class="text-xl font-bold mb-2">Individual Champions</h3>
435
+ <p>8 Individual Event Winners 2024</p>
436
+ </div>
437
+ </div>
438
+ </div>
439
+ </section>
440
+
441
+ <!-- Training Information -->
442
+ <section class="py-16 border-b border-[#2e2e2e] bg-[#0a0a0a]">
443
+ <div class="container mx-auto px-4">
444
+ <h2 class="text-3xl font-bold text-primary mb-8">DEVELOPMENT PROGRAM</h2>
445
+ <div class="bg-[#1e1e1e] rounded-lg p-8 max-w-3xl mx-auto">
446
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
447
+ <div>
448
+ <h3 class="text-xl font-bold mb-4 text-secondary">Training Schedule</h3>
449
+ <ul class="space-y-3">
450
+ <li class="flex justify-between border-b border-[#2e2e2e] pb-2">
451
+ <span>Base Building</span>
452
+ <span>Monday, Wednesday, Friday 3:30-5:30 PM</span>
453
+ </li>
454
+ <li class="flex justify-between border-b border-[#2e2e2e] pb-2">
455
+ <span>Speed Work</span>
456
+ <span>Tuesday & Thursday 3:30-5:30 PM</span>
457
+ </li>
458
+ <li class="flex justify-between border-b border-[#2e2e2e] pb-2">
459
+ <span>Long Run</span>
460
+ <span>Saturday 7:00-9:00 AM</span>
461
+ </li>
462
+ </ul>
463
+ </div>
464
+ <div>
465
+ <h3 class="text-xl font-bold mb-4 text-secondary">Strength Program</h3>
466
+ <ul class="space-y-3">
467
+ <li class="flex justify-between border-b border-[#2e2e2e] pb-2">
468
+ <span>Weight Training</span>
469
+ <span>Monday, Wednesday, Friday</span>
470
+ </li>
471
+ <li class="flex justify-between border-b border-[#2e2e2e] pb-2">
472
+ <span>Flexibility</span>
473
+ <span>Tuesday & Thursday</span>
474
+ </li>
475
+ <li class="flex justify-between border-b border-[#2e2e2e] pb-2">
476
+ <span>Recovery Sessions</span>
477
+ <span>As Needed</span>
478
+ </li>
479
+ </ul>
480
+ </div>
481
+ </div>
482
+ <div class="mt-8 text-center">
483
+ <button class="bg-primary text-dark font-bold py-2 px-6 rounded hover:bg-[#4ab3c6] transition">View Full Training Schedule</button>
484
+ </div>
485
+ </div>
486
+ </div>
487
+ </section>
488
+
489
+ <!-- Tryout Information -->
490
+ <section class="py-16 border-b border-[#2e2e2e]">
491
+ <div class="container mx-auto px-4">
492
+ <h2 class="text-3xl font-bold text-primary mb-8">JOIN THE TEAM</h2>
493
+ <div class="bg-[#1e1e1e] rounded-lg p-8 max-w-3xl mx-auto text-center">
494
+ <p class="text-xl mb-4">No tryouts - all students welcome!</p>
495
+ <p class="mb-6">First practice: <span class="text-secondary">September 5, 2025</span></p>
496
+ <p class="mb-4">Equipment needed:</p>
497
+ <ul class="mb-6 text-left max-w-xs mx-auto">
498
+ <li class="flex items-center mb-2">
499
+ <i data-feather="check-circle" class="text-secondary mr-2"></i>
500
+ <span>Running shoes</span>
501
+ </li>
502
+ <li class="flex items-center mb-2">
503
+ <i data-feather="check-circle" class="text-secondary mr-2"></i>
504
+ <span>Water bottle</span>
505
+ </li>
506
+ <li class="flex items-center mb-2">
507
+ <i data-feather="check-circle" class="text-secondary mr-2"></i>
508
+ <span>Comfortable clothing</span>
509
+ </li>
510
+ </ul>
511
+ <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>
512
+ </div>
513
+ </div>
514
+ </section>
515
+
516
+ <!-- Biathlon Program -->
517
+ <section class="py-16 bg-[#0a0a0a]">
518
+ <div class="container mx-auto px-4">
519
+ <h2 class="text-3xl font-bold text-primary mb-8">SPECIAL PROGRAMS</h2>
520
+ <div class="bg-[#1e1e1e] rounded-lg p-8 max-w-3xl mx-auto text-center">
521
+ <h3 class="text-2xl font-bold mb-4 text-secondary">Biathlon Program</h3>
522
+ <p class="mb-4">Combined running/swimming biathlon program focusing on goal-setting and personal best achievement.</p>
523
+ <p class="mb-6">Open to all fitness levels with personalized training plans.</p>
524
+ <div class="flex flex-wrap justify-center gap-4 mb-6">
525
+ <div class="bg-[#2e2e2e] py-2 px-4 rounded">Goal Setting</div>
526
+ <div class="bg-[#2e2e2e] py-2 px-4 rounded">Personal Bests</div>
527
+ <div class="bg-[#2e2e2e] py-2 px-4 rounded">All Fitness Levels</div>
528
+ </div>
529
+ <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>
530
+ </div>
531
+ </div>
532
+ </section>
533
+
534
+ <!-- Footer -->
535
+ <footer class="bg-darker py-12 border-t border-[#2e2e2e]">
536
+ <div class="container mx-auto px-4">
537
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
538
+ <div>
539
+ <h3 class="text-xl font-bold mb-4">Contact Info</h3>
540
+ <p>Northbridge International School Cambodia</p>
541
+ <p>#98C, Street 169, Phnom Penh</p>
542
+ <p>Email: info@nagas.edu.kh</p>
543
+ <p>Phone: +855 12 345 678</p>
544
+ </div>
545
+ <div>
546
+ <h3 class="text-xl font-bold mb-4">Follow Us</h3>
547
+ <div class="flex space-x-4">
548
+ <a href="#" class="text-primary hover:text-secondary">
549
+ <i data-feather="facebook"></i>
550
+ </a>
551
+ <a href="#" class="text-primary hover:text-secondary">
552
+ <i data-feather="instagram"></i>
553
+ </a>
554
+ </div>
555
+ <p class="mt-2">@NAGAS_NISC</p>
556
+ </div>
557
+ <div>
558
+ <h3 class="text-xl font-bold mb-4">Quick Links</h3>
559
+ <ul class="space-y-2">
560
+ <li><a href="teams.html" class="hover:text-primary">Teams</a></li>
561
+ <li><a href="schedule.html" class="hover:text-primary">Schedule</a></li>
562
+ <li><a href="news.html" class="hover:text-primary">News</a></li>
563
+ <li><a href="#" class="hover:text-primary">Athlete Portal</a></li>
564
+ </ul>
565
+ </div>
566
+ </div>
567
+ <div class="border-t border-[#2e2e2e] mt-8 pt-8 text-center">
568
+ <p>&copy; 2023 NAGAS - Northbridge Athletic Groups and Sports. All rights reserved.</p>
569
+ </div>
570
+ </div>
571
+ </footer>
572
+
573
+ <script>
574
+ feather.replace();
575
+
576
+ // Distance filtering functionality
577
+ document.querySelectorAll('.filter-btn').forEach(button => {
578
+ button.addEventListener('click', function() {
579
+ // Update active filter button
580
+ document.querySelectorAll('.filter-btn').forEach(btn => {
581
+ btn.classList.remove('filter-active');
582
+ });
583
+ this.classList.add('filter-active');
584
+
585
+ // Filter athletes
586
+ const filter = this.getAttribute('data-filter');
587
+ const athletes = document.querySelectorAll('.athlete-card');
588
+
589
+ athletes.forEach(athlete => {
590
+ if (filter === 'all' || athlete.getAttribute('data-distance') === filter) {
591
+ athlete.style.display = 'block';
592
+ } else {
593
+ athlete.style.display = 'none';
594
+ }
595
+ });
596
+ });
597
+ });
598
+
599
+ // Mobile menu toggle
600
+ document.getElementById('menu-toggle').addEventListener('click', function() {
601
+ document.getElementById('mobile-menu').classList.remove('hidden');
602
+ });
603
+
604
+ document.getElementById('menu-close').addEventListener('click', function() {
605
+ document.getElementById('mobile-menu').classList.add('hidden');
606
+ });
607
+ </script>
608
+ </body>
609
+ </html>
index.html CHANGED
@@ -321,11 +321,11 @@
321
  <div class="p-6">
322
  <div class="flex items-center mb-3">
323
  <i data-feather="activity" class="text-primary mr-2"></i>
324
- <h3 class="text-xl font-bold">Track & Field</h3>
325
  </div>
326
  <p class="mb-4">Regional champions with athletes competing at national level.</p>
327
- <a href="track.html" class="text-primary hover:underline">Explore Teams</a>
328
- </div>
329
  </div>
330
  </div>
331
 
 
321
  <div class="p-6">
322
  <div class="flex items-center mb-3">
323
  <i data-feather="activity" class="text-primary mr-2"></i>
324
+ <h3 class="text-xl font-bold">Cross Country</h3>
325
  </div>
326
  <p class="mb-4">Regional champions with athletes competing at national level.</p>
327
+ <a href="cross-country.html" class="text-primary hover:underline">Explore Teams</a>
328
+ </div>
329
  </div>
330
  </div>
331
 
news.html CHANGED
@@ -260,11 +260,11 @@
260
  <select id="sportFilter" class="filter-dropdown py-1 px-2 rounded text-sm">
261
  <option value="all">All Sports</option>
262
  <option value="basketball">Basketball</option>
263
- <option value="volleyball">Volleyball</option>
264
- <option value="football">Football</option>
265
- <option value="track">Track & Field</option>
266
- <option value="swimming">Swimming</option>
267
- </select>
268
  <select id="levelFilter" class="filter-dropdown py-1 px-2 rounded text-sm">
269
  <option value="all">All Levels</option>
270
  <option value="juniors">Juniors</option>
@@ -624,9 +624,9 @@
624
  <input type="checkbox" class="mr-1"> Football
625
  </label>
626
  <label class="text-xs flex items-center">
627
- <input type="checkbox" class="mr-1"> Track
628
  </label>
629
- <label class="text-xs flex items-center">
630
  <input type="checkbox" class="mr-1"> Swimming
631
  </label>
632
  <label class="text-xs flex items-center">
 
260
  <select id="sportFilter" class="filter-dropdown py-1 px-2 rounded text-sm">
261
  <option value="all">All Sports</option>
262
  <option value="basketball">Basketball</option>
263
+ <option value="volleyball">Volleyball</option>
264
+ <option value="football">Football</option>
265
+ <option value="cross-country">Cross Country</option>
266
+ <option value="swimming">Swimming</option>
267
+ </select>
268
  <select id="levelFilter" class="filter-dropdown py-1 px-2 rounded text-sm">
269
  <option value="all">All Levels</option>
270
  <option value="juniors">Juniors</option>
 
624
  <input type="checkbox" class="mr-1"> Football
625
  </label>
626
  <label class="text-xs flex items-center">
627
+ <input type="checkbox" class="mr-1"> Cross Country
628
  </label>
629
+ <label class="text-xs flex items-center">
630
  <input type="checkbox" class="mr-1"> Swimming
631
  </label>
632
  <label class="text-xs flex items-center">
schedule.html CHANGED
@@ -373,9 +373,9 @@
373
  <button id="basketballTab" class="tab-active py-2 px-6 font-bold rounded-t">Basketball</button>
374
  <button id="volleyballTab" class="py-2 px-6 font-bold rounded-t">Volleyball</button>
375
  <button id="footballTab" class="py-2 px-6 font-bold rounded-t">Football</button>
376
- <button id="trackTab" class="py-2 px-6 font-bold rounded-t">Track & Field</button>
377
  <button id="swimmingTab" class="py-2 px-6 font-bold rounded-t">Swimming</button>
378
- </div>
379
 
380
  <!-- Basketball Content -->
381
  <div id="basketballContent">
@@ -575,23 +575,23 @@
575
  <div id="trackContent" class="hidden">
576
  <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
577
  <div class="lg:col-span-2">
578
- <h3 class="text-xl font-bold mb-4 text-secondary">MEET SCHEDULE</h3>
579
  <div class="space-y-4">
580
  <div class="bg-[#1e1e1e] p-4 rounded-lg">
581
  <p class="text-secondary">June 28, 2025 - 9:00 AM</p>
582
  <p class="font-bold">Mid-Season Meet</p>
583
- <p>NISC Track & Field Complex</p>
584
  </div>
585
  <div class="bg-[#1e1e1e] p-4 rounded-lg">
586
  <p class="text-secondary">July 12, 2025 - 2:00 PM</p>
587
  <p class="font-bold">Regional Championships</p>
588
- <p>Away - NIST Track</p>
589
  </div>
590
  </div>
591
  </div>
592
 
593
  <div>
594
- <h3 class="text-xl font-bold mb-4 text-secondary">RECENT MEET RESULTS</h3>
595
  <div class="bg-[#1e1e1e] rounded-lg p-6 mb-6">
596
  <p class="font-bold mb-2">Regional Meet</p>
597
  <p>Team Score: 1st Place (185 Points)</p>
@@ -601,19 +601,18 @@
601
  <h3 class="text-xl font-bold mb-4 text-secondary">RECORD PERFORMANCES</h3>
602
  <div class="space-y-3">
603
  <div class="bg-[#1e1e1e] p-3 rounded-lg">
604
- <p class="font-bold">100m</p>
605
- <p>Sok Visal - 11.2s (2024)</p>
606
  </div>
607
  <div class="bg-[#1e1e1e] p-3 rounded-lg">
608
- <p class="font-bold">Long Jump</p>
609
- <p>Thay Sethean - 6.85m (2024)</p>
610
  </div>
611
  </div>
612
  </div>
613
  </div>
614
  </div>
615
-
616
- <!-- Swimming Content -->
617
  <div id="swimmingContent" class="hidden">
618
  <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
619
  <div class="lg:col-span-2">
 
373
  <button id="basketballTab" class="tab-active py-2 px-6 font-bold rounded-t">Basketball</button>
374
  <button id="volleyballTab" class="py-2 px-6 font-bold rounded-t">Volleyball</button>
375
  <button id="footballTab" class="py-2 px-6 font-bold rounded-t">Football</button>
376
+ <button id="trackTab" class="py-2 px-6 font-bold rounded-t">Cross Country</button>
377
  <button id="swimmingTab" class="py-2 px-6 font-bold rounded-t">Swimming</button>
378
+ </div>
379
 
380
  <!-- Basketball Content -->
381
  <div id="basketballContent">
 
575
  <div id="trackContent" class="hidden">
576
  <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
577
  <div class="lg:col-span-2">
578
+ <h3 class="text-xl font-bold mb-4 text-secondary">RACE SCHEDULE</h3>
579
  <div class="space-y-4">
580
  <div class="bg-[#1e1e1e] p-4 rounded-lg">
581
  <p class="text-secondary">June 28, 2025 - 9:00 AM</p>
582
  <p class="font-bold">Mid-Season Meet</p>
583
+ <p>NISC Cross Country Course</p>
584
  </div>
585
  <div class="bg-[#1e1e1e] p-4 rounded-lg">
586
  <p class="text-secondary">July 12, 2025 - 2:00 PM</p>
587
  <p class="font-bold">Regional Championships</p>
588
+ <p>Away - NIST Cross Country Course</p>
589
  </div>
590
  </div>
591
  </div>
592
 
593
  <div>
594
+ <h3 class="text-xl font-bold mb-4 text-secondary">RECENT RACE RESULTS</h3>
595
  <div class="bg-[#1e1e1e] rounded-lg p-6 mb-6">
596
  <p class="font-bold mb-2">Regional Meet</p>
597
  <p>Team Score: 1st Place (185 Points)</p>
 
601
  <h3 class="text-xl font-bold mb-4 text-secondary">RECORD PERFORMANCES</h3>
602
  <div class="space-y-3">
603
  <div class="bg-[#1e1e1e] p-3 rounded-lg">
604
+ <p class="font-bold">5K Run</p>
605
+ <p>Sok Visal - 16:22 (2024)</p>
606
  </div>
607
  <div class="bg-[#1e1e1e] p-3 rounded-lg">
608
+ <p class="font-bold">3K Run</p>
609
+ <p>Thay Sethean - 9:45 (2024)</p>
610
  </div>
611
  </div>
612
  </div>
613
  </div>
614
  </div>
615
+ <!-- Swimming Content -->
 
616
  <div id="swimmingContent" class="hidden">
617
  <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
618
  <div class="lg:col-span-2">
teams.html CHANGED
@@ -138,11 +138,11 @@
138
  <select id="sportFilter" class="filter-dropdown w-full py-2 px-4 rounded text-white">
139
  <option value="all">All Sports</option>
140
  <option value="basketball">Basketball</option>
141
- <option value="volleyball">Volleyball</option>
142
- <option value="football">Football</option>
143
- <option value="track">Track & Field</option>
144
- <option value="swimming">Swimming</option>
145
- </select>
146
  </div>
147
  </div>
148
  </section>
@@ -251,7 +251,7 @@
251
  <img src="http://static.photos/people/200x200/16" alt="Athlete" class="w-full h-24 object-cover rounded">
252
  </div>
253
  <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>
254
- <a href="track.html" class="inline-block bg-primary text-dark font-bold py-2 px-4 rounded hover:bg-[#4ab3c6] transition">View Team</a>
255
  </div>
256
  </div>
257
  <!-- Swimming Card -->
 
138
  <select id="sportFilter" class="filter-dropdown w-full py-2 px-4 rounded text-white">
139
  <option value="all">All Sports</option>
140
  <option value="basketball">Basketball</option>
141
+ <option value="volleyball">Volleyball</option>
142
+ <option value="football">Football</option>
143
+ <option value="cross-country">Cross Country</option>
144
+ <option value="swimming">Swimming</option>
145
+ </select>
146
  </div>
147
  </div>
148
  </section>
 
251
  <img src="http://static.photos/people/200x200/16" alt="Athlete" class="w-full h-24 object-cover rounded">
252
  </div>
253
  <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>
254
+ <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>
255
  </div>
256
  </div>
257
  <!-- Swimming Card -->