-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathIndex.html
More file actions
456 lines (440 loc) · 25.4 KB
/
Copy pathIndex.html
File metadata and controls
456 lines (440 loc) · 25.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>NFL7A - National Football League 7 Académies</title>
<meta name="description" content="NFL7A - Ligue professionnelle de football à 7 pour les académies de formation en Côte d'Ivoire. Contact: contact.nfl7a@gmail.com" />
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{
--primary-green:#1a4d3a;
--primary-orange:#ff8c00;
--light-bg:#f5f5dc;
--dark-text:#2c2c2c;
--white:#ffffff;
--max-width:1200px;
}
body{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height:1.6;
color:var(--dark-text);
background-color:var(--light-bg);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
padding-top:88px;
}
a{color:inherit}
/* Header */
header{
background:linear-gradient(135deg,var(--primary-green) 0%,#0d3626 100%);
color:var(--white);
padding:1rem 0;
position:fixed;
width:100%;
top:0;
z-index:1000;
box-shadow:0 2px 10px rgba(0,0,0,0.3);
}
nav{
display:flex;justify-content:space-between;align-items:center;
max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;
}
.logo-text{font-size:1.4rem;font-weight:700;color:var(--primary-orange)}
.nav-links{display:flex;gap:1.2rem;list-style:none}
.nav-links a{color:var(--white);text-decoration:none;font-weight:600}
.menu-toggle{display:none;background:none;border:none;color:var(--white);font-size:1.6rem;cursor:pointer}
/* Hero */
.hero{
background:linear-gradient(rgba(26,77,58,0.85),rgba(26,77,58,0.9)),
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%231a4d3a" width="1200" height="600"/><circle cx="200" cy="150" r="100" fill="%23ff8c00" opacity="0.1"/><circle cx="1000" cy="400" r="150" fill="%23ff8c00" opacity="0.1"/></svg>') center/cover no-repeat;
color:var(--white);padding:160px 1.5rem 80px;text-align:center;
}
.hero h1{font-size:3rem;margin-bottom:0.8rem;color:var(--primary-orange);text-shadow:2px 2px 6px rgba(0,0,0,0.5)}
.hero p{font-size:1.15rem;margin-bottom:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}
.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{padding:.75rem 1.6rem;border-radius:6px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.btn-primary{background:var(--primary-orange);color:var(--white);border:none}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,140,0,0.25)}
.btn-secondary{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.9)}
.btn-secondary:hover{background:var(--white);color:var(--primary-green)}
/* Sections */
section{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem}
.section-title{text-align:center;font-size:2rem;color:var(--primary-green);margin-bottom:.5rem;position:relative;padding-bottom:.6rem}
.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-orange),var(--primary-green))}
.section-subtitle{text-align:center;color:#666;margin-bottom:1.5rem;font-size:1rem}
/* Cards/grid */
.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-top:1.4rem}
.card{background:var(--white);padding:1.4rem;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.08);transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,0.12)}
.card h3{color:var(--primary-green);margin-bottom:.6rem}
.card p{color:#444}
.card .card-icon{font-size:2rem;margin-bottom:.6rem}
/* Competitions */
.competitions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.competition-card{background:linear-gradient(135deg,var(--primary-green),#0d3626);color:var(--white);padding:1.2rem;border-radius:10px;text-align:center}
.competition-card h3{color:var(--primary-orange);margin-bottom:.5rem}
/* Stats */
.stats{background:linear-gradient(135deg,var(--primary-orange),#ff6b00);color:var(--white);padding:2.5rem 1rem;margin:2rem 0}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:var(--max-width);margin:0 auto;text-align:center}
.stat-item h3{font-size:2.2rem;margin-bottom:.3rem;font-weight:800}
.stat-item p{opacity:0.95}
/* About layout */
.about-content{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:center}
.about-text h3{color:var(--primary-green);margin-bottom:.6rem}
.about-text ul{list-style:none;padding-left:0}
.about-text li{padding:0.45rem 0;padding-left:2rem;position:relative;color:#333}
.about-text li::before{content:'⚽';position:absolute;left:0}
/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.contact-info{background:var(--white);padding:1.2rem;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.08)}
.contact-info h3{color:var(--primary-green);margin-bottom:1rem}
.contact-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}
.contact-icon{font-size:1.25rem;color:var(--primary-orange)}
.contact-form{background:var(--white);padding:1.2rem;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.08)}
.form-group{margin-bottom:.9rem}
.form-group label{display:block;margin-bottom:.4rem;color:var(--primary-green);font-weight:600}
.form-group input,.form-group textarea{width:100%;padding:.7rem;border:2px solid #ddd;border-radius:6px;font-family:inherit}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-orange)}
footer{background:var(--primary-green);color:var(--white);padding:2.2rem 1.5rem}
.footer-content{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}
.footer-section h3{color:var(--primary-orange);margin-bottom:.6rem}
.footer-section a{color:var(--white);text-decoration:none}
.social-links{display:flex;gap:.6rem;margin-top:.7rem}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--primary-orange);color:var(--white);text-decoration:none}
.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.08)}
/* Team */
.team-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.team-item{background:var(--white);padding:1rem;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
/* News */
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.news-card{background:var(--white);padding:1rem;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.news-card h4{color:var(--primary-green);margin-bottom:.4rem}
.news-card p{color:#444;font-size:.95rem}
/* Utilities */
.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;background:var(--primary-green);color:#fff;font-weight:700;font-size:.85rem}
/* Responsive */
@media (max-width:900px){.about-content,.contact-grid{grid-template-columns:1fr}.hero{padding:120px 1rem 60px}.hero h1{font-size:2rem}.menu-toggle{display:block}.nav-links{position:absolute;top:100%;left:0;width:100%;background:var(--primary-green);flex-direction:column;padding:1rem;display:none}.nav-links.active{display:flex}.logo-text{font-size:1.2rem}}
</style>
</head>
<body>
<header>
<nav>
<div class="logo-section">
<div class="logo-text">NFL7A</div>
</div>
<button class="menu-toggle" onclick="toggleMenu()" aria-label="Menu">☰</button>
<ul class="nav-links" id="navLinks">
<li><a href="#accueil" onclick="closeMenu()">Accueil</a></li>
<li><a href="#about" onclick="closeMenu()">À Propos</a></li>
<li><a href="#competitions" onclick="closeMenu()">Compétitions</a></li>
<li><a href="#academies" onclick="closeMenu()">Académies</a></li>
<li><a href="#news" onclick="closeMenu()">Actualités</a></li>
<li><a href="#contact" onclick="closeMenu()">Contact</a></li>
</ul>
</nav>
</header>
<!-- Hero -->
<section class="hero" id="accueil">
<h1>NATIONAL FOOTBALL LEAGUE 7 ACADÉMIES</h1>
<p>NFL7A est la première ligue professionnelle de football à 7 dédiée aux académies de formation en Côte d'Ivoire — un pont entre la formation et le monde professionnel.</p>
<div class="cta-buttons">
<a href="#about" class="btn btn-primary">Découvrir NFL7A</a>
<a href="#contact" class="btn btn-secondary">Rejoindre la Ligue</a>
</div>
</section>
<!-- Stats -->
<div class="stats" aria-hidden="false">
<div class="stats-grid">
<div class="stat-item">
<h3>16</h3>
<p>Académies participantes (Phase 1)</p>
</div>
<div class="stat-item">
<h3>8 000+</h3>
<p>Jeunes joueurs</p>
</div>
<div class="stat-item">
<h3>2</h3>
<p>Divisions de départ</p>
</div>
<div class="stat-item">
<h3>384</h3>
<p>Matchs par saison</p>
</div>
</div>
</div>
<!-- About -->
<section id="about">
<h2 class="section-title">À Propos de NFL7A</h2>
<p class="section-subtitle">Une révolution dans le football de formation ivoirien</p>
<div class="about-content">
<div class="about-text">
<h3>Notre Mission</h3>
<p>NFL7A a pour mission de structurer et professionnaliser les compétitions de football à 7 pour les académies de formation en Côte d'Ivoire. Nous créons un écosystème viable qui bénéficie à tous les acteurs : académies, joueurs, sponsors et spectateurs.</p>
<h3 style="margin-top:1rem">Nos Objectifs</h3>
<ul>
<li>Découvrir et promouvoir les jeunes talents</li>
<li>Créer un modèle économique durable</li>
<li>Professionnaliser l'encadrement des académies</li>
<li>Développer l'attractivité du football ivoirien</li>
<li>Former la prochaine génération d'internationaux</li>
</ul>
</div>
<div>
<div class="info-cards">
<div class="card">
<div class="card-icon">🏆</div>
<h3>Excellence Sportive</h3>
<p>Compétitions structurées pour révéler les talents de demain.</p>
</div>
<div class="card">
<div class="card-icon">📱</div>
<h3>Innovation Digitale</h3>
<p>Plateforme avec streaming, statistiques et base de données joueurs.</p>
</div>
<div class="card">
<div class="card-icon">🎓</div>
<h3>Formation Continue</h3>
<p>Programmes de formation pour entraîneurs, arbitres et dirigeants.</p>
</div>
<div class="card">
<div class="card-icon">🌍</div>
<h3>Vision Internationale</h3>
<p>Partenariats pour faciliter les transferts vers l'international.</p>
</div>
</div>
</div>
</div>
<!-- Team -->
<div style="margin-top:1.6rem">
<h3 class="section-title" style="font-size:1.4rem">Notre Équipe</h3>
<div class="team-list" style="margin-top:1rem">
<div class="team-item">
<strong>Jean Christophe Evrard Affely KOUADIO</strong><br><small>Directeur Général / Président</small><br>07 49 48 23 24
</div>
<div class="team-item">
<strong>Jean Claude Fallet GUEHI</strong><br><small>Directeur Technique / Responsable Compétitions</small><br>01 51 60 56 29
</div>
<div class="team-item">
<strong>Alain Kouadio KOUAKOU</strong><br><small>Directeur Marketing & Communication</small><br>07 07 73 10 79
</div>
<div class="team-item">
<strong>Koutoua Stéphane AHO</strong><br><small>Responsable Développement Commercial</small><br>07 08 23 50 86
</div>
</div>
</div>
</section>
<!-- Competitions -->
<section id="competitions" style="background:#f9f9f9;">
<h2 class="section-title">Nos Compétitions</h2>
<p class="section-subtitle">Un calendrier complet d'événements sportifs de septembre à juin</p>
<div class="competitions-grid">
<div class="competition-card">
<h3>⚽ Championnat National</h3>
<p><strong>2 divisions</strong> de 8 équipes</p>
<p>Système de montée/descente — 30 journées (format)</p>
<p>Sept. - Juin</p>
</div>
<div class="competition-card">
<h3>🏆 Coupe NFL7A</h3>
<p>Tournoi à <strong>élimination directe</strong> — Ouvert à toutes les académies</p>
<p>Finale au Stade FHB</p>
<p>Mars - Mai</p>
</div>
<div class="competition-card">
<h3>🌟 Tournoi des Champions</h3>
<p>Réservé aux <strong>8 meilleures</strong> académies — Format championnat A/R</p>
<p>Qualification internationale — Juillet - Août</p>
</div>
<div class="competition-card">
<h3>🎯 Trophée Développement</h3>
<p>Académies en développement — Format régional et phase finale nationale</p>
<p>Oct. - Déc.</p>
</div>
</div>
<div style="margin-top:1.6rem;background:white;padding:1.2rem;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.06);">
<h3 style="color:var(--primary-green);margin-bottom:.6rem">Format de Jeu</h3>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;text-align:center">
<div><div style="font-size:1.6rem;color:var(--primary-orange);font-weight:800">7</div><p>Joueurs par équipe</p></div>
<div><div style="font-size:1.6rem;color:var(--primary-orange);font-weight:800">2 × 25'</div><p>Durée des mi-temps</p></div>
<div><div style="font-size:1.6rem;color:var(--primary-orange);font-weight:800">60×40 m</div><p>Dimensions terrain</p></div>
<div><div style="font-size:1.6rem;color:var(--primary-orange);font-weight:800">16-23</div><p>Âge des joueurs</p></div>
</div>
</div>
</section>
<!-- Academies / Tarifs -->
<section id="academies">
<h2 class="section-title">Rejoindre NFL7A</h2>
<p class="section-subtitle">Trois catégories d'adhésion adaptées à votre académie</p>
<div class="info-cards">
<div class="card">
<h3 style="color:var(--primary-orange)">🥇 Catégorie Premium</h3>
<div style="font-size:1.4rem;font-weight:800;color:var(--primary-green);margin:0.6rem 0">600 000 FCFA</div>
<ul style="list-style:none;padding:0">
<li>✅ Tous les services</li>
<li>✅ Coaching personnalisé</li>
<li>✅ Priorité média</li>
<li>✅ Tournois internationaux</li>
</ul>
</div>
<div class="card">
<h3 style="color:var(--primary-orange)">🥈 Catégorie Standard</h3>
<div style="font-size:1.4rem;font-weight:800;color:var(--primary-green);margin:0.6rem 0">400 000 FCFA</div>
<ul style="list-style:none;padding:0">
<li>✅ Services de base</li>
<li>✅ Formation continue</li>
<li>✅ Plateforme digitale</li>
<li>✅ Support technique</li>
</ul>
</div>
<div class="card">
<h3 style="color:var(--primary-orange)">🥉 Catégorie Partenaire</h3>
<div style="font-size:1.4rem;font-weight:800;color:var(--primary-green);margin:0.6rem 0">200 000 FCFA</div>
<ul style="list-style:none;padding:0">
<li>✅ Participation compétitions</li>
<li>✅ Base de données joueurs</li>
<li>✅ Formation arbitres</li>
<li>✅ Conseil gestion</li>
</ul>
</div>
</div>
<div style="margin-top:1.6rem;background:var(--primary-green);color:white;padding:1.2rem;border-radius:10px;text-align:center">
<h3 style="color:var(--primary-orange);margin-bottom:.6rem">Critères d'Éligibilité</h3>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem">
<div><div style="font-size:1.6rem;margin-bottom:.3rem">📋</div><p>Structure légalement constituée</p></div>
<div><div style="font-size:1.6rem;margin-bottom:.3rem">🏟️</div><p>Installations conformes</p></div>
<div><div style="font-size:1.6rem;margin-bottom:.3rem">⚖️</div><p>Respect de la charte éthique</p></div>
<div><div style="font-size:1.6rem;margin-bottom:.3rem">✍️</div><p>Dossier complet validé</p></div>
</div>
</div>
</section>
<!-- News / Media -->
<section id="news" style="background:#fff;">
<h2 class="section-title">Actualités & Médias</h2>
<p class="section-subtitle">Dernières nouvelles, galeries photos et vidéos de la NFL7A</p>
<div class="news-grid">
<div class="news-card">
<h4>Calendrier officiel - Saison 1</h4>
<p>Publication prévue : <span class="badge">Septembre 2025</span></p>
<p>Le calendrier détaillé sera bientôt disponible. Inscrivez votre académie pour recevoir les mises à jour.</p>
</div>
<div class="news-card">
<h4>Inscriptions ouvertes</h4>
<p>Les inscriptions pour la phase 1 (16 académies) sont ouvertes. Contactez-nous pour le dossier d'adhésion.</p>
</div>
<div class="news-card">
<h4>Gala de Lancement</h4>
<p>Événement de lancement et cérémonie de remise de prix — détails à venir.</p>
</div>
</div>
<div style="margin-top:1rem;text-align:center">
<a href="#contact" class="btn btn-primary">S'inscrire / Demander le dossier</a>
</div>
</section>
<!-- Financial Summary -->
<section aria-label="Synthèse financière">
<h2 class="section-title">Synthèse Financière</h2>
<p class="section-subtitle">Chiffres clés issus du plan d'affaires (Mars 2025)</p>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;text-align:center">
<div class="card"><h3>10 000 000 FCFA</h3><p>Coût total du projet</p></div>
<div class="card"><h3>6 200 000 FCFA</h3><p>Bénéfice net Année 1</p></div>
<div class="card"><h3>62%</h3><p>Taux de rentabilité</p></div>
<div class="card"><h3>18 mois</h3><p>Délai de récupération</p></div>
</div>
</section>
<!-- Contact -->
<section id="contact" style="background:#f9f9f9;">
<h2 class="section-title">Contactez-Nous</h2>
<p class="section-subtitle">Rejoignez l'aventure NFL7A dès aujourd'hui</p>
<div class="contact-grid">
<div class="contact-info">
<h3>Informations de Contact</h3>
<div class="contact-item"><span class="contact-icon">📍</span><div><strong>Adresse</strong><br>Abidjan, Cocody - Riviera Golf<br>Côte d'Ivoire</div></div>
<div class="contact-item"><span class="contact-icon">📞</span><div><strong>Téléphone</strong><br>+225 07 49 48 23 24<br>+225 01 51 60 56 29</div></div>
<div class="contact-item"><span class="contact-icon">✉️</span><div><strong>Email</strong><br><a href="mailto:contact.nfl7a@gmail.com">contact.nfl7a@gmail.com</a></div></div>
<div class="contact-item"><span class="contact-icon">🕐</span><div><strong>Horaires</strong><br>Lundi - Vendredi: 8h - 17h<br>Samedi: 9h - 13h</div></div>
<div class="social-links" style="margin-top:1rem">
<a href="https://www.facebook.com/share/19crswN6ab/" target="_blank" title="Facebook">📘</a>
<a href="https://www.instagram.com/ligue.nfla7?igsh=cXZ3MWp6dzByaWs4" target="_blank" title="Instagram">📷</a>
<a href="https://www.linkedin.com/in/national-football-ligue-académie-nfla-57218338a" target="_blank" title="LinkedIn">🧭</a>
</div>
</div>
<div class="contact-form">
<h3 style="color:var(--primary-green);margin-bottom:1rem">Envoyez-nous un Message</h3>
<form onsubmit="handleSubmit(event)">
<div class="form-group">
<label>Nom Complet *</label>
<input type="text" required placeholder="Votre nom" />
</div>
<div class="form-group">
<label>Email *</label>
<input type="email" required placeholder="votre.email@exemple.com" />
</div>
<div class="form-group">
<label>Téléphone</label>
<input type="tel" placeholder="+225..." />
</div>
<div class="form-group">
<label>Sujet *</label>
<input type="text" required placeholder="Objet de votre message" />
</div>
<div class="form-group">
<label>Message *</label>
<textarea rows="5" required placeholder="Votre message..."></textarea>
</div>
<button type="submit" class="btn btn-primary" style="width:100%">Envoyer le Message</button>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footer-content">
<div class="footer-section">
<h3>NFL7A</h3>
<p>La première ligue professionnelle de football à 7 pour les académies de formation en Côte d'Ivoire.</p>
<p style="margin-top:.6rem"><strong>SARL au capital de 10 000 000 FCFA</strong></p>
</div>
<div class="footer-section">
<h3>Contact</h3>
<ul>
<li><a href="mailto:contact.nfl7a@gmail.com">contact.nfl7a@gmail.com</a></li>
<li>+225 07 49 48 23 24</li>
</ul>
</div>
<div class="footer-section">
<h3>Liens utiles</h3>
<ul>
<li><a href="#about">À Propos</a></li>
<li><a href="#competitions">Compétitions</a></li>
<li><a href="#academies">Académies</a></li>
<li><a href="#news">Actualités</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<small>© 2025 NFL7A — Tous droits réservés.</small>
</div>
</footer>
<script>
function toggleMenu(){document.getElementById("navLinks").classList.toggle("active")}
function closeMenu(){document.getElementById("navLinks").classList.remove("active")}
function handleSubmit(event){
event.preventDefault();
// Simple front-end confirmation. Replace with real form handling later.
alert("Merci ! Votre message a bien été envoyé à NFL7A.");
event.target.reset();
}
// Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor=>{
anchor.addEventListener('click',function(e){
if(this.getAttribute('href') === '#') return;
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if(target) target.scrollIntoView({behavior:'smooth',block:'start'});
});
});
</script>
</body>
</html>