PageSourceSearch

https://football-club-esc.netlify.app/

html football-club-esc.netlify.app collected 2026-10-03 10:44:36 UTC 30,582 bytes, 848 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3  <head>
4    <meta charset="UTF-8" />
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=dc2f89f2-2a2d-4b3b-b5b3-caf962038daf
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
9    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
10    <title>ESCOUTANCES</title>
11    <link
12      rel="shortcut icon"
13      href="./public/img/esc/favicon.png"
14      type="image/x-icon"
15    />
16    <!-- Bootstrap style -->
17    <link
18      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
19      rel="stylesheet"
20      integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
21      crossorigin="anonymous"
22    />
23    <!-- Bootstrap icon -->
24    <link
25      rel="stylesheet"
26      href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
27    />
28    <!-- Lottie  -->
29    
29<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.2/lottie.js"></script>
29
30    <!-- Swiper css -->
31    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" /> -->
32    <!-- Link Swiper's CSS -->
33    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" /> -->
34    <!-- Swiper CSS -->
35    <link
36      rel="stylesheet"
37      href="https://unpkg.com/swiper/swiper-bundle.min.css"
38    />
39
40    <!-- Personal style -->
41    <link rel="stylesheet" href="./public/styles/style.css" />
42  </head>
43
44  <body>
45    <!-- before nav -->
46    <div class="container-fluid before-nav">
47      <div class="background-nav">
48        <ul class="d-flex justify-content-evenly">
49          <li>escoutances.fr</li>
50          <li>l'esprit d'entente</li>
51          <ul class="d-flex social">
52            <li>
53              <a href="#"
54                ><img
55                  src="./public/img/esc/facebook.webp"
56                  alt="Icon facebook escoutances"
57              /></a>
58            </li>
59            <li>
60              <a href="#"
61                ><img
62                  src="./public/img/esc/instagram.webp"
63                  alt="Icon instagram escoutances"
64              /></a>
65            </li>
66          </ul>
67        </ul>
68      </div>
69    </div>
70    <!-- nav -->
71    <nav class="navbar navbar-expand-lg sticky-top">
72      <div class="container">
73        <a class="navbar-brand" href="#"
74          ><img src="./public/img/esc/escoutances-logo.webp" width="40%" alt=""
75        /></a>
76        <button
77          class="navbar-toggler"
78          type="button"
79          data-bs-toggle="collapse"
80          data-bs-target="#navbarNavDropdown"
81          aria-controls="navbarNavDropdown"
82          aria-expanded="false"
83          aria-label="Toggle navigation"
84        >
85          <span class="navbar-toggler-icon"></span>
86        </button>
87        <div class="collapse navbar-collapse" id="navbarNavDropdown">
88          <ul class="navbar-nav">
89            <li class="nav-item dropdown">
90              <a
91                class="nav-link dropdown-toggle"
92                href="#"
93                role="button"
94                data-bs-toggle="dropdown"
95                aria-expanded="false"
96              >
97                ESCOUTANCES
98              </a>
99              <ul class="dropdown-menu">
100                <li><a class="dropdown-item" href="#">Historique</a></li>
101                <li><a class="dropdown-item" href="#">Le bureau</a></li>
102                <li><a class="dropdown-item" href="#">Organigramme</a></li>
103                <li><a class="dropdown-item" href="#">Entrainements</a></li>
104                <li><a class="dropdown-item" href="#">Nos arbitres</a></li>
105                <li><a class="dropdown-item" href="#">Nos terrains</a></li>
106                <li><a class="dropdown-item" href="#">Nos partenaires</a></li>
107              </ul>
108            </li>
109            <li class="nav-item">
110              <a class="nav-link" href="#">Actualité</a>
111            </li>
112            <li class="nav-item dropdown">
113              <a
114                class="nav-link dropdown-toggle"
115                href="#"
116                role="button"
117                data-bs-toggle="dropdown"
118                aria-expanded="false"
119              >
120                Catégories
121              </a>
122              <ul class="dropdown-menu">
123                <li><a class="dropdown-item" href="#">Sénior A</a></li>
124                <li><a class="dropdown-item" href="#">Sénior B</a></li>
125                <li><a class="dropdown-item" href="#">Sénior C</a></li>
126                <li><a class="dropdown-item" href="#">U-18</a></li>
127                <li><a class="dropdown-item" href="#">U-14 U-15</a></li>
128                <li><a class="dropdown-item" href="#">U12 U-13</a></li>
129                <li><a class="dropdown-item" href="#">U-10 U-11</a></li>
130                <li><a class="dropdown-item" href="#">Foot animation</a></li>
131              </ul>
132            </li>
133            <li class="nav-item">
134              <a class="nav-link" href="#">Convocations</a>
135            </li>
136            <li class="nav-item">
137              <a class="nav-link" href="#">Médias</a>
138            </li>
139            <li class="nav-item">
140              <a class="nav-link" href="#">Contact</a>
141            </li>
142            <li class="nav-item">
143              <a class="nav-link" href="#">Boutique</a>
144            </li>
145          </ul>
146        </div>
147      </div>
148    </nav>
149
150    <!-- Section Hero -->
151    <div class="container-fluid">
152      <div class="row yt">
153        <div class="col-md-1">
154          <ul class="left-hashtag-group">
155            <li class="stroke opa-3">#goesc</li>
156            <li class="stroke opa-2">#goesc</li>
157            <li class="stroke opa-1">#goesc</li>
158            <li class="main-hashtag">#goesc</li>
159            <li class="stroke opa-1">#goesc</li>
160            <li class="stroke opa-2">#goesc</li>
161            <li class="stroke opa-3">#goesc</li>
162          </ul>
163        </div>
164        <div class="col-md-10 hero">
165          <h1>
166            <div>
167              Bienvenue sur le site <br />
168              de <br /><br />
169            </div>
170            <span
171              >L'<span class="letters">E</span>ntente
172              <span class="letters">S</span>portive</span
173            >
174            <br />
175            <span id="hero-esc"><span class="letters">C</span>outançaise</span>
176          </h1>
177          <div id="scroll-down"></div>
178        </div>
179        <div class="col-md-1">
180          <ul class="right-hashtag-group">
181            <li class="stroke opa-3">#goesc</li>
182            <li class="stroke opa-2">#goesc</li>
183            <li class="stroke opa-1">#goesc</li>
184            <li class="main-hashtag">#goesc</li>
185            <li class="stroke opa-1">#goesc</li>
186            <li class="stroke opa-2">#goesc</li>
187            <li class="stroke opa-3">#goesc</li>
188          </ul>
189        </div>
190      </div>
191    </div>
192
193    <!-- Actualités -->
194    <section class="container sections" id="section-actu">
195      <div class="row">
196        <!-- Part Actu -->
197        <div class="col-lg-8">
198          <div class="row">
199            <h2>Actualités</h2>
200            <div class="divider"></div>
201            <!-- ---1 -->
202            <div class="col-md-6 col-lg-4 mb-3">
203              <div class="card" style="width: 18rem">
204                <img
205                  src="./public/img/esc/article-img.webp"
206                  class="card-img-top"
207                  alt="..."
208                />
209                <ul class="card-header d-flex justify-content-between">
210                  <li class="date">
211                    <i class="bi bi-calendar mr-2"></i> 06 Avril 2023
212                  </li>
213                  <li class="commentary">
214                    <i class="bi bi-chat-left-dots mr-2"></i> 0
215                  </li>
216                </ul>
217                <div class="card-body">
218                  <h5 class="card-title">
219                    Résultat coupe de normandie séniors
220                  </h5>
221                  <p class="card-text">
222                    ESC A vs S.S Domfront : 5-1 <br />
223                    Il fallait arriver de bonne heure pour ce premier acte
224                    puisque sur le premier corner de ce match, Tatanne Ameslant
225                    vient [...]
226                  </p>
227                  <a href="#" class="btn-red"
228                    >Lire <i class="bi bi-arrow-right"></i
229                  ></a>
230                </div>
231              </div>
232            </div>
233
234            <!-- ---2 -->
235            <div class="col-md-6 col-lg-4 mb-3">
236              <div class="card" style="width: 18rem">
237                <img
238                  src="./public/img/esc/article-img.webp"
239                  class="card-img-top"
240                  alt="..."
241                />
242                <ul class="card-header d-flex justify-content-between">
243                  <li class="date">
244                    <i class="bi bi-calendar mr-2"></i> 06 Avril 2023
245                  </li>
246                  <li class="commentary">
247                    <i class="bi bi-chat-left-dots mr-2"></i> 0
248                  </li>
249                </ul>
250                <div class="card-body">
251                  <h5 class="card-title">
252                    Résultat coupe de normandie séniors
253                  </h5>
254                  <p class="card-text">
255                    ESC A vs S.S Domfront : 5-1 <br />
256                    Il fallait arriver de bonne heure pour ce premier acte
257                    puisque sur le premier corner de ce match, Tatanne Ameslant
258                    vient [...]
259                  </p>
260                  <a href="#" class="btn-red"
261                    >Lire <i class="bi bi-arrow-right"></i
262                  ></a>
263                </div>
264              </div>
265            </div>
266
267            <!-- ---3 -->
268            <div class="col-md-6 col-lg-4 mb-3">
269              <div class="card" style="width: 18rem">
270                <img
271                  src="./public/img/esc/article-img.webp"
272                  class="card-img-top"
273                  alt="..."
274                />
275                <ul class="card-header d-flex justify-content-between">
276                  <li class="date">
277                    <i class="bi bi-calendar mr-2"></i> 06 Avril 2023
278                  </li>
279                  <li class="commentary">
280                    <i class="bi bi-chat-left-dots mr-2"></i> 0
281                  </li>
282                </ul>
283                <div class="card-body">
284                  <h5 class="card-title">
285                    Résultat coupe de normandie séniors
286                  </h5>
287                  <p class="card-text">
288                    ESC A vs S.S Domfront : 5-1 <br />
289                    Il fallait arriver de bonne heure pour ce premier acte
290                    puisque sur le premier corner de ce match, Tatanne Ameslant
291                    vient [...]
292                  </p>
293                  <a href="#" class="btn-red"
294                    >Lire <i class="bi bi-arrow-right"></i
295                  ></a>
296                </div>
297              </div>
298            </div>
299            <!-- ---4 -->
300            <div class="col-md-6 col-lg-4 mb-3">
301              <div class="card" style="width: 18rem">
302                <img
303                  src="./public/img/esc/article-img.webp"
304                  class="card-img-top"
305                  alt="..."
306                />
307                <ul class="card-header d-flex justify-content-between">
308                  <li class="date">
309                    <i class="bi bi-calendar mr-2"></i> 06 Avril 2023
310                  </li>
311                  <li class="commentary">
312                    <i class="bi bi-chat-left-dots mr-2"></i> 0
313                  </li>
314                </ul>
315                <div class="card-body">
316                  <h5 class="card-title">
317                    Résultat coupe de normandie séniors
318                  </h5>
319                  <p class="card-text">
320                    ESC A vs S.S Domfront : 5-1 <br />
321                    Il fallait arriver de bonne heure pour ce premier acte
322                    puisque sur le premier corner de ce match, Tatanne Ameslant
323                    vient [...]
324                  </p>
325                  <a href="#" class="btn-red"
326                    >Lire <i class="bi bi-arrow-right"></i
327                  ></a>
328                </div>
329              </div>
330            </div>
331          </div>
332        </div>
333        <!-- Part Stats -->
334        <div class="col-lg-4">
335          <div id="upcoming">
336            <h3>
336Matchs à venir</h3>
337            <div>
338              
338<script src="public/js/script-iframe-1.js"></script>
338
339              <iframe
340                id="64301b16e6d5cb09da616d8e"
341                src="https://scorenco.com/widget/64301b16e6d5cb09da616d8e/?auto_height=false"
342                style="
343                  display: block;
344                  width: 100%;
345                  overflow: none;
346                  margin: auto;
347                  border-width: 1px;
348                "
349                scrolling="yes"
350              ></iframe
351              ><a
352                style="font-size: 11px"
353                target="_blank"
354                href="https://scorenco.com/football/clubs/es-coutances/"
355                >ES Coutances sur Score'n'co</a
356              >
357            </div>
358          </div>
359          <div id="live">
360            <h3>Direct</h3>
361            <div>
362              
362<script src="public/js/script-iframe-2.js"></script>
362
363              <iframe
364                id="64303607e6d5cb688b7494e6"
365                src="https://scorenco.com/widget/64303607e6d5cb688b7494e6/?auto_height=true"
366                style="
367                  display: block;
368                  width: 100%;
369                  overflow: auto;
370                  margin: auto;
371                  border-width: 0px;
372                "
373                scrolling="no"
374              ></iframe
375              ><a
376                style="font-size: 11px"
377                target="_blank"
378                href="https://scorenco.com"
379                >Suivez le Live sur Score'n'co</a
380              >
381            </div>
382          </div>
383        </div>
384      </div>
385    </section>
386
387    <!-- Photos -->
388    <section class="container sections" id="section-photos">
389      <div class="row">
390        <div class="col-lg-8">
391          <h2>Nos photos</h2>
392          <div class="divider"></div>
393        </div>
394        <div class="col-lg-4"></div>
395      </div>
396
397      <!-- Grid  -->
398      <div class="row">
399        <div class="gallery">
400          <div class="part1">
401            <img src="./public/img/esc/part1.webp" alt="" />
402          </div>
403          <div class="part2">
404            <img src="./public/img/esc/part2.webp" alt="" />
405          </div>
406          <div class="part3">
407            <img src="./public/img/esc/escoutances-logo.webp" alt="" />
408          </div>
409          <div class="part4">
410            <img src="./public/img/esc/part4.webp" alt="" />
411          </div>
412          <div class="part-btn">
413            <a href="#" class="link">
414              <svg
415                viewBox="0 0 200 200"
416                width="200"
417                height="200"
418                xmlns="http://www.w3.org/2000/svg"
419                class="link__svg"
420                aria-labelledby="link1-title link1-desc"
421              >
422                <title id="link1-title">Voir toutes nos photos ici</title>
423
424                <path
425                  id="link-circle"
426                  class="link__path"
427                  d="M 20, 100 a 80,80 0 1,1 160,0 a 80,80 0 1,1 -160,0"
428                  stroke="none"
429                  fill="none"
430                />
431
432                <path
433                  class="link__arrow"
434                  d="M 75 100 L 125 100 L 110 85 M 125 100 L 110 115"
435                  fill="none"
436                />
437
438                <text class="link__text">
439                  <textPath href="#link-circle" stroke="none">
440                    Voir toutes nos photos ici
441                  </textPath>
442                </text>
443              </svg>
444            </a>
445          </div>
446        </div>
447      </div>
448    </section>
449
450    <!-- Scrolling text -->
451    <div class="container-fluid">
452      <div class="bandeau">
453        <div class="txt t1">
454          EN BOUTIQUE - EN BOUTIQUE - EN BOUTIQUE - EN BOUTIQUE - EN BOUTIQUE -
455          EN BOUTIQUE - EN BOUTIQUE -
456        </div>
457        <div class="txt t2">
458          EN BOUTIQUE - EN BOUTIQUE - EN BOUTIQUE - EN BOUTIQUE - EN BOUTIQUE -
459          EN BOUTIQUE - EN BOUTIQUE
460        </div>
461      </div>
462    </div>
463
464    <!-- Swiper -->
465    <div class="swiper swiper-container mySwiper">
466      <div class="swiper-wrapper">
467        <div class="swiper-slide">
468          <img src="./public/img/esc/maillot-shop.webp" alt="maillot esc" />
469          <div class="product-description">
470            <a href="#">
471              <h4>Maillot league</h4>
472            </a>
473            <div class="separator"></div>
474            <p>30,00 €</p>
475          </div>
476        </div>
477        <div class="swiper-slide">
478          <img src="./public/img/esc/maillot-shop.webp" alt="maillot esc" />
479          <div class="product-description">
480            <a href="#">
481              <h4>Maillot league</h4>
482            </a>
483            <div class="separator"></div>
484            <p>30,00 €</p>
485          </div>
486        </div>
487        <div class="swiper-slide">
488          <img src="./public/img/esc/maillot-shop.webp" alt="maillot esc" />
489          <div class="product-description">
490            <a href="#">
491              <h4>Maillot league</h4>
492            </a>
493            <div class="separator"></div>
494            <p>30,00 €</p>
495          </div>
496        </div>
497        <div class="swiper-slide">
498          <img src="./public/img/esc/maillot-shop.webp" alt="maillot esc" />
499          <div class="product-description">
500            <a href="#">
501              <h4>Maillot league</h4>
502            </a>
503            <div class="separator"></div>
504            <p>30,00 €</p>
505          </div>
506        </div>
507        <div class="swiper-slide">
508          <img src="./public/img/esc/maillot-shop.webp" alt="maillot esc" />
509          <div class="product-description">
510            <a href="#">
511              <h4>Maillot league</h4>
512            </a>
513            <div class="separator"></div>
514            <p>30,00 €</p>
515          </div>
516        </div>
517        <div class="swiper-slide">
518          <img src="./public/img/esc/maillot-shop.webp" alt="maillot esc" />
519          <div class="product-description">
520            <a href="#">
521              <h4>Maillot league</h4>
522            </a>
523            <div class="separator"></div>
524            <p>30,00 €</p>
525          </div>
526        </div>
527        <div class="swiper-slide">
528          <img src="./public/img/esc/maillot-shop.webp" alt="maillot esc" />
529          <div class="product-description">
530            <a href="#">
531              <h4>Maillot league</h4>
532            </a>
533            <div class="separator"></div>
534            <p>30,00 €</p>
535          </div>
536        </div>
537      </div>
538      <!-- navigation -->
539      <div class="navigation d-flex justify-content-evenly">
540        <div class="swiper-button-prev"></div>
541        <div class="swiper-button-next"></div>
542      </div>
543      <!--<div class="swiper-pagination"></div>-->
544    </div>
545
546    <!-- Partenaires -->
547    <section class="container sections" id="section-partenaires">
548      <div class="row">
549        <div class="col-lg-8">
550          <h2>Nos partenaires</h2>
551          <div class="divider"></div>
552        </div>
553        <div class="col-lg-4"></div>
554      </div>
555
556      <!-- Grid  -->
557      <div class="container-fluid">
558        <!-- Logo des partenaires-->
559        <div class="row">
560          <div class="d-flex flex-wrap">
561            <div class="m-3" style="width: 100px">
562              <a href="#"
563                ><img
564                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
565                  src="./public/img/esc/leclerc.webp"
566                  alt=""
567              /></a>
568            </div>
569            <div class="m-3" style="width: 100px">
570              <a href="#"
571                ><img
572                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
573                  src="./public/img/esc/bricomarche.webp"
574                  alt=""
575              /></a>
576            </div>
577            <div class="m-3" style="width: 100px">
578              <a href="#"
579                ><img
580                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
581                  src="./public/img/esc/creditagricole.webp"
582                  alt=""
583              /></a>
584            </div>
585            <div class="m-3" style="width: 100px">
586              <a href="#"
587                ><img
588                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
589                  src="./public/img/esc/intersport.webp"
590                  alt=""
591              /></a>
592            </div>
593            <div class="m-3" style="width: 100px">
594              <a href="#"
595                ><img
596                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
597                  src="./public/img/esc/smcaen.webp"
598                  alt=""
599              /></a>
600            </div>
601            <div class="m-3" style="width: 100px">
602              <a href="#"
603                ><img
604                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
605                  src="./public/img/esc/umbro.webp"
606                  alt=""
607              /></a>
608            </div>
609
610            <div class="m-3" style="width: 100px">
611              <a href="#"
612                ><img
613                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
614                  src="./public/img/esc/creditagricole.webp"
615                  alt=""
616              /></a>
617            </div>
618            <div class="m-3" style="width: 100px">
619              <a href="#"
620                ><img
621                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
622                  src="./public/img/esc/bricomarche.webp"
623                  alt=""
624              /></a>
625            </div>
626            <div class="m-3" style="width: 100px">
627              <a href="#"
628                ><img
629                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
630                  src="./public/img/esc/leclerc.webp"
631                  alt=""
632              /></a>
633            </div>
634            <div class="m-3" style="width: 100px">
635              <a href="#"
636                ><img
637                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
638                  src="./public/img/esc/umbro.webp"
639                  alt=""
640              /></a>
641            </div>
642            <div class="m-3" style="width: 100px">
643              <a href="#"
644                ><img
645                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
646                  src="./public/img/esc/leclerc.webp"
647                  alt=""
648              /></a>
649            </div>
650            <div class="m-3" style="width: 100px">
651              <a href="#"
652                ><img
653                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
654                  src="./public/img/esc/intersport.webp"
655                  alt=""
656              /></a>
657            </div>
658            <div class="m-3" style="width: 100px">
659              <a href="#"
660                ><img
661                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
662                  src="./public/img/esc/smcaen.webp"
663                  alt=""
664              /></a>
665            </div>
666            <div class="m-3" style="width: 100px">
667              <a href="#"
668                ><img
669                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
670                  src="./public/img/esc/umbro.webp"
671                  alt=""
672              /></a>
673            </div>
674            <div class="m-3" style="width: 100px">
675              <a href="#"
676                ><img
677                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
678                  src="./public/img/esc/leclerc.webp"
679                  alt=""
680              /></a>
681            </div>
682            <div class="m-3" style="width: 100px">
683              <a href="#"
684                ><img
685                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
686                  src="./public/img/esc/intersport.webp"
687                  alt=""
688              /></a>
689            </div>
690            <div class="m-3" style="width: 100px">
691              <a href="#"
692                ><img
693                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
694                  src="./public/img/esc/smcaen.webp"
695                  alt=""
696              /></a>
697            </div>
698            <div class="m-3" style="width: 100px">
699              <a href="#"
700                ><img
701                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
702                  src="./public/img/esc/creditagricole.webp"
703                  alt=""
704              /></a>
705            </div>
706            <div class="m-3" style="width: 100px">
707              <a href="#"
708                ><img
709                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
710                  src="./public/img/esc/bricomarche.webp"
711                  alt=""
712              /></a>
713            </div>
714            <div class="m-3" style="width: 100px">
715              <a href="#"
716                ><img
717                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
718                  src="./public/img/esc/intersport.webp"
719                  alt=""
720              /></a>
721            </div>
722            <div class="m-3" style="width: 100px">
723              <a href="#"
724                ><img
725                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
726                  src="./public/img/esc/leclerc.webp"
727                  alt=""
728              /></a>
729            </div>
730            <div class="m-3" style="width: 100px">
731              <a href="#"
732                ><img
733                  style="width: 100%; aspect-ratio: 3/2; object-fit: contain"
734                  src="./public/img/esc/umbro.webp"
735                  alt=""
736              /></a>
737            </div>
738          </div>
739        </div>
740      </div>
741    </section>
742
743    <!-- Footer -->
744    <footer class="text-center">
745      <div class="footer">
746        <div class="row">
747          <img
748            src="./public/img/esc/escoutances-logo.webp"
749            alt="logo escoutances"
750          />
751          <h3>#goesc</h3>
752          <h4>suivez-nous sur :</h4>
753          <ul class="">
754            <li>
755              <img
756                src="./public/img/esc/facebook.webp"
757                alt="Icon facebook escoutances"
758              />
759            </li>
760            <li>
761              <img
762                src="./public/img/esc/instagram.webp"
763                alt="Icon instagram escoutances"
764              />
765            </li>
766          </ul>
767          <ul class="d-flex flex-wrap">
768            <li><a href="#">contacter le club de foot</a></li>
769            <li><a href="#">mentions légales</a></li>
770            <li><a href="#">politique de confidentialité</a></li>
771          </ul>
772        </div>
773      </div>
774      <div class="mt-2 mb-2">
775        By <a href="https://nathanba.fr">Nathan Bastard</a>
776      </div>
777    </footer>
778
779    <!-- Bootstrap script -->
780    
780<script
781      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
782      integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
783      crossorigin="anonymous"
784    ></script>
784
785
786    <!-- Direct score -->
787    
787<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.5/iframeResizer.min.js"></script>
787
788
789    <!-- Swiper js -->
790    <!--
790<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
790-->
791    
791<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
791
792    <!-- Initialize Swiper -->
793    
793<script type="module">
794      var swiper = new Swiper(".mySwiper", {
795        slidesPerView: 4,
796        spaceBetween: 30,
797        centeredSlides: true,
798        navigation: {
799          nextEl: ".swiper-button-next",
800          prevEl: ".swiper-button-prev",
801        },
802        pagination: {
803          el: ".swiper-pagination",
804          clickable: true,
805        },
806        keyboard: true,
807        // Responsive breakpoints
808        breakpoints: {
809          // when window width is >= 320px
810          320: {
811            slidesPerView: 2,
812            spaceBetween: 20,
813          },
814          // when window width is >= 480px
815          480: {
816            slidesPerView: 3,
817            spaceBetween: 30,
818          },
819          1000: {
820            slidesPerView: 5,
821            spaceBetween: 30,
822          },
823        },
824      });
825    </script>
825
826
827    <!-- Lottie json-->
828    
828<script>
829      lottie.loadAnimation({
830        container: document.getElementById("scroll-down"),
831        renderer: "svg",
832        loop: true,
833        autoplay: true,
834        path: "../public/img/lottie/scroll-down-off-white.json",
835      });
836    </script>
836
837
838    
838<script>
839      window.addEventListener("scroll", function () {
840        if (window.pageYOffset > 10) {
841          document.querySelector(".navbar").classList.add("nav-shadow");
842        } else {
843          document.querySelector(".navbar").classList.remove("nav-shadow");
844        }
845      });
846    </script>
846
847  </body>
848</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.