1 2 3<!DOCTYPE html> 4<html lang="en-GB"> 5<head> 6 <meta charset="utf-8"> 7 <meta http-equiv="Cache-Control" content="max-age=300"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 10 <title>Club Contacts - Borough Alliance Football Club</title> 11 12 13 <link rel="stylesheet" href="/content/public.v3.css?v3.2" /> 14 15 <link rel="stylesheet" type="text/css" href="/App_Themes/BoroughAllianceFootballClub/club.css"> 16 17 <link rel="stylesheet" href="/content/all.min.css" /> 18 19 <link rel="stylesheet" href="/content/fresco/fresco.css" /> 20 21
21<script src="/scripts/bootstrap/bootstrap.bundle.min.js"></script>
21 22 23
23<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
23 24 25
25<script src="/scripts/fresco/fresco.js"></script>
25 26 27 <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 27-28
27 28<script async src="https://www.googletagmanager.com/gtag/js?id=
28G-6X1CYLESEL
vendor: 13 bytes, line 28
28"></script>
29<script> 30
vendor: 136 bytes, lines 30-33
30window.dataLayer = window.dataLayer || []; 31 function gtag(){dataLayer.push(arguments);} 32 gtag('js', new Date()); 33 gtag('config', '
33G-6X1CYLESEL
vendor: 7 bytes, lines 33-34
33'); 34
34gtag('config', ''); 35</script>
35 36 37 38 39 40 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 41 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 42 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 43 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#172641"> 44 <meta name="msapplication-TileColor" content="#ffffff"> 45 <meta name="theme-color" content="#ffffff"> 46 47 <meta property="og:type" content="website" /> 48 <meta property="og:title" content="Club Contacts" /> 49 <meta property="og:image" content="https://boroughalliance.com/images/default.jpg" /> 50 <meta property="og:article:published_time" content="" /> 51 52 <meta property="og:url" content="https://boroughalliance.com/club-contacts" /> 53 <meta property="og:locale" content="en_GB" /> 54 55 <meta name="twitter:card" content="summary" /> 56 57 58
58<script src="https://js.hcaptcha.com/1/api.js?render=explicit" async defer></script>
58 59 60</head> 61<body> 62 63 64<header> 65 <div class="header-top"> 66 <div class="container"> 67 <div class="d-flex justify-content-around"> 68 <a class="flex-shrink-0" id="badge" href="/"> 69 Borough Alliance Football Club 70 </a> 71 <div class="d-none d-sm-flex flex-column flex-grow-1 align-self-center ms-2"> 72 <p class="h2 mb-0" id="team-name">Borough Alliance Football Club</p> 73 <p class="h2 mb-0" id="slogan">BAFC</p> 74 </div> 75 76 77 <div class="d-none d-md-flex flex-row align-items-center header-logos"> 78 79 <a class="charter-standard ms-3" href="https://www.englandfootball.com/run/leagues-and-clubs/england-football-accreditation" target="_blank"> 80 <img src="/images/template/england-accredited.png" alt="England Accredited" /> 81 </a> 82 </div> 83 </div> 84 </div> 85 </div> 86 87 <nav class="navbar navbar-expand-xl club-colour-bg"> 88 <div class="container"> 89 <button class="navbar-toggler hamburger hamburger--squeeze collapsed ms-auto" type="button" data-bs-toggle="modal" data-bs-target="#MainMenu" aria-haspopup="true" aria-expanded="false"> 90 <span class="hamburger-box"> 91 <span class="hamburger-inner"></span> 92 </span> 93 </button> 94 95 96 97<div class="collapse navbar-collapse" id="navbarNavDropdown"> 98 <ul class="navbar-nav"> 99 <li class="nav-item dropdown"> 100 <a class="nav-link text-wrap text-truncate " 101 102 href="/">Home</a> 103 </li> 104 105 106 107<li class="nav-item dropdown mega-menu"> 108 109 <div class="d-none d-md-block"> 110 <a class="nav-link dropdown-toggle" href="#" id="team-nav" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Teams</a> 111 112 <div class="dropdown-menu club-colour-border-bottom w-100 py-3" role="menu"> 113 <div class="container"> 114 <div class="row"> 115 <div class="col-12"> 116 <h2 class="h2">Teams</h2> 117 <div class="row"> 118 <div class="col"> 119 120 <h3 class="h4 pb-1 mb-1 d-none">Other teams</h3> 121 <ul class="list-unstyled team-list-columns"> 122 <li class="team-menu-item mb-1 pt-1"> 123 <a class="text-wrap" href="/teams/u5s-and-u6s-training"> 124 U5s and U6s Training 125 </a> 126 </li> 127 <li class="team-menu-item mb-1 pt-1"> 128 <a class="text-wrap" href="/teams/foundation-phase-u7s-to-u11s"> 129 Foundation Phase U7s to U11s 130 </a> 131 </li> 132 <li class="team-menu-item mb-1 pt-1"> 133 <a class="text-wrap" href="/teams/girls-football"> 134 Girls Football 135 </a> 136 </li> 137 <li class="team-menu-item mb-1 pt-1"> 138 <a class="text-wrap" href="/teams/youth-phase-u12s-to-u16s"> 139 Youth Phase U12s to U16s 140 </a> 141 </li> 142 <li class="team-menu-item mb-1 pt-1"> 143 <a class="text-wrap" href="/teams/senior-youth-team-u17s-and-u18s"> 144 Senior Youth Teams U17s and U18s 145 </a> 146 </li> 147 <li class="team-menu-item mb-1 pt-1"> 148 <a class="text-wrap" href="/teams/Veterans-(35-)"> 149 Veterans (35+) 150 </a> 151 </li> 152 </ul> 153 </div> 154 </div> 155 </div> 156 </div> 157 </div> 158 </div> 159 </div> 160 161 162 <div class="d-block d-xl-none"> 163 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="modal" data-bs-target="#MobileTeamMenu" aria-haspopup="true" aria-expanded="false">Teams</a> 164 </div> 165</li> <li class="nav-item dropdown"> 166 <a class="nav-link text-wrap text-truncate " 167 168 href="/whats-on">Whatâs On</a> 169 </li> 170 <li class="nav-item dropdown"> 171 <a class="nav-link text-wrap text-truncate " 172 173 href="/gallery">Gallery</a> 174 </li> 175 <li class="nav-item dropdown"> 176 <a class="nav-link text-wrap text-truncate " 177 178 href="/sponsors">Sponsors</a> 179 </li> 180 <li class="nav-item dropdown"> 181 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">Club Info</a> 182 <ul class="dropdown-menu club-colour-border-bottom p-xl-2"> 183 <li> 184 <div class="d-block d-xl-flex align-items-center ms-0"> 185 <siv class="d-none d-xl-block club-colour"><i class="fas fa-sm fa-angle-right me-2"></i></siv> 186 <a class="dropdown-item ps-0 " href="/club-info/Safeguarding">Safeguarding</a> 187 </div> 188 </li> 189 </ul> 190 </li> 191 <li class="nav-item dropdown"> 192 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">Contact</a> 193 <ul class="dropdown-menu club-colour-border-bottom p-xl-2"> 194 <li> 195 <div class="d-block d-xl-flex align-items-center ms-0"> 196 <siv class="d-none d-xl-block club-colour"><i class="fas fa-sm fa-angle-right me-2"></i></siv> 197 <a class="dropdown-item ps-0 " href="/map-directions">Map & Directions</a> 198 </div> 199 </li> 200 <li> 201 <div class="d-block d-xl-flex align-items-center ms-0"> 202 <siv class="d-none d-xl-block club-colour"><i class="fas fa-sm fa-angle-right me-2"></i></siv> 203 <a class="dropdown-item ps-0 " href="/club-contacts">Club Contacts</a> 204 </div> 205 </li> 206 </ul> 207 </li> 208 </ul> 209 210 <ul class="navbar-nav ms-auto"> 211 <li class="nav-item dropdown"> 212 <a class="nav-link text-wrap text-truncate " href="/login">Login</a> 213 </li> 214 <li class="nav-item dropdown"> 215 <a class="nav-link text-wrap text-truncate " href="/register-account">Register</a> 216 </li> 217 </ul> 218</div> 219 220 221 222 223 224<div class="modal modal--mobile-nav" id="MainMenu" tabindex="-1" role="dialog" data-bs-backdrop="static"> 225 <div class="modal-dialog modal-fullscreen"> 226 <div class="modal-content club-colour-bg"> 227 <div class="ps-3 mt-3"> 228 <br /> 229 </div> 230 <div class="modal-header py-1 px-0 club-colour-bg border-bottom-0 align-item-center"> 231 <div class="ps-3"> 232 <h2 class="h3 mb-0 text-white">Menu</h2> 233 </div> 234 <div> 235 <a class="is-active hamburger hamburger--squeeze collapsed" href="#" type="button" data-bs-dismiss="modal" aria-haspopup="true" aria-expanded="false">
236 <span class="hamburger-box"> 237 <span class="hamburger-inner"></span> 238 </span> 239 </a> 240 </div> 241 </div> 242 <div class="modal-body py-1"> 243 244 <ul class="list-unstyled navbar-nav mb-7"> 245 <li class="nav-item dropdown"> 246 <a class="nav-link text-wrap ps-0 py-2 text-white " 247 248 href="/">Home</a> 249 </li> 250 <li class="nav-item dropdown"> 251 <a class="nav-link text-wrap ps-0 py-2 text-white" href="#" data-bs-toggle="modal" data-bs-target="#TeamMenu" aria-haspopup="true" aria-expanded="false"> 252 <div class="row"> 253 <div class="col">Teams</div> 254 <div class="col col-1 text-end"><i class="fas fa-chevron-right"></i></div> 255 </div> 256 </a> 257 </li> 258 <li class="nav-item dropdown"> 259 <a class="nav-link text-wrap ps-0 py-2 text-white " 260 261 href="/whats-on">Whatâs On</a> 262 </li> 263 <li class="nav-item dropdown"> 264 <a class="nav-link text-wrap ps-0 py-2 text-white " 265 266 href="/gallery">Gallery</a> 267 </li> 268 <li class="nav-item dropdown"> 269 <a class="nav-link text-wrap ps-0 py-2 text-white " 270 271 href="/sponsors">Sponsors</a> 272 </li> 273 <li class="nav-item dropdown"> 274 <a class="nav-link text-wrap ps-0 py-2 text-white" href="#" data-bs-toggle="modal" data-bs-target="#CustomMenu" aria-haspopup="true" aria-expanded="false"> 275 <div class="row"> 276 <div class="col">Club Info</div> 277 <div class="col col-1 text-end"><i class="fas fa-chevron-right"></i></div> 278 </div> 279 </a> 280 </li> 281 <li class="nav-item dropdown"> 282 <a class="nav-link text-wrap ps-0 py-2 text-white" href="#" data-bs-toggle="modal" data-bs-target="#ContactMenu" aria-haspopup="true" aria-expanded="false"> 283 <div class="row"> 284 <div class="col">Contact</div> 285 <div class="col col-1 text-end"><i class="fas fa-chevron-right"></i></div> 286 </div> 287 </a> 288 </li> 289 <li class="nav-item dropdown"> 290 <a class="nav-link text-wrap ps-0 py-2 text-white " 291 292 href="/login">Login</a> 293 </li> 294 <li class="nav-item dropdown"> 295 <a class="nav-link text-wrap ps-0 py-2 text-white " 296 297 href="/register-account">Register</a> 298 </li> 299 </ul> 300 </div> 301 </div> 302 </div> 303</div> 304 305 306 307 308 309<div class="modal modal--mobile-nav" id="TeamMenu" tabindex="-1" role="dialog" data-bs-backdrop="static"> 310 <div class="modal-dialog modal-fullscreen"> 311 <div class="modal-content club-colour-bg"> 312 <div class="ps-3 mt-3"> 313 <i class="fas fa-chevron-left text-white"></i> 314 <a class="text-white" href="#" data-bs-toggle="modal" data-bs-target="#MainMenu" aria-haspopup="true" aria-expanded="false" aria-label="Back">Back</a> 315 </div> 316 <div class="modal-header py-1 px-0 club-colour-bg border-bottom-0 align-item-center"> 317 <div class="ps-3"> 318 <h2 class="h3 mb-0 text-white">Teams</h2> 319 </div> 320 <div> 321 <a class="is-active hamburger hamburger--squeeze collapsed" href="#" type="button" data-bs-dismiss="modal" aria-haspopup="true" aria-expanded="false">
322 <span class="hamburger-box"> 323 <span class="hamburger-inner"></span> 324 </span> 325 </a> 326 </div> 327 </div> 328 <div class="modal-body py-1"> 329 330 <ul class="list-unstyled navbar-nav mb-7"> 331 <li class="nav-item dropdown"> 332 <a class="nav-link text-wrap ps-0 py-2 text-white " 333 334 href="/teams/u5s-and-u6s-training">U5s and U6s Training</a> 335 </li> 336 <li class="nav-item dropdown"> 337 <a class="nav-link text-wrap ps-0 py-2 text-white " 338 339 href="/teams/foundation-phase-u7s-to-u11s">Foundation Phase U7s to U11s</a> 340 </li> 341 <li class="nav-item dropdown"> 342 <a class="nav-link text-wrap ps-0 py-2 text-white " 343 344 href="/teams/girls-football">Girls Football</a> 345 </li> 346 <li class="nav-item dropdown"> 347 <a class="nav-link text-wrap ps-0 py-2 text-white " 348 349 href="/teams/youth-phase-u12s-to-u16s">Youth Phase U12s to U16s</a> 350 </li> 351 <li class="nav-item dropdown"> 352 <a class="nav-link text-wrap ps-0 py-2 text-white " 353 354 href="/teams/senior-youth-team-u17s-and-u18s">Senior Youth Teams U17s and U18s</a> 355 </li> 356 <li class="nav-item dropdown"> 357 <a class="nav-link text-wrap ps-0 py-2 text-white " 358 359 href="/teams/Veterans-(35-)">Veterans (35+)</a> 360 </li> 361 </ul> 362 </div> 363 </div> 364 </div> 365</div> 366 367 368 369 370 371<div class="modal modal--mobile-nav" id="CustomMenu" tabindex="-1" role="dialog" data-bs-backdrop="static"> 372 <div class="modal-dialog modal-fullscreen"> 373 <div class="modal-content club-colour-bg"> 374 <div class="ps-3 mt-3"> 375 <i class="fas fa-chevron-left text-white"></i> 376 <a class="text-white" href="#" data-bs-toggle="modal" data-bs-target="#MainMenu" aria-haspopup="true" aria-expanded="false" aria-label="Back">Back</a> 377 </div> 378 <div class="modal-header py-1 px-0 club-colour-bg border-bottom-0 align-item-center"> 379 <div class="ps-3"> 380 <h2 class="h3 mb-0 text-white">Club Info</h2> 381 </div> 382 <div> 383 <a class="is-active hamburger hamburger--squeeze collapsed" href="#" type="button" data-bs-dismiss="modal" aria-haspopup="true" aria-expanded="false"> 384 <span class="hamburger-box"> 385 <span class="hamburger-inner"></span> 386 </span> 387 </a> 388 </div> 389 </div> 390 <div class="modal-body py-1"> 391 392 <ul class="list-unstyled navbar-nav mb-7"> 393 <li class="nav-item dropdown"> 394 <a class="nav-link text-wrap ps-0 py-2 text-white " 395 396 href="/club-info/Safeguarding">Safeguarding</a> 397 </li> 398 </ul> 399 </div> 400 </div> 401 </div> 402</div> 403 404 405 406 407 408<div class="modal modal--mobile-nav" id="ContactMenu" tabindex="-1" role="dialog" data-bs-backdrop="static"> 409 <div class="modal-dialog modal-fullscreen"> 410 <div class="modal-content club-colour-bg"> 411 <div class="ps-3 mt-3"> 412 <i class="fas fa-chevron-left text-white"></i> 413 <a class="text-white" href="#" data-bs-toggle="modal" data-bs-target="#MainMenu" aria-haspopup="true" aria-expanded="false" aria-label="Back">Back</a> 414 </div> 415 <div class="modal-header py-1 px-0 club-colour-bg border-bottom-0 align-item-center"> 416 <div class="ps-3"> 417 <h2 class="h3 mb-0 text-white">Contact</h2> 418 </div> 419 <div> 420 <a class="is-active hamburger hamburger--squeeze collapsed" href="#" type="button" data-bs-dismiss="modal" aria-haspopup="true" aria-expanded="false">
421 <span class="hamburger-box"> 422 <span class="hamburger-inner"></span> 423 </span> 424 </a> 425 </div> 426 </div> 427 <div class="modal-body py-1"> 428 429 <ul class="list-unstyled navbar-nav mb-7"> 430 <li class="nav-item dropdown"> 431 <a class="nav-link text-wrap ps-0 py-2 text-white " 432 433 href="/map-directions">Map & Directions</a> 434 </li> 435 <li class="nav-item dropdown"> 436 <a class="nav-link text-wrap ps-0 py-2 text-white " 437 438 href="/club-contacts">Club Contacts</a> 439 </li> 440 </ul> 441 </div> 442 </div> 443 </div> 444</div> 445 446 447 448 </div> 449 </nav> 450</header> 451 452 453 454<section class="mt-5 mb-3"> 455 <div class="container"> 456 <div class="row justify-content-center"> 457 <div class="col-12 col-lg-11"> 458 <h1 class="h1 mb-0">Club Contacts</h1> 459 </div> 460 </div> 461 </div> 462</section> 463 464<section class="mb-5"> 465 <div class="container"> 466 <div class="row justify-content-center"> 467 <div class="col-12 col-lg-11"> 468 <div class="row g-3 g-lg-4"> 469 470 <div class="col-6 col-md-4 col-xl-3"> 471 <div class="card club-colour-border-top h-100"> 472 <div class="ratio ratio-1x1 ratio-cover"> 473 <img class="img-fluid" src="https://mcp-cdn-fja5bvhth4eqercf.z01.azurefd.net/images/Officials/278/53713/photo_53713.Jpeg" alt="" style="object-position:top;"/> 474 </div> 475 <div class="card-body"> 476 <div class="text-center"> 477 <p class="h4">Mick Draper</p> 478 <p>Chairman</p> 479 </div> 480 </div> 481 <div class="card-footer bg-white pt-0 pb-3"> 482 <button class="button club-colour-bg rounded w-100" 483 type="button" 484 data-bs-toggle="modal" 485 data-bs-target="#EmailModal492" 486 aria-controls="EmailModal492">Contact</button> 487 <div class="modal" id="EmailModal492" role="dialog" tabindex="-1"> 488 <div class="modal-dialog"> 489 <div class="modal-content"> 490 <div class="modal-header pb-0"> 491 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 492 </div> 493 <div class="modal-body"> 494 <div class="d-flex align-items-center mb-3"> 495 <div class="ratio ratio-1x1 ratio-cover me-2 rounded flex-shrink-0" style="width: 4rem; height: 4rem;"> 496 <img class="img-fluid rounded-1" src="https://mcp-cdn-fja5bvhth4eqercf.z01.azurefd.net/images/Officials/278/53713/thumbnail_53713.Jpeg" alt="" style="object-position:top;"/> 497 </div> 498 <div class="flex-grow-1"> 499 <p class="h2 mb-0">Mick Draper</p> 500 <p class="mb-0">Chairman</p> 501 </div> 502 </div> 503 <form class="email-form" data-contact-id="492"> 504 <div class="d-none form-response alert alert-success"> 505 <p class="mb-0"><i class="fas fa-check me-2 js-success-check" aria-hidden="true"></i><span class="form-message"></span></p> 506 </div> 507 <div class="form-fields"> 508 <input type="hidden" name="Id" value="492" /> 509 510 <div class="mb-3"> 511 <label class="form-label" for="Name-492">Name</label> 512 <input class="form-control" id="Name-492" type="text" name="Name" required /> 513 </div> 514 515 516 <div class="mb-3"> 517 <label class="form-label" for="Telephone-492">Telephone</label> 518 <input class="form-control" id="Telephone-492" type="text" name="Telephone" /> 519 </div> 520 521 522 <div class="mb-3"> 523 <label class="form-label" for="Email-492">Email</label> 524 <input class="form-control" id="Email-492" type="email" name="Email" required /> 525 </div> 526 527 528 <div class="mb-3"> 529 <label class="form-label" for="Message-492">Message</label> 530 <textarea class="form-control" id="Message-492" name="Message" rows="5" required></textarea> 531 </div> 532 533 534 <div class="mb-3"> 535 <input id="Recaptcha492" name="Recaptcha" type="hidden" /> 536 <div class="hcaptcha-placeholder" data-sitekey="1c9a420c-f66c-4ec8-a902-a4da41bcf506" data-action="signup" data-callback="Recaptcha492Callback"></div> 537
537<script> 538 function Recaptcha492Callback(token) { 539 document.getElementById("Recaptcha492").value = token; 540 } 541 </script>
541 542 </div> 543 <div class="d-grid gap-2"> 544 <button class="button club-colour-bg rounded" type="submit" id="submitEmail">Send</button> 545 <button class="btn btn-link" type="button" data-bs-dismiss="modal">Cancel</button> 546 </div> 547 </div> 548 </form> 549 </div> 550 </div> 551 </div> 552 </div> 553 </div> 554 </div> 555 </div> 556
557<script> 558 document.addEventListener('DOMContentLoaded', (e) => { 559 // bind all forms to the submit handler 560 document.querySelectorAll(".email-form") 561 .forEach($form => $form.addEventListener("submit", formSubmitHandler)); 562 563 // bind all modal open handlers 564 var modals = document.querySelectorAll('.modal') 565 .forEach($modal => $modal.addEventListener("show.bs.modal", resetFormPanels)); 566 567 // bind all modal open handlers 568 var modals = document.querySelectorAll('.contact-button') 569 .forEach($modal => $modal.addEventListener("click", focusOnNameInput)); 570 571 // Prevent possible url navigation for tel links 572 document.addEventListener("click", function(e) { 573 // Check if the clicked element is a tel link 574 const telLink = e.target.closest('a[href^="tel:"]'); 575 if (telLink) { 576 e.preventDefault(); 577 window.location.href = telLink.href; 578 } 579 }); 580 }) 581 582 async function formSubmitHandler(e) { 583 e.preventDefault(); 584 585 // fetch 586 const formData = Object.fromEntries(new FormData(this)); 587 const body = JSON.stringify(formData); 588 const options = { 589 method: "POST", 590 headers: { 591 "Content-Type": "application/json", 592 "RequestVerificationToken": "97Ai3nQ04g5wjR_3Nq004KMld3PjKPZ7Cmk0-Y-kZxqHbhxC-q-qKo208UinK6pH9FytlSyXx6Qs_xet1_rENbAXaE9mN2OXAbPF6Vgk6C81:z0LI0-116piUeGDRuVVk4W4M4_kyu1VuRPzW-7CqMaBWMZWjxTFgpDNfRZDvo7oqtdUQyj9K_iSpLaMXWvxPZwMeIyfbxzkti1JQV4Knjbk1" 593 }, 594 body 595 }; 596 597 const resp = await fetch("/email-contact", options); 598 const respJson = await resp.json(); 599 600 const $fields = this.querySelector(":scope .form-fields"); 601 const $response = this.querySelector(":scope .form-response"); 602 const $checkmark = this.querySelector(":scope .js-success-check"); 603 const $message = this.querySelector(":scope .form-message"); 604 605 // show response message 606 $response.classList.remove('d-none'); 607 608 // show error 609 if (resp.status != 200 || respJson.success == false) { 610 let builder = [respJson.message]; 611 if (respJson.errors) builder = [...builder, '<br><br>', ...respJson.errors]; 612 $message.innerHTML = builder.join('\n'); 613 $response.classList.replace('alert-success', 'alert-danger'); 614 $checkmark.classList.replace('fa-check', 'fa-remove'); 615 return console.error("Failed to send contact email"); 616 } 617 618 // hide the fields 619 $fields.classList.toggle('d-none'); 620 621 // clear form 622 this.reset(); 623 624 // show success 625 $response.classList.replace('alert-danger', 'alert-success'); 626 $checkmark.classList.replace('fa-remove', 'fa-check'); 627 $message.innerHTML = respJson.message 628 } 629 630 function focusOnNameInput(e) { 631 const modalId = this.attributes['data-bs-target'].value; 632 const $modal = document.getElementById(modalId.substring(1)) 633 $modal.querySelector(`:scope input[name="Name"]`).focus(); 634 } 635 636 function resetFormPanels(e) { 637 this.querySelectorAll(".form-fields").forEach($f => $f.classList.remove('d-none')); 638 this.querySelectorAll(".form-response").forEach($m => $m.classList.add('d-none')); 639 640 // render the hcaptcha if not rendered already 641 const $placeHolder = this.querySelector(":scope .hcaptcha-placeholder"); 642 if ($placeHolder) { 643 $placeHolder.classList.remove('hcaptcha-placeholder'); 644 $placeHolder.classList.add('hcaptcha'); 645 const widgetId = hcaptcha.render($placeHolder) 646 $placeHolder.dataset.widgetId = widgetId; 647 return; 648 } 649 650 // reset hcaptcha 651 const $captcha = this.querySelector(":scope .hcaptcha"); 652 hcaptcha.reset($captcha.dataset.widgetId); 653 } 654</script>
654 655 </div> 656 </div> 657 </div> 658 </div> 659</section> 660 661 662 663<footer class="bg-white"> 664 <div class="footer-top d-flex flex-wrap justify-content-center py-3 club-colour-bg"> 665 <a class="social-circle" href="https://twitter.com/boroughalliance?lang=en" target="_blank"> 666 <i class="fa-brands fa-x-twitter"></i> 667 </a> 668 <a class="social-circle" href="https://en-gb.facebook.com/boroughalliance/" target="_blank"> 669 <i class="fa-brands fa-facebook"></i> 670 </a> 671 </div> 672 <div class="footer-bottom"> 673 <div class="container py-5"> 674 <div class="row"> 675 <div class="col-12 col-lg-2 text-center mb-3"> 676 <a href="https://myclubpro.co.uk/" target="_blank" rel="noreferrer noopener"> 677 <img class="img-fluid" src="/images/template/footer-logo-grey.jpg" alt="MyClubPro" /> 678 </a> 679 </div> 680 <div class="col-12 col-lg-10 align-self-lg-center text-center text-lg-end"> 681 <p class="small"> 682 © 2014–2026 | 683 <a class="text-body" href="https://myclubpro.co.uk/" target="_blank" rel="noreferrer noopener">Football Club Website</a> by <a class="text-body" href="https://myclubpro.co.uk/" target="_blank">MyClubPro</a> | 684 <a class="text-body" href="/privacy-policy">Privacy Policy</a> | 685 <a class="text-body" href="/terms-of-service">Terms of Service</a> 686 </p> 687 </div> 688 </div> 689 </div> 690 </div> 691</footer> 692 693 694 695 696</body> 697</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.