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.