1<!DOCTYPE html> 2<html prefix="og: http://ogp.me/ns#" lang="en-US"> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 7 <title>Donate Today! â Boys and Girls Club Of South County</title> 8 9 <meta name="description" content=""> 10 <meta name="keywords" content=""> 11 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> 12 13 14 15 <meta name="csrf-token" content="QkSg1txgAV6vRpMtqckbyC9UpdEMh5Rh54RAZRvQ"> 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30<meta property="og:title" content="Donate Today!"> 31<meta property="og:type" content="website"> 32<meta property="og:url" content="https://www.bgcscounty.org/product/DONATE-QUICK/donate-today"> 33<meta property="og:image" content="https://cdn.givecloud.co/s/files/2/0000/0339/files/centered20full20color2028transparent29_300x_cropped_entropy_t0.png"> 34<meta property="og:description" content="Great Futures Start Here."> 35<meta property="og:site_name" content="Boys & Girls Clubs of South County"> 36 37<meta name="twitter:card" content="summary_large_image"> 38<meta name="twitter:title" content="Donate Today!"> 39<meta name="twitter:image" content="https://cdn.givecloud.co/s/files/2/0000/0339/files/centered20full20color2028transparent29_300x_cropped_entropy_t0.png"> 40 41 42 43 44 <style> 45 :root { 46 --gc-logo-full-color: url('https://cdn.givecloud.co/static/etc/givecloud-logo-full-color-rgb.svg'); 47 --gc-select-down-image: url('https://cdn.givecloud.co/static/etc/select-down.png'); 48 } 49</style> 50 51
51<script src="//d2wy8f7a9ursnm.cloudfront.net/v8/bugsnag.min.js"></script>
vendor: 1 bytes, line 51
51
52<script>Bugsnag.start({"apiKey":"709297630df39aede7b42e718276548e","releaseStage":"feature-affinity","user":{"id":"bgcscounty","name":"bgcscounty"},"metadata":{"cart":"EA6BD01D95"}});</script>
52 53
54<script> 55 window.livesession_track_id = "784755ce.da8a7dc1"; 56 57 !function(w, d, t, u) { 58 if (w.__ls) return; var f = w.__ls = function() { f.push ? f.push.apply(f, arguments) : f.store.push(arguments)}; 59 if (!w.__ls) w.__ls = f; f.store = []; f.v = "1.0"; 60 var ls = d.createElement(t); ls.async = true; ls.src = u; 61 var s = d.getElementsByTagName(t)[0]; s.parentNode.insertBefore(ls, s); 62 }(window, document, 'script', ('https:' == window.location.protocol ? 'https://' : 'http://') + 'cdn.livesession.io/track.js'); 63 __ls("init", window.livesession_track_id); 64 __ls("newPageView"); 65 __ls('setCustomParams', {"params":{"site":"bgcscounty","plan":"STANDARD","template":"page-with-payment","dcc_offered":true,"dcc_ai_offered":true}}); 66</script>
66 67<link rel="preconnect" href="https://fonts.googleapis.com"> 68<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 69<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700,700i,900,900i&display=swap"> 70<link rel="stylesheet" href="/assets/apps/global-theme/css/vendor.32c9b7de29.css"> 71<link rel="stylesheet" href="/static/global/styles/theme.scss?v=2eb941f56f">
72<script type="text/javascript" src="/assets/apps/global-theme/js/head.977ac13b1b.js"></script>
72 73</head> 74<body class="template--product-page-with-payment currency-usd product-1 "> 75 76 77 <header class="header-full headroom headroom--top headroom--not-bottom"> 78 79 80 81 82 <div class="top-bar-alt d-none d-lg-block d-xl-block"> 83 <div class="container"> 84 <div class="d-flex"> 85 <div class="p-1"> 86 <ul class="nav"> 87 88 <li class="nav-item"> 89 <a class="nav-link px-2" href="https://www.facebook.com/BGCSouthCounty/" target="_blank" rel="noopener"><i class="fa fa-facebook fa-fw"></i></a> 90 </li> 91 92 93 94 <li class="nav-item"> 95 <a class="nav-link px-2" href="https://instagram.com/bgcsc" target="_blank" rel="noopener"><i class="fa fa-instagram"></i></a> 96 </li> 97 98 99 100 <li class="nav-item"> 101 <a class="nav-link px-2" href="http://linkedin.com/company/3129063/" target="_blank" rel="noopener"><i class="fa fa-linkedin"></i></a> 102 </li> 103 104 105 106 107 <li class="nav-item"> 108 <span class="nav-link px-2"><i class="fa fa-phone"></i> (619) 424-2266</span> 109 </li> 110 111 112 113 114 115 </ul> 116 </div> 117 <div class="ml-auto p-1"> 118 <ul class="nav"> 119 120 121 122 123 124 125 126 127 128 129 </ul> 130 </div> 131 </div> 132 </div> 133 </div> 134 135 136 137 <div class="top-bar font-md font-sans font-bold font-upper"> 138 <nav class="container"> 139 <div class="d-flex top-bar-min-height"> 140 141 <div class="side-bar-open d-lg-none d-xl-none py-2 mr-3 align-self-center"><i class="fa fa-navicon"></i></div> 142 143 <div class="brand p-2 align-self-center"> 144 145 <a href="https://www.bgcscounty.org/" > 146 147 <img src="https://cdn.givecloud.co/s/files/2/0000/0339/files/centered20full20color2028transparent29_300x_cropped_entropy_t0.png"> 148 149 </a> 150 151 </div> 152 153 <div class="mobile-menu ml-auto py-2 align-self-center text-right"> 154 <div class="d-none d-sm-inline-block d-md-inline-block"> 155 156 <a href="https://www.facebook.com/BGCSouthCounty/" target="_blank" rel="noopener" class="btn px-2 btn-pill btn-outline-secondary"><i class="fa fa-fw fa-facebook"></i></a> 157 158 159 160 <a href="https://instagram.com/bgcsc" target="_blank" rel="noopener" class="btn px-2 btn-pill btn-outline-secondary"><i class="fa fa-fw fa-instagram"></i></a> 161 162 163 164 <a href="http://linkedin.com/company/3129063/" target="_blank" rel="noopener" class="btn px-2 btn-pill btn-outline-secondary"><i class="fa fa-fw fa-linkedin"></i></a> 165 166 167 168 </div> 169 170 <a href="/product/DONATE-QUICK/donate-today" class="btn btn-sm font-weight-normal btn-primary my-1 btn-pill">Donate</a> 171 172 173 <a href="https://www.bgcscounty.org/account/login" class="btn btn-sm font-weight-normal btn-secondary my-1 ml-1 btn-pill">Account Login</a> 174 175 </div> 176 177 178 <div class="main-menu ml-auto py-2"> 179 180<div class="header-main "> 181 <ul class="nav"> 182 183 184 <li class="nav-item dropdown"> 185 <a id="main-menu-item-28" class="nav-link dropdown-toggle " href="/about-us" target="_blank" data-toggle="dropdown"> 186 About Us 187 </a> 188 <div class="dropdown-menu" aria-labelledby="main-menu-item-28"> 189 190 <div class="li"> 191 192 <a class="dropdown-item" href="/mission" target="_blank">Our Mission</a> 193 194 </div> 195 196 <div class="li"> 197 198 <a class="dropdown-item" href="/partners" >Partners</a> 199 200 </div> 201 202 </div> 203 </li> 204 205 206 207 <li class="nav-item dropdown"> 208 <a id="main-menu-item-62" class="nav-link dropdown-toggle " href="" data-toggle="dropdown"> 209 Program Services 210 </a> 211 <div class="dropdown-menu" aria-labelledby="main-menu-item-62"> 212 213 <div class="li"> 214 215 <a class="dropdown-item" href="/program-services/locations" >Locations & Registration</a> 216 217 </div> 218 219 <div class="li"> 220 221 <a class="dropdown-item" href="/extended-learning-program" >Extended Learning Program (SBUSD Schools)</a> 222 223 </div> 224 225 <div class="li"> 226 227 <a class="dropdown-item" href="/fall-camp-2026" >2026 Fall Camp</a> 228 229 </div> 230 231 <div class="li"> 232 233 <a class="dropdown-item" href="/clubhouse-program" >Clubhouse Programs</a> 234 235 </div> 236 237 </div> 238 </li> 239 240 241 242 <li class="nav-item dropdown"> 243 <a class="nav-link " href="/executive-leadership-team" > 244 LEADERSHIP TEAM 245 </a> 246 </li> 247 248 249 250 <li class="nav-item dropdown"> 251 <a class="nav-link " href="/support-us" > 252 Support Us 253 </a> 254 </li> 255 256 257 258 <li class="nav-item dropdown"> 259 <a class="nav-link " href="/events" > 260 Events 261 </a> 262 </li> 263 264 265 266 <li class="nav-item dropdown"> 267 <a class="nav-link " href="/career-center" > 268 Career Center 269 </a> 270 </li> 271 272 273 274 <li class="nav-item dropdown"> 275 <a class="nav-link " href="/safety-policies-information" > 276 Safety Policy Toolkit 277 </a> 278 </li> 279 280 281 </ul> 282</div> 283 284 285 286 287 </div> 288 289 290 <div class="main-menu action-menu py-2"> 291 <ul class="nav"> 292 293 294 295 <li class="nav-item nav-attn-primary"> 296 <a class="nav-link" href="/product/DONATE-QUICK/donate-today" class="btn">Donate</a> 297 </li> 298 299 300 <li class="nav-item ml-1 nav-attn-secondary"> 301 <a class="nav-link" href="https://www.bgcscounty.org/account/login" class="btn">Account Login</a> 302 </li> 303 304 </ul> 305 </div> 306 </div> 307 </nav> 308 </div> 309 310 311 312 313 314 315 316 317 318 319 320 <div class="side-bar"> 321 <div class="side-bar-body"> 322 <div class="side-bar-close pull-right"><i class="fa fa-times"></i></div> 323 324 325 326 327 328 <ul class="nav flex-column" data-children=".nav-item" id="side-bar-nav"> 329 330 331 <li class="nav-item"> 332 <a class="nav-link dropdown-toggle collapsed " href="#drop1" data-toggle="collapse" aria-haspopup="true" aria-expanded="false"> 333 About Us 334 </a> 335 336 <div class="collapse" id="drop1" data-parent="#side-bar-nav"> 337 <ul class="nav flex-column"> 338 339 <li class="nav-item"> 340 341 <a class="nav-link" href="/mission" target="_blank">Our Mission</a> 342 343 </li> 344 345 <li class="nav-item"> 346 347 <a class="nav-link" href="/partners" >Partners</a> 348 349 </li> 350 351 </ul> 352 </div> 353 </li> 354 355 356 357 <li class="nav-item"> 358 <a class="nav-link dropdown-toggle collapsed " href="#drop2" data-toggle="collapse" aria-haspopup="true" aria-expanded="false"> 359 Program Services 360 </a> 361 362 <div class="collapse" id="drop2" data-parent="#side-bar-nav"> 363 <ul class="nav flex-column"> 364 365 <li class="nav-item"> 366 367 <a class="nav-link" href="/program-services/locations" >Locations & Registration</a> 368 369 </li> 370 371 <li class="nav-item"> 372 373 <a class="nav-link" href="/extended-learning-program" >Extended Learning Program (SBUSD Schools)</a> 374 375 </li> 376 377 <li class="nav-item"> 378 379 <a class="nav-link" href="/fall-camp-2026" >2026 Fall Camp</a> 380 381 </li> 382 383 <li class="nav-item"> 384 385 <a class="nav-link" href="/clubhouse-program" >Clubhouse Programs</a> 386 387 </li> 388 389 </ul> 390 </div> 391 </li> 392 393 394 395 <li class="nav-item"> 396 <a class="nav-link" href="/executive-leadership-team" >LEADERSHIP TEAM</a> 397 </li> 398 399 400 401 <li class="nav-item"> 402 <a class="nav-link" href="/support-us" >Support Us</a> 403 </li> 404 405 406 407 <li class="nav-item"> 408 <a class="nav-link" href="/events" >Events</a> 409 </li> 410 411 412 413 <li class="nav-item"> 414 <a class="nav-link" href="/career-center" >Career Center</a> 415 </li> 416 417 418 419 <li class="nav-item"> 420 <a class="nav-link" href="/safety-policies-information" >Safety Policy Toolkit</a> 421 </li> 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 <li class="dropdown-divider"></li> 448 449 450 <li class="nav-item"> 451 <div class="d-flex"> 452 <ul class="nav"> 453 454 <li class="nav-item"> 455 <a class="nav-link px-2" href="https://www.facebook.com/BGCSouthCounty/" target="_blank" rel="noopener"> 456 <i class="fa fa-facebook fa-fw"></i> 457 </a> 458 </li> 459 460 461 462 463 464 <li class="nav-item"> 465 <a class="nav-link px-2" href="https://instagram.com/bgcsc" target="_blank" rel="noopener"> 466 <i class="fa fa-instagram"></i> 467 </a> 468 </li> 469 470 471 472 473 474 <li class="nav-item"> 475 <a class="nav-link px-2" href="http://linkedin.com/company/3129063/" target="_blank" rel="noopener"> 476 <i class="fa fa-linkedin"></i> 477 </a> 478 </li> 479 480 481 482 483 484 </ul> 485 </div> 486 </li> 487 488 489 490 <li class="nav-item"> 491 <ul class="nav px-2 pt-2"> 492 493 <li class="nav-item">
494 <span class="nav-link px-2 py-1"><i class="fa fa-phone mr-1"></i> (619) 424-2266</span> 495 </li> 496 497 498 499 </ul> 500 </li> 501 502 503 </ul> 504 </div> 505 </div> 506 507 508</header> 509 510<div class="header-spacer with-top-bar-alt"></div> 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 <section class="title-bar-lg" style=""> 531 <div class="container"> 532 <div class="row"> 533 <div class="col-12"> 534 535 <div class="mb-3"><h1 style="text-align: center;"><span style="font-size: 36pt;">Why Donate?<br /></span><small>Great Futures Start Here.</small></h1></div> 536 537 538 </div> 539 </div> 540 </div> 541 </section> 542 543 544 545 <div> 546 <div class="container mceNonEditable mceBackground"> 547<div class="mceEditable py-5"> 548<div class="row mceNonEditable"> 549<div class="col-12 col-md-4"> 550<div class="mceEditable"> 551<p> </p> 552</div> 553</div> 554<div class="col-12 col-md-4"> 555<div class="mceEditable"> 556<p><img src="https://cdn.givecloud.co/s/files/1/0000/0339/products/6db9812-centered-full-color-transparent.png" alt="" width="100%" height="auto" /></p> 557</div> 558</div> 559<div class="col-12 col-md-4"> 560<div class="mceEditable"> </div> 561</div> 562</div> 563<p>Thank you for your interest in supporting the Boys & Girls Clubs of South County (BGCSC). The programs and activities at BGCSC are made possible by gifts and grants from generous individuals, foundations, corporations, civic groups and government sources.The<strong> Be Great Giving Campaign</strong> is the Annual Fundraising campaign of the Boys & Girls Clubs of South County. All contributions are tax deductible. For tax purposes, BGCSC will provide a letter confirming your donation once received. The Club's 501c3 ID # is 95-3667707.</p> 564<p>We continue to grow and revolutionize the Boys & Girls Clubs of South County in many ways. Our mission has expanded, our name changed, national status renamed as a Major Metro Club, and named as one of the top 100 largest Clubs nationwide.</p> 565<p>Undeniably, our youth are facing massive challenges. More than 1 in 5 kids are living in poverty. More than 1 in 4 won’t graduate from high school. 1 out of 5 youth leaves school every day with no place to go. They risk being unsupervised, unguided, and unsafe. If these are issues are ignored, the generation could be the first to not surpass their parent’s success.</p> 566<p> For more than 50 years we have helped many children who have grown up to become productive adults, but unfortunately, there are still many children in our community who still need us. It costs an average of $517 per year per child to maintain our programs. The cost of helping our children through these tough times is nothing compared to the fulfillment of knowing you helped one of our futures leaders succeed.</p> 567<p>Our Club is where we are today because of your leadership and impact to our mission. Your support is a huge contribution to the success of the Boys & Girls Clubs of South County. That is why we stand out above the rest, even in tough times. Because it’s not luck, it’s teamwork.</p> 568</div> 569</div> 570 </div> 571 572 573<div class="product-page-with-payment"> 574 575<section class="container"> 576 577 578 579 <form id="product-payment-app" ref="form" @submit.prevent="submitPayForm" :class="{ 'was-validated': payValidated }" data-vv-scope="pay" method="post" novalidate data-experience-type="page_with_payment" data-requires-ach="false"> 580 581 582 <div class="container no-gutters"> 583 <div id="amount_section" class="row"> 584 <div ref="productOptionForm" class="col-12 text-center"> 585 <div class="my-5 wow fadeInUp"> 586 587 588<div class="product-options"> 589 <div class="form-group mb-3 "> 590 <div class="btn-group-toggle btn-group-checked d-inline-block" data-toggle="buttons"> 591 <label for="variant_id_blank" class="d-none">None</label> 592 <input id="variant_id_blank" class="d-none" type="radio" name="variant_id" value="" required> 593 594 595 596 597 598 599 600 601 <label 602 for="variant_id_3" 603 class="btn btn-outline-secondary mb-1 mr-1 whitespace-normal text-left active"> 604 <input type="radio" id="variant_id_3" name="variant_id" value="3" 605 data-price="0" 606 data-on-sale="" 607 data-sale-price="0" 608 data-donation="1" 609 data-billing-period="onetime"
610 data-price-presets="10,25,50,100,250,other" 611 data-price-preset-other="Other" 612 data-minimum-price="" 613 data-other-amount="" 614 data-recurring-first-payment="1" 615 data-redirect="" 616 data-available="1" 617 data-out-of-stock-message="" 618 data-shipping-expectation="" 619 data-preserve-amount="1" 620 checked> 621 One-Time</label> 622 623 624 625 626 627 628 <label 629 for="variant_id_78" 630 class="btn btn-outline-secondary mb-1 mr-1 whitespace-normal text-left "> 631 <input type="radio" id="variant_id_78" name="variant_id" value="78" 632 data-price="0" 633 data-on-sale="" 634 data-sale-price="0" 635 data-donation="1" 636 data-billing-period="monthly" 637 data-price-presets="10,25,50,100,250,other" 638 data-price-preset-other="Other" 639 data-minimum-price="" 640 data-other-amount="" 641 data-recurring-first-payment="1" 642 data-redirect="" 643 data-available="1" 644 data-out-of-stock-message="" 645 data-shipping-expectation="" 646 data-preserve-amount="1" 647 > 648 Monthly</label> 649 650 651 652 </div> 653 </div> 654 655 <input type="hidden" name="amt" value=""> 656 657 <div class="pricing-container d-flex flex-wrap justify-content-center align-items-center" data-hide-pricing="true"><i class="fa fa-spin fa-spinner fa-2x text-muted"></i></div> 658 659 <div v-if="currencies.length > 1" class="product-currency form-group mb-3" v-cloak> 660 <select name="currency_code" class="form-control d-inline-block" v-model="input.currency_code"> 661 <option v-for="currency in currencies" :value="currency.code">${ currency.code } (${ currency.symbol }) - ${ currency.name }</option> 662 </select> 663 </div> 664 665 666 667 668 <div class="justify-content-center gutter-sm mb-1 d-none product-recurring-day"> 669 <div class="labelify"> 670 <label for="p-1-recurring-day">Payment Day:</label> 671 <select id="p-1-recurring-day" name="recurring_day" class="form-control"> 672 673 <option value="1">1st of the Month</option> 674 675 <option value="15">15th of the Month</option> 676 677 </select> 678 </div> 679 </div> 680 681 682 683 <div class="justify-content-center gutter-sm mb-1 d-none product-recurring-weekday"> 684 <div class="labelify"> 685 <label for="p-1-recurring-weekday">Payment Day:</label> 686 <select id="p-1-recurring-weekday" name="recurring_day_of_week" class="form-control"> 687 688 <option value="1">Monday</option> 689 690 <option value="2">Tuesday</option> 691 692 <option value="3">Wednesday</option> 693 694 <option value="4">Thursday</option> 695 696 <option value="5">Friday</option> 697 698 <option value="6">Saturday</option> 699 700 <option value="7">Sunday</option> 701 702 </select> 703 </div> 704 </div> 705 706 707 708 709 710 711 <div class="form-check mt-2 d-none product-recurring-first-payment"> 712 <input id="p-1-first-payment" class="form-check-input" type="checkbox" name="recurring_with_initial_charge" value="1" checked > 713 <label for="p-1-first-payment" class="form-check-label"> 714 Make my first payment today 715 </label> 716 </div> 717 718</div> 719 720 721 </div> 722 </div> 723 </div> 724 725 <div v-show="pledge_campaign" class="row" :class="{ 'was-validated': pledgeValidated }"> 726 <div class="col-12 col-md-6 offset-md-3" v-cloak> 727 <div class="card mb-4"> 728 <div class="card-body"> 729 <div class="form-row"> 730 <div class="form-group col labelify" :class="{ 'has-errors': errors.has('pledge.billing_first_name') }"> 731 <label for="inputPledgeFirstName">First Name</label> 732 <input id="inputPledgeFirstName" type="text" class="form-control" name="billing_first_name" v-model="input.billing_first_name" data-vv-scope="pledge" v-validate.initial="'required'" x-autocompletetype="given-name" autocompletetype="given-name" autocorrect="off" spellcheck="off" autocapitalize="off"> 733 </div> 734 <div class="form-group col-8 labelify" :class="{ 'has-errors': errors.has('pledge.billing_last_name') }"> 735 <label for="inputPledgeLastName">Last Name</label> 736 <input id="inputPledgeLastName" type="text" class="form-control" name="billing_last_name" v-model="input.billing_last_name" data-vv-scope="pledge" v-validate.initial="'required'" x-autocompletetype="surname" autocompletetype="family-name" autocorrect="off" spellcheck="off" autocapitalize="off"> 737 </div> 738 </div> 739 <div class="form-group labelify mb-0" :class="{ 'has-errors': errors.has('pledge.billing_email') }"> 740 <label for="inputPledgeEmail"><i class="fa fa-envelope-o"></i> Email</label> 741 <input id="inputPledgeEmail" type="text" class="form-control" name="billing_email" v-model="input.billing_email" data-vv-scope="pledge" v-validate.initial="'required|email'" x-autocompletetype="email" autocompletetype="email" autocorrect="off" spellcheck="off" autocapitalize="off"> 742 </div> 743 744 <div class="form-group mt-3 mb-0"> 745 <div class="custom-control custom-checkbox"> 746 <input id="inputPledgeEmailOptIn" type="checkbox" class="custom-control-input" v-model="input.email_opt_in"> 747 <label class="custom-control-label" for="inputPledgeEmailOptIn">Send me emails and updates.</label> 748 </div> 749 </div> 750 751 <div class="form-group labelify mt-3 mb-0"> 752 <label for="inputPledgePhone"><i class="fa fa-phone"></i> Phone</label> 753 <input 754 id="inputPledgePhone" 755 type="text" 756 class="form-control" 757 name="billing_phone" 758 v-model="input.billing_phone" 759 760 x-autocompletetype="phone-full" 761 autocompletetype="tel" 762 autocorrect="off" 763 spellcheck="off" 764 autocapitalize="off"> 765 </div> 766 </div> 767 </div> 768 769 770 <div class="card mb-4"> 771 <div class="card-body"> 772 773 <h3 class="text-left mb-4">Leave a note</h3> 774 775 776 <p><small>Leave a note with your donation.</small></p> 777 778 <div class="form-group" :class="{ 'has-errors': errors.has('pledge.comments') }"> 779 <label class="sr-only" for="inputPledgeComments">Comments</label> 780 <textarea id="inputPledgeComments" class="form-control form-control-sm" rows="2" name="comments" data-vv-scope="pledge" v-model="input.comments"></textarea> 781 </div> 782 <div class="form-group mb-0"> 783 <div class="custom-control custom-checkbox"> 784 <input type="checkbox" class="custom-control-input" id="inputPledgeIsAnonymous" v-model="input.is_anonymous"> 785 <label class="custom-control-label" for="inputPledgeIsAnonymous">Keep me anonymous</label> 786 </div> 787 </div> 788 </div> 789 </div> 790 791 792 793 794 <div v-if="requires_captcha" class="mb-4 text-center"> 795 <vue-recaptcha class="d-inline-block" ref="recaptcha" sitekey="98e5065c-ad73-4417-a8ce-f8b296e69cf6" @verify="input.recaptcha_response = $event"></vue-recaptcha> 796 </div> 797 798 <div class="mb-4">
799 <button type="submit" id="btn-pledge" class="btn btn-block btn-xl btn-pill btn-success mb-3"> 800 <i class="fa fa-lock"></i> Pledge ${ money(amt,true) } 801 </button> 802 803 804 <div class="text-center"> 805 806 807<div class="gc-lock" style="background-image: url('https://cdn.givecloud.co/static/etc/gc-lock-dark.png');"> 808 809 Encrypted & Secure. Give with Confidence.<br><span class="text-muted"><a href="https://givecloud.co/?utm_source=bgcscounty&utm_medium=gc-secure" target="_blank" rel="noopener">Powered by Givecloud.</a></span> 810</div> 811 812 </div> 813 814 </div> 815 </div> 816 </div> 817 <div v-show="!pledge_campaign" class="row"> 818 819 820 <div ref="productForm" class="col-12 col-md-6 col-lg-7"> 821 <input type="hidden" name="product_id" value="1"> 822 <input type="hidden" name="recurring_frequency" value=""> 823 824 825 826 827 <div class="card mb-4 wow fadeInUp "> 828 <div class="card-body"> 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 <div id="p1-f48-container" class="form-group "> 846 <label for="p1-f48">Are you a Club Alumni?<span class="asterisk-required">*</span></label> 847 848 849 <input id="p1-f48" type="text" class="form-control " name="form_fields[48]" value="" placeholder="" required> 850 851 852 853 <div class="invalid-feedback">This field is required.</div> 854 855 856 857 </div> 858 859 860 861 862 863 </div> 864 </div> 865 866 867 868 <div class="card mb-4 wow fadeInUp" v-cloak> 869 <div class="card-body"> 870 871 <h3 class="text-left mb-4">Leave a note</h3> 872 873 874 <p><small>Leave a note with your donation.</small></p> 875 876 <div class="form-group" :class="{ 'has-errors': errors.has('pay.comments') }"> 877 <label class="sr-only" for="inputComments">Comments</label> 878 <textarea id="inputComments" class="form-control form-control-sm" name="notes" rows="2" name="comments" v-model="input.comments"></textarea> 879 </div> 880 881 </div> 882 </div> 883 884 885 <div class="card mb-4 wow fadeInUp" v-cloak> 886 <div class="card-body"> 887 <h4 class="text-left d-block mb-3">Billing</h4> 888 <template v-if="account_types"> 889 890 <div class="form-group"> 891 <div class="btn-group-toggle mb-3"> 892 <label v-for="account_type in account_types" class="btn btn-outline-dark" :class="{ active: input.account_type_id == account_type.id }"> 893 <input type="radio" name="account_type_id" v-model="input.account_type_id" :value="account_type.id"> ${ account_type.name } 894 </label> 895 </div> 896 </div> 897 898 </template> 899 <div class="form-row"> 900 901 <div class="form-group col labelify" :class="{ 'has-errors': errors.has('pay.billing_first_name') }"> 902 <label for="inputBillingFirstName">First Name</label> 903 <input id="inputBillingFirstName" type="text" class="form-control" name="billing_first_name" v-model="input.billing_first_name" v-validate.initial="'required'" x-autocompletetype="given-name" autocompletetype="given-name" autocorrect="off" spellcheck="off" autocapitalize="off"> 904 </div> 905 <div class="form-group col-6 labelify" :class="{ 'has-errors': errors.has('pay.billing_last_name') }"> 906 <label for="inputBillingLastName">Last Name</label> 907 <input id="inputBillingLastName" type="text" class="form-control" name="billing_last_name" v-model="input.billing_last_name" v-validate.initial="'required'" x-autocompletetype="surname" autocompletetype="family-name" autocorrect="off" spellcheck="off" autocapitalize="off"> 908 </div> 909 </div> 910 <div v-if="account_type && account_type.is_organization" class="form-group labelify" :class="{ 'has-errors': errors.has('pay.billing_company') }"> 911 <label for="inputBillingCompany">Organization Name</label> 912 <input id="inputBillingCompany" type="text" class="form-control" name="billing_company" v-model="input.billing_company" v-validate.initial="'required'" x-autocompletetype="org" autocompletetype="organization" autocorrect="off" spellcheck="off" autocapitalize="off"> 913 </div> 914 <div class="form-group labelify" :class="{ 'has-errors': errors.has('pay.billing_email') }"> 915 <label for="inputBillingEmail"><i class="fa fa-envelope-o"></i> Email</label> 916 <input id="inputBillingEmail" type="text" class="form-control" name="billing_email" v-model="input.billing_email" v-validate.initial="'required|email'" x-autocompletetype="email" autocompletetype="email" autocorrect="off" spellcheck="off" autocapitalize="off"> 917 </div> 918 919 <div class="form-group"> 920 <div class="custom-control custom-checkbox"> 921 <input id="inputEmailOptIn" type="checkbox" class="custom-control-input" v-model="input.email_opt_in"> 922 <label class="custom-control-label" for="inputEmailOptIn">Send me emails and updates.</label> 923 </div> 924 </div> 925 926 <div class="form-group labelify" :class="{ 'has-errors': errors.has('pay.billing_phone') }"> 927 <label for="inputBillingPhone"><i class="fa fa-phone"></i> Phone</label> 928 <input 929 id="inputBillingPhone" 930 type="text" 931 class="form-control" 932 name="billing_phone" 933 v-model="input.billing_phone" 934 935 x-autocompletetype="phone-full" 936 autocompletetype="tel" 937 autocorrect="off" 938 spellcheck="off" 939 autocapitalize="off"> 940 </div> 941 942 943 944 945 <div v-if="!account"> 946 947 <div class="create-account-wrapper"> 948 <h5 class="mb-3"> 949 Create Account 950 </h5> 951 <p>Enter a password and we'll save your info for next time.</p> 952 <div class="form-group labelify" :class="{ 'has-errors': errors.has('pay.password') }"> 953 <label for="inputPassword"><i class="fa fa-lock"></i> Password</label> 954 <password-validator :value="input.password" @update="input.password = $event" @validates="password_validates = $event"></password-validator> 955 </div> 956 </div> 957 958 959 960 961 <div class="mt-4"> 962 <h5 class="mb-3"> 963 How'd you hear about us? 964 </h5> 965 <div class="form-group" :class="{ 'has-errors': errors.has('pay.referral_source') }"> 966 <div class="btn-group-toggle mb-3"> 967 <label v-for="source in referral_sources.sources" class="btn btn-outline-dark mr-1 mb-1" :class="{ active: referral_source == source }"> 968 <input type="radio" name="referral_source" v-model="referral_source" :value="source" v-validate.initial="'required'"> ${ source } 969 </label><label v-if="referral_sources.allow_other" class="btn btn-outline-dark mr-1 mb-1" :class="{ active: referral_source == 'other' }"> 970 <input type="radio" name="referral_source" v-model="referral_source" value="other"> Other: 971 </label> 972 </div> 973 </div> 974 <div class="form-group labelify" v-if="referral_source == 'other'" :class="{ 'has-errors': errors.has('pay.referral_source_other') }"> 975 <label for="inputReferralSourceOther">Other:</label> 976 <input id="inputReferralSourceOther" ref="referral_source_other" type="text" class="form-control" name="referral_source_other" v-model="input.referral_source" v-validate.initial="'required'" style="max-width:200
976px;" maxlength="45"> 977 </div> 978 </div> 979 980 981 </div> 982 983 </div> 984 </div> 985 986 987 988 989 <div class="d-none d-sm-none d-md-block" v-cloak> 990 991 992 993 <div class="social-actions card mb-4 wow fadeInUp" data-wow-delay="0.9s"> 994 <div class="card-body"> 995 <div class="card-title-sm mb-4"><i class="fa fa-users"></i> Share This</div> 996 997 998 999 1000 1001 1002 <div class="row gutter-sm"> 1003 <div class="col"> 1004 <a href="https://www.facebook.com/sharer/sharer.php?display=popup&redirect_uri=http%3A%2F%2Fwww.facebook.com&u=https%3A%2F%2Fwww.bgcscounty.org%2Fproduct%2FDONATE-QUICK%2Fdonate-today&t=Donate+Today%21" class="btn btn-sm btn-pill btn-outline-primary btn-block" target="_blank" rel="noopener"><i class="fa fa-facebook fa-fw"></i></a> 1005 </div> 1006 <div class="col"> 1007 <a href="https://twitter.com/intent/tweet?text=Donate+Today%21&url=https%3A%2F%2Fwww.bgcscounty.org%2Fproduct%2FDONATE-QUICK%2Fdonate-today" class="btn btn-sm btn-pill btn-outline-primary btn-block" target="_blank" rel="noopener"><i class="fab fa-x-twitter fa-fw"></i></a> 1008 </div> 1009 <div class="col"> 1010 <a href="/cdn-cgi/l/email-protection#edd29e988f87888e99d0a982838c9988c8dfddb982898c94c8dfdccb8f828994d0aa9f888c99c8dfddab9899989f889ec8dfddbe998c9f99c8dfdda5889f88c3c8ddacc8ddacbf888c89c8dfdda0829f88c8deacc8dfdd8599999d9ec8deacc8dfabc8dfab9a9a9ac38f8a8e9e8e8298839994c3829f8ac8dfab9d9f8289988e99c8dfaba9a2a3acb9a8c0bcb8a4aea6c8dfab8982838c9988c09982898c94" class="btn btn-sm btn-pill btn-outline-primary btn-block"><i class="fa fa-envelope fa-fw"></i></a> 1011 </div> 1012 <div class="col"> 1013 <a href="https://www.linkedin.com/shareArticle?mini=1&url=https%3A%2F%2Fwww.bgcscounty.org%2Fproduct%2FDONATE-QUICK%2Fdonate-today&title=Donate+Today%21&summary=Great+Futures+Start+Here." class="btn btn-sm btn-pill btn-outline-primary btn-block" target="_blank" rel="noopener"><i class="fa fa-linkedin fa-fw"></i></a> 1014 </div> 1015 <div class="col"> 1016 <a href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.bgcscounty.org%2Fproduct%2FDONATE-QUICK%2Fdonate-today&description=Donate+Today%21&media=" class="btn btn-sm btn-pill btn-outline-primary btn-block" target="_blank" rel="noopener"><i class="fa fa-pinterest fa-fw"></i></a> 1017 </div> 1018 </div> 1019 1020 </div> 1021 </div> 1022 1023 1024 1025 </div> 1026 1027 1028 1029 </div> 1030 1031 <div class="col-12 col-md-6 col-lg-5" v-cloak> 1032 1033 <div class="card mb-4 wow fadeInUp"> 1034 <div class="card-body"> 1035 <h4 class="text-left d-block mb-3">Payment</h4> 1036 <nav class="nav nav nav-pills nav-fill mb-3"> 1037 <template v-if="supportedPaymentType('credit_card')"> 1038 <button v-if="paysafe_checkout_available" type="button" class="btn btn-link nav-item nav-link" :class="{active: input.payment_type == 'credit_card'}" @click="input.payment_type = 'credit_card'"> 1039 <i class="fa fa-credit-card"></i> Credit / Debit 1040 </button> 1041 <button v-else type="button" class="btn btn-link nav-item nav-link" :class="{active: input.payment_type == 'credit_card'}" @click="input.payment_type = 'credit_card'"> 1042 <i class="fa fa-credit-card"></i> Credit / Debit 1043 </button> 1044 </template> 1045 <button v-if="supportedPaymentType('bank_account')" type="button" class="btn btn-link nav-item nav-link" :class="{active: input.payment_type == 'bank_account'}" @click="input.payment_type = 'bank_account'"> 1046 <i class="fa fa-bank"></i> Bank 1047 </button> 1048 <button v-if="paypal_available" t
1048ype="button" class="btn btn-link nav-item nav-link" :class="{active: input.payment_type == 'paypal'}" @click="input.payment_type = 'paypal'"> 1049 <i class="fa fa-paypal"></i> PayPal 1050 </button> 1051 <button v-if="supportedPaymentType('dafpay')" type="button" class="btn btn-link nav-item nav-link d-inline-flex align-items-center justify-content-center" :class="{active: input.payment_type == 'dafpay'}" @click="input.payment_type = 'dafpay'"> 1052 <svg width="63" height="19" viewBox="0 0 63 19" fill="none" xmlns="http://www.w3.org/2000/svg"> 1053 <path fill-rule="evenodd" clip-rule="evenodd" d="M4 0C1.79086 0 0 1.79086 0 4V15C0 17.2091 1.79086 19 4 19H33C35.2091 19 37 17.2091 37 15V4C37 1.79086 35.2091 0 33 0H4ZM4.80194 4.36V14.952C5.40994 15.032 6.30594 15.112 7.56994 15.112C9.68194 15.112 11.4099 14.664 12.5459 13.72C13.5859 12.84 14.3379 11.416 14.3379 9.352C14.3379 7.448 13.6339 6.12 12.5139 5.288C11.4739 4.504 10.1459 4.136 8.09794 4.136C6.86594 4.136 5.69794 4.216 4.80194 4.36ZM7.24994 13.16V6.104C7.45794 6.056 7.80994 6.008 8.35394 6.008C10.4499 6.008 11.7619 7.192 11.7459 9.432C11.7459 12.008 10.3059 13.224 8.09794 13.208C7.79394 13.208 7.45794 13.208 7.24994 13.16ZM18.0446 12.232H21.1326L21.9646 15H24.5886L21.2446 4.216H18.0446L14.7486 15H17.2766L18.0446 12.232ZM20.7806 10.408H18.3966L19.0366 8.12C19.142 7.74614 19.2417 7.30336 19.3391 6.8708C19.4043 6.58139 19.4684 6.29655 19.5326 6.04H19.5646C19.5905 6.14386 19.6173 6.25194 19.6449 6.36287C19.7869 6.93545 19.9477 7.58386 20.1086 8.12L20.7806 10.408ZM25.8726 4.216V15H28.3206V10.664H32.1926V8.68H28.3206V6.216H32.4646V4.216H25.8726Z" fill="currentColor" /> 1054 <path d="M40.854 16.772V9.45C40.854 8.554 40.826 7.784 40.798 7.154H42.646L42.744 8.106H42.772C43.276 7.378 44.06 7 45.054 7C46.552 7 47.896 8.302 47.896 10.486C47.896 12.978 46.314 14.154 44.788 14.154C43.962 14.154 43.318 13.818 43.01 13.37H42.982V16.772H40.854ZM42.982 10.122V11.06C42.982 11.228 42.996 11.382 43.024 11.508C43.164 12.082 43.654 12.516 44.27 12.516C45.194 12.516 45.74 11.746 45.74 10.584C45.74 9.492 45.25 8.666 44.298 8.666C43.696 8.666 43.164 9.114 43.024 9.744C42.996 9.856 42.982 9.996 42.982 10.122ZM54.8912 14H52.9732L52.8472 13.314H52.8052C52.3572 13.86 51.6572 14.154 50.8452 14.154C49.4592 14.154 48.6332 13.146 48.6332 12.054C48.6332 10.276 50.2292 9.422 52.6512 9.436V9.338C52.6512 8.974 52.4552 8.456 51.4052 8.456C50.7052 8.456 49.9632 8.694 49.5152 8.974L49.1232 7.602C49.5992 7.336 50.5372 7 51.7832 7C54.0652 7 54.7932 8.344 54.7932 9.954V12.334C54.7932 12.992 54.8212 13.622 54.8912 14ZM52.7212 11.508V10.766C51.6012 10.752 50.7332 11.018 50.7332 11.844C50.7332 12.39 51.0972 12.656 51.5732 12.656C52.1052 12.656 52.5392 12.306 52.6792 11.872C52.7072 11.76 52.7212 11.634 52.7212 11.508ZM55.4036 7.154H57.7696L58.7916 10.514C58.9036 10.92 59.0436 11.424 59.1276 11.788H59.1696C59.2676 11.424 59.3796 10.906 59.4776 10.514L60.3176 7.154H62.5996L61.0036 11.662C60.0236 14.378 59.3656 15.47 58.5956 16.156C57.8536 16.8 57.0696 17.024 56.5376 17.094L56.0896 15.288C56.3556 15.246 56.6916 15.12 57.0136 14.924C57.3356 14.756 57.6856 14.42 57.8956 14.07C57.9656 13.972 58.0076 13.86 58.0076 13.762C58.0076 13.692 57.9936 13.58 57.9096 13.412L55.4036 7.154Z" fill="currentColor" /> 1055 </svg> 1056 </button> 1057 <button v-if="account && account.payment_methods.length" type="button" class="btn btn-link nav-item nav-link" :class="{active: input.payment_type == 'payment_method'}" @click="input.payment_type = 'payment_method'"> 1058 <i class="fa fa-user"></i> My Methods 1059 </button> 1060 </nav> 1061 <template v-if="input.payment_type == 'credit_card'"> 1062 <template v-if="bbms_available || paysafe_checkout_available"> 1063 <div v-if="is_onetime" class="form-group mt-2 text-center"> 1064 <div class="custom-control custom-checkbox d-inline-block"> 1065 <input type="checkbox" id="inputSavePaymentMethod" class="custom-control-input" name="save_payment_method" v-model="payment.save_payment_method"> 1066 <label class="custom-control-label" for="inputSavePaymentMethod"> 1067 <i class="fa fa-lock"></i> Save this payment information securely. 1068 </label> 1069 </div> 1070 </div> 1071 <div class="text-center text-muted"> 1072 Continue below<br> 1073 <i class="fa fa-chevron-down fa-1x"></i> 1074 </div> 1075 </template> 1076 <credit-card v-else> 1077 <div class="form-group labelify payment-number-input" :class="{ 'has-errors': errors.has('pay.number') || unsupported_card_type }"> 1078 <label for="inputPaymentNumber">Credit Card Number</label> 1079 <payment-field field="inputPaymentNumber"> 1080 <the-mask id="inputPaymentNumber" type="tel" class="form-control monospace" maxlength="19" placeholder="0000 0000 0000 0000" mask="#### #### #### ####" name="number" v-model="payment.number" v-validate.initial="'required|credit_card'" x-autocompletetype="cc-number" autocompletetype="cc-number" autocorrect="off" spellcheck="off" autocapitalize="off"></the-mask> 1081 </payment-field> 1082 <div v-if="payment.number_type" class="payment-number-input__types">
1083 <span> 1084 <img alt="" v-if="payment.number_type == 'american-express'" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/amex.svg"> 1085 <img alt="" v-if="payment.number_type == 'diners-club'" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/diners.svg"> 1086 <img alt="" v-if="payment.number_type == 'discover'" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/discover.svg"> 1087 <img alt="" v-if="payment.number_type == 'jcb'" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/jcb.svg"> 1088 <img alt="" v-if="payment.number_type == 'maestro'" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/maestro.svg"> 1089 <img alt="" v-if="payment.number_type == 'master-card'" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/mastercard.svg"> 1090 <img alt="" v-if="payment.number_type == 'unionpay'" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/unionpay.svg"> 1091 <img alt="" v-if="payment.number_type == 'visa'" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/visa.svg"> 1092 </span> 1093 </div> 1094 <p v-if="unsupported_card_type" class="help-block error-text mt-1"> 1095 <i class="fa fa-warning"></i> 1096 Unsupported card type. 1097 </p> 1098 </div> 1099 <div class="form-row"> 1100 <div class="form-group col-6 labelify" :class="{ 'has-errors': errors.has('pay.exp') }"> 1101 <label for="inputPaymentExpiry">MM / YY</label> 1102 <payment-field field="inputPaymentExpiry"> 1103 <the-mask id="inputPaymentExpiry" type="tel" class="form-control monospace" maxlength="7" placeholder="MM / YY" mask="## / ##" @input.native="paymentExpiry($event)" name="exp" v-model="payment.exp" v-validate.initial="'required|expiration_date'" x-autocompletetype="cc-exp" autocompletetype="cc-exp" autocorrect="off" spellcheck="off" autocapitalize="off"></the-mask> 1104 </payment-field> 1105 </div> 1106 <div class="form-group col-6 labelify" :class="{ 'has-errors': errors.has('pay.cvv') }"> 1107 <label for="inputPaymentCVV">CVV</label> 1108 <payment-field field="inputPaymentCVV"> 1109 <the-mask id="inputPaymentCVV" type="tel" class="form-control monospace" maxlength="4" placeholder="CVV" mask="####" name="cvv" v-model="payment.cvv" v-validate.initial="'required|cvv:' + payment.number_type" x-autocompletetype="cc-csc" autocompletetype="cc-csc" autocorrect="off" spellcheck="off" autocapitalize="off"></the-mask> 1110 </payment-field> 1111 </div> 1112 </div> 1113 <div v-if="is_onetime" class="form-group"> 1114 <div class="custom-control custom-checkbox"> 1115 <input type="checkbox" id="inputSavePaymentMethod" class="custom-control-input" name="save_payment_method" v-model="payment.save_payment_method"> 1116 <label class="custom-control-label" for="inputSavePaymentMethod"> 1117 <i class="fa fa-lock"></i> Save this payment information securely. 1118 </label> 1119 </div> 1120 </div> 1121 <div class="supported-cardtypes mt-1 text-center"> 1122 <strong>We support:</strong> 1123 <img alt="" v-if="supportedCardType('american-express')" src="https://cdn.give
1123cloud.co/npm/[email protected]/min/flat/amex.svg"> 1124 <img alt="" v-if="supportedCardType('diners-club')" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/diners.svg"> 1125 <img alt="" v-if="supportedCardType('discover')" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/discover.svg"> 1126 <img alt="" v-if="supportedCardType('jcb')" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/jcb.svg"> 1127 <img alt="" v-if="supportedCardType('maestro')" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/maestro.svg"> 1128 <img alt="" v-if="supportedCardType('master-card')" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/mastercard.svg"> 1129 <img alt="" v-if="supportedCardType('unionpay')" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/unionpay.svg"> 1130 <img alt="" v-if="supportedCardType('visa')" src="https://cdn.givecloud.co/npm/[email protected]/min/flat/visa.svg"> 1131 </div> 1132 </credit-card> 1133 </template> 1134 <template v-else-if="input.payment_type == 'bank_account' && bank_continues_below"> 1135 <div v-if="is_onetime" class="form-group mt-2 text-center"> 1136 <div class="custom-control custom-checkbox d-inline-block"> 1137 <input type="checkbox" id="inputSavePaymentMethod" class="custom-control-input" name="save_payment_method" v-model="payment.save_payment_method"> 1138 <label class="custom-control-label" for="inputSavePaymentMethod"> 1139 <i class="fa fa-lock"></i> Save this payment information securely. 1140 </label> 1141 </div> 1142 </div> 1143 <div class="text-center text-muted"> 1144 Continue below<br> 1145 <i class="fa fa-chevron-down fa-1x"></i> 1146 </div> 1147 </template> 1148 <template v-else-if="input.payment_type == 'bank_account' && gocardless_available"> 1149 <div class="text-center text-muted"> 1150 <i class="fa fa-bank fa-4x bottom-gutter m-2"></i><br> 1151 Continue below<br> 1152 <i class="fa fa-chevron-down fa-1x"></i> 1153 </div> 1154 </template> 1155 <bank-account v-else-if="input.payment_type == 'bank_account' && supportedPaymentType('bank_account')"> 1156 <div v-if="bank_uses_hosted_payment_fields" class="form-group labelify" :class="{ 'has-errors': errors.has('pay.account_holder_name') }"> 1157 <label for="inputPaymentAccountHolderName">Account Holder Name</label> 1158 <payment-field field="inputPaymentAccountHolderName" payment-type="bank_account"> 1159 <input id="inputPaymentAccountHolderName" type="text" class="form-control" maxlength="50" placeholder="John Smith" name="account_holder_name" v-model="payment.name" v-validate.initial="'required'" autocorrect="off" spellcheck="off" autocapitalize="off"> 1160 </payment-field> 1161 </div> 1162 <div class="form-group labelify payment-number-input" :class="{ 'has-errors': errors.has('pay.account_holder_type') }"> 1163 <label for="inputPaymentAccountHolderType">Account Holder Type</label> 1164 <select id="inputPaymentAccountHolderType" class="form-control" name="account_holder_type" v-model="payment.account_holder_type" v-validate.initial="'required'" autocomplete="off"> 1165 <option></option> 1166 <option value="personal">Individual</option> 1167 <option value="business">Company</option> 1168 </select> 1169 </div> 1170 <div class="form-group labelify payment-number-input" :class="{ 'has-errors': errors.has('pay.account_type') }"> 1171 <label for="inputPaymentAccountType">Account Type</label> 1172 <select id="inputPaymentAccountType" class="form-control" name="account_type" v-model="payment.account_type" v-validate.initial="'required'" autocomplete="off"> 1173 <option></option> 1174 <option value="checking">Checking</option> 1175 <option value="savings">Savings</option> 1176 </select> 1177 </div> 1178 <template v-if="input.currency_code == 'CAD'"> 1179 <div class="form-row"> 1180 <div class="form-group col-6 labelify" :class="{ 'has-errors': errors.has('pay.transit_number') }"> 1181 <label for="inputPaymentTransitNumber">Transit #</label> 1182 <payment-field field="inputPaymentTransitNumber" payment-type="bank_account"> 1183 <the-mask id="inputPaymentTransitNumber" type="tel" class="form-control monospace" maxlength="5" placeholder="00000" mask="#####" name="transit_number" v-model="payment.transit_number" v-validate.initial="'required'" autocorrect="off" spellcheck="off" autocapitalize="off"></the-mask> 1184 </payment-field> 1185 </div> 1186 <div class="form-group col-6 labelify" :class="{ 'has-errors': errors.has('pay.institution_number') }"> 1187 <label for="inputPaymentInstitutionNumber">Institution #</label> 1188 <payment-field field="inputPaymentInstitutionNumber" payment-type="bank_account"> 1189 <the-mask id="inputPaymentInstitutionNumber" type="tel" class="form-control monospace" maxlength="3" placeholder="000" mask="###" name="institution_number" v-model="payment.institution_number" v-validate.initial="'required'" autocorrect="off" spellcheck="off" autocapitalize="off"></the-mask> 1190 </payment-field> 1191 </div> 1192 </div> 1193 </template> 1194 <template v-else> 1195 <div class="form-group labelify" :class="{ 'has-errors': errors.has('pay.routing_number') }"> 1196 <label for="inputPaymentRoutingNumber">Routing #</label> 1197 <payment-field field="inputPaymentRoutingNumber" payment-type="bank_account"> 1198 <input id="inputPaymentRoutingNumber" type="tel" class="form-control monospace" placeholder="0000000" name="routing_number" v-model="payment.routing_number" v-validate.initial="'required'" autocorrect="off" spellcheck="off" autocapitalize="off"> 1199 </payment-field> 1200 </div> 1201 </template> 1202 <div class="form-group labelify" :class="{ 'has-errors': errors.has('pay.account_number') }"> 1203 <label for="inputPaymentAccountNumber">Account #</label> 1204 <payment-field field="inputPaymentAccountNumber" payment-type="bank_account"> 1205 <input id="inputPaymentAccountNumber" type="tel" class="form-control monospace" minlength="4" maxlength="17" placeholder="0000000" name="account_number" v-model="payment.account_number" v-validate.initial="'required'" autocorrect="off" spellcheck="off" autocapitalize="off"> 1206 </payment-field> 1207 </div> 1208 <div class="form-group"> 1209 <div class="custom-control custom-checkbox"> 1210 <input type="checkbox" id="inputPaymentAchAgreeTos" class="custom-control-input" name="ach_agree_tos" v-model="payment.ach_agree_tos" v-validate.initial="'required'"> 1211 <label class="custom-control-label" for="inputPaymentAchAgreeTos"> 1212 <small class="text-muted">By completing this purchase, you authorize us to charge the account above for the amount specified in the Total field.</small> 1213 </label> 1214 </div> 1215 </div> 1216 <div v-if="is_onetime" class="form-group"> 1217 <div class="custom-control custom-checkbox"> 1218 <input type="checkbox" id="inputSavePaymentMethod" class="custom-control-input" name="save_payment_method" v-model="payment.save_payment_method"> 1219 <label class="custom-control-label" for="inputSavePaymentMethod"> 1220 <i class="fa fa-lock"></i> Save this payment information securely. 1221 </label> 1222 </div> 1223 </div> 1224 </bank-account> 1225 <template v-else-if="input.payment_type == 'dafpay'"> 1226 <div class="text-center text-muted"> 1227 Continue below<br> 1228 <i class="fa fa-chevron-down fa-1x"></i> 1229 </div> 1230 </template> 1231 <template v-else-if="input.payment_type == 'paypal'"> 1232 <div v-if="paypal_reference_transactions_available && is_onetime" class="form-group mt-2 text-center"> 1233 <div class="custom-control custom-checkbox d-inline-block"> 1234 <input type="checkbox" id="inputSavePaymentMethod" class="custom-control-input" name="save_payment_method" v-model="payment.save_payment_method"> 1235 <label class="custom-control-label" for="inputSavePaymentMethod"> 1236 <i class="fa fa-lock"></i> Save this payment information securely. 1237 </label> 1238 </div> 1239 </div> 1240 <div class="text-center text-muted"> 1241 <i class="fa fa-cc-paypal fa-4x bottom-gutter"></i><br> 1242 Continue below<br> 1243 <i class="fa fa-chevron-down fa-1x"></i> 1244 </div> 1245 </template> 1246 <template v-else-if="account && input.payment_type == 'payment_method'"> 1247 <p><strong>Pay with:</strong></p> 1248 <div v-for="method in account.payment_methods" class="custom-control custom-checkbox d-inline-block"> 1249 <input :disabled="method.is_expired" type="radio" :id="'inputSavePaymentMethod' + method.id" class="custom-control-input" name="payment_method" v-model="payment.payment_method" :value="method.id"> 1250 <label class="custom-control-label" :for="'inputSavePaymentMethod' + method.id"> 1251 <template v-if="method.card"> 1252 ${ method.card.brand } ending in ${ method.card.last4 } 1253 <small :class="{'text-danger': method.is_expired }">(<template v-if="method.is_expired">Expired: </template>${ method.card.exp_month }/${ method.card.exp_year })</small> 1254 </template> 1255 <template v-else-if="method.bank"> 1256 ${ method.bank.name } account ending in ${ method.bank.last4 } 1257 </template> 1258 <template v-else> 1259 ${ method.name } - ${ method.account_number } 1260 </template> 1261 </label> 1262 </div> 1263 </template> 1264 </div> 1265 </div> 1266 1267 <div class="card mb-4 wow fadeInUp"> 1268 <div class="card-body"> 1269 <div class=""> 1270 <h4 class="text-left d-block mb-3">Address</h4> 1271 <div class="form-group labelify" :class="{ 'has-errors': errors.has('pay.billing_address1') }"> 1272 <address-lookup-input 1273 id="inputBillingAddress1" 1274 name="billing_address1" 1275 v-model="input.billing_address1" 1276 label="Address" 1277 placeholder="Street and number, P.O. box, c/o." 1278 @place-change="fillAddressFields" 1279 /> 1280 </div> 1281 <div class="form-group labelify"> 1282 <label for="inputBillingAddress2">Address 2</label> 1283 <input id="inputBillingAddress2" type="text" class="form-control" placeholder="Apartment, suite, unit, building, floor, etc." name="billing_address2" v-model="input.billing_address2" x-autocompletetype="address-line2" autocompletetype="address-line2" autocorrect="off" spellcheck="off" autocapitalize="off"> 1284 </div> 1285 <div class="form-row"> 1286 <div class="form-group col-8 labelify" :class="{ 'has-errors': errors.has('pay.billing_city') }"> 1287 <label for="inputBillingCity">City</label> 1288 <input id="inputBillingCity" type="text" class="form-control" name="billing_city" v-model="input.billing_city" v-validate.initial="'required'" x-autocompletetype="city" autocompletetype="city" autocorrect="off" spellcheck="off" autocapitalize="off"> 1289 </div> 1290 <div class="form-group col-4 labelify" :class="{ 'has-errors': errors.has('pay.billing_zip') }"> 1291 <label for="inputBillingZip"> 1292 <template v-if="input.billing_country_code == 'US'">ZIP</template> 1293 <template v-else>Postal</template> 1294 </label> 1295 <input id="inputBillingZip" type="text" class="form-control" name="billing_zip" v-model="input.billing_zip" v-validate.initial="'required'" x-autocompletetype="postal-code" autocompletetype="postal-code" autocorrect="off
1295" spellcheck="off" autocapitalize="off"> 1296 </div> 1297 </div> 1298 <div class="form-row"> 1299 <div class="form-group col-7 labelify" :class="{ 'has-errors': errors.has('pay.billing_country_code') }"> 1300 <label for="inputBillingCountry">Country</label> 1301 <select id="inputBillingCountry" class="form-control" name="billing_country_code" v-model="input.billing_country_code" v-validate.initial="'required'"> 1302 <option></option> 1303 <option v-for="country in countries" :value="country.value">${ country.label }</option> 1304 </select> 1305 </div> 1306 <div class="form-group col-5 labelify" :class="{ 'has-errors': errors.has('pay.billing_province_code') }"> 1307 <label for="inputBillingProvince">${ billing_province_label }</label> 1308 <select v-if="billing_subdivisions" id="inputBillingProvince" class="form-control" name="billing_province_code" v-model="input.billing_province_code" v-validate.initial="billing_province_required"> 1309 <option></option> 1310 <option v-for="(name, code) in billing_subdivisions" :value="code">${ name }</option> 1311 </select> 1312 <input v-else type="text" id="inputBillingProvince" class="form-control" name="billing_province_code" v-model="input.billing_province_code" v-validate="billing_province_required"> 1313 </div> 1314 <template v-if="account && ! account.billing_address.filled"> 1315 <input type="hidden" class="custom-control-input" id="updateSupporterBillingAddress" v-model="input.update_supporter_billing_address"> 1316 </template> 1317 <div class="form-group col-12" v-if="account && account.billing_address.filled"> 1318 <div class="custom-control custom-checkbox"> 1319 <input type="checkbox" class="custom-control-input" id="updateSupporterBillingAddress" v-model="input.update_supporter_billing_address"> 1320 <label class="custom-control-label" for="updateSupporterBillingAddress">Update my profile with this address</label> 1321 </div> 1322 </div> 1323 </div> 1324 </div> 1325 </div> 1326 </div> 1327 1328 <div ref="cover_fees" class="card mb-4 wow fadeInUp" > 1329 <div class="card-body"> 1330 <div class=""> 1331 1332 <div class="d-flex justify-content-between mb-3"> 1333 <h4 class="text-left mb-0"> 1334 + Cover Costs & Fees 1335 </h4> 1336 <a style="color:inherit" href="#" data-toggle="modal" data-target="#dcc-information-modal"><i class="fa fa-info-circle small"></i></a> 1337 </div> 1338 <p>Help eliminate processing fees and the cost of managing your payment so we can maximize your impact.</p> 1339 <div class="form-group"> 1340 <label for="inputCoverCostsType" class="sr-only">Cover Costs & Fees</label> 1341 <select id="inputCoverCostsType" class="form-control" name="cover_costs_type" v-model="input.cover_costs_type"> 1342 <option value="most_costs">${ money(cover_costs_amounts.most_costs) } - Most Costs</option> 1343 <option value="more_costs">${ money(cover_costs_amounts.more_costs) } - More Costs</option> 1344 <option value="minimum_costs">${ money(cover_costs_amounts.minimum_costs) } - Minimum Costs</option> 1345 <option value="">No Thank You</option> 1346 </select> 1347 </div> 1348 1349 </div> 1350 </div> 1351 </div> 1352 1353 1354 1355 1356 1357 1358 <div v-if="requires_captcha" class="mb-4 text-center"> 1359 <vue-recaptcha class="d-inline-block" ref="recaptcha" sitekey="98e5065c-ad73-4417-a8ce-f8b296e69cf6" @verify="input.recaptcha_response = $event"></vue-recaptcha> 1360 </div> 1361 1362 <div class="mb-4"> 1363 <template v-if="input.payment_type == 'dafpay'"> 1364 <div class="mb-3 text-center"> 1365 <dafpay-button @click="submitPayForm" :validator="validatePayForm"></dafpay-button> 1366 </div> 1367 1368 1369 <div class="text-center"> 1370 1371 1372<div class="gc-lock" style="background-image: url('https://cdn.give
1372cloud.co/static/etc/gc-lock-dark.png');"> 1373 1374 Encrypted & Secure. Give with Confidence.<br><span class="text-muted"><a href="https://givecloud.co/?utm_source=bgcscounty&utm_medium=gc-secure" target="_blank" rel="noopener">Powered by Givecloud.</a></span> 1375</div> 1376 1377 </div> 1378 1379 </template> 1380 <template v-else-if="input.payment_type == 'paypal'"> 1381 <div class="mb-3 text-center"> 1382 <paypal-button @click="submitPayForm" :validator="validatePayForm"></paypal-button> 1383 </div> 1384 1385 1386 <div class="text-center"> 1387 1388 1389<div class="gc-lock" style="background-image: url('https://cdn.givecloud.co/static/etc/gc-lock-dark.png');"> 1390 1391 Encrypted & Secure. Give with Confidence.<br><span class="text-muted"><a href="https://givecloud.co/?utm_source=bgcscounty&utm_medium=gc-secure" target="_blank" rel="noopener">Powered by Givecloud.</a></span> 1392</div> 1393 1394 </div> 1395 1396 </template> 1397 <template v-else> 1398 <!-- desktop buttons / mobile non-sticky --> 1399 <div class=" d-none d-md-block"> 1400 <button type="submit" id="btn-pay" class="btn btn-block btn-xl btn-pill btn-success mb-3" > 1401 1402 <i class="fa fa-lock"></i> Donate ${ money(total_amt,true) } 1403 1404 </button> 1405 1406 1407 <div class="text-center"> 1408 1409 1410<div class="gc-lock" style="background-image: url('https://cdn.givecloud.co/static/etc/gc-lock-dark.png');"> 1411 1412 Encrypted & Secure. Give with Confidence.<br><span class="text-muted"><a href="https://givecloud.co/?utm_source=bgcscounty&utm_medium=gc-secure" target="_blank" rel="noopener">Powered by Givecloud.</a></span> 1413</div> 1414 1415 </div> 1416 1417 </div> 1418 1419 <!-- mobile sticky buttons (fixed to bottom) --> 1420 1421 <div data-sticky-after="#amount_section" class="sticky-div hide-important fixed-bottom shadow-sm p-3 d-flex d-sm-flex d-md-none text-center bg-white align-items-center justify-content-between"> 1422 1423 <div class="text-left"> 1424 1425 1426<div class="gc-lock" style="background-image: url('https://cdn.givecloud.co/static/etc/gc-lock-dark.png');"> 1427 1428 Encrypted & Secure. Give with Confidence.<br><span class="text-muted"><a href="https://givecloud.co/?utm_source=bgcscounty&utm_medium=gc-secure" target="_blank" rel="noopener">Powered by Givecloud.</a></span> 1429</div> 1430 1431 </div> 1432 1433 <div> 1434 <button type="submit" class="btn btn-block btn-lg btn-pill btn-success px-3" > 1435 1436 <i class="fa fa-lock"></i> Donate ${ money(total_amt,true) } 1437 1438 </button> 1439 </div> 1440 </div> 1441 1442 </template> 1443 </div> 1444 1445 </div> 1446 </div> 1447 1448 1449 <div class="row d-md-none" v-cloak> 1450 <div class="col-12 col-md-6 col-lg-7"> 1451 1452 1453 1454 <div class="social-actions card mb-4 wow fadeInUp" data-wow-delay="0.9s"> 1455 <div class="card-body"> 1456 <div class="card-title-sm mb-4"><i class="fa fa-users"></i> Share This</div> 1457 1458 1459 1460 1461 1462 1463 <div class="row gutter-sm"> 1464 <div class="col"> 1465 <a href="https://www.facebook.com/sharer/sharer.php?display=popup&redirect_uri=http%3A%2F%2Fwww.facebook.com&u=https%3A%2F%2Fwww.bgcscounty.org%2Fproduct%2FDONATE-QUICK%2Fdonate-today&t=Donate+Today%21" class="btn btn-sm btn-pill btn-outline-primary btn-block" target="_blank" rel="noopener"><i class="fa fa-facebook fa-fw"></i></a> 1466 </div> 1467 <div class="col"> 1468 <a href="https://twitter.com/intent/tweet?text=Donate+Today%21&url=https%3A%2F%2Fwww.bgcscounty.org%2Fproduct%2FDONATE-QUICK%2Fdonate-today" class="btn btn-sm btn-pill btn-outline-primary btn-block" target="_blank" rel="noopener"><i class="fab fa-x-twitter fa-fw"></i></a> 1469 </div> 1470 <div class="col"> 1471 <a href="/cdn-cgi/l/email-protection#8cb3fff9eee6e9eff8b1c8e3e2edf8e9a9bebcd8e3e8edf5a9bebdaaeee3e8f5b1cbfee9edf8a9bebccaf9f8f9fee9ffa9bebcdff8edfef8a9bebcc4e9fee9a2a9bccda9bccddee9ede8a9bebcc1e3fee9a9bfcda9bebce4f8f8fcffa9bfcda9becaa9becafbfbfba2eeebefffefe3f9e2f8f5a2e3feeba9becafcfee3e8f9eff8a9becac8c3c2cdd8c9a1ddd9c5cfc7a9becae8e3e2edf8e9a1f8e3e8edf5" class="btn btn-sm btn-pill btn-outline-primary btn-block"><i class="fa fa-envelope fa-fw"></i></a> 1472 </div> 1473 <div class="col"> 1474 <a href="https://www.linkedin.com/shareArticle?mini=1&url=https%3A%2F%2Fwww.bgcscounty.org%2Fproduct%2FDONATE-QUICK%2Fdonate-today&title=Donate+Today%21&summary=Great+Futures+Start+Here." class="btn btn-sm btn-pill btn-outline-primary btn-block" target="_blank" rel="noopener"><i class="fa fa-linkedin fa-fw"></i></a> 1475 </div> 1476 <div class="col"> 1477 <a href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.bgcscounty.org%2Fproduct%2FDONATE-QUICK%2Fdonate-today&description=Donate+Today%21&media=" class="btn btn-sm btn-pill btn-outline-primary btn-block" target="_blank" rel="noopener"><i class="fa fa-pinterest fa-fw"></i></a> 1478 </div> 1479 </div> 1480 1481 </div> 1482 </div> 1483 1484 1485 1486 </div> 1487 </div> 1488 1489 </div> 1490 1491 </form> 1492 1493</section> 1494 1495</div> 1496 1497<div class="modal fade" id="dcc-information-modal" tabindex="-1" role="dialog"> 1498 <div class="modal-dialog" role="document"> 1499 <div class="modal-content"> 1500 <div class="modal-body text-center"> 1501 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1502 <span aria-hidden="true">×</span> 1503 </button> 1504 <h2>Help Cover 1505Costs & Fees</h2> 1506 <p>Help make the most of your contribution by covering the very few costs we incur when fundraising online, including:</p> 1507 <ul class="list-unstyled"> 1508 <li><i class="fa fa-check mr-2"></i> Credit Card & Bank Fees</li> 1509 <li><i class="fa fa-check mr-2"></i> IT & Security Costs</li> 1510 <li><i class="fa fa-check mr-2"></i> Software Platform Fees</li> 1511 </ul> 1512 <p>Online payments are one of the most efficient ways for us to fundraise. Software and automation reduce our manual labor and streamline our financial reconciliations so we can focus more of your contribution on making a true impact.</p> 1513 </div> 1514 1515 <div class="modal-footer"> 1516 <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> 1517 </div> 1518 </div> 1519 </div> 1520</div> 1521 1522 1523<div class="modal fade" id="payment-overlay" tabindex="-1" role="dialog" aria-label="Processing" aria-hidden="true"> 1524 <div class="modal-dialog" role="document"> 1525 <div class="modal-content"> 1526 <div id="payment-overlay-spinner" class="modal-body text-center"> 1527 <img class="spinner spinner-spin d-none" src="https://www.bgcscounty.org/static/global/assets/spinner.gif" alt=""> 1528 <img class="spinner spinner-success d-none" src="https://www.bgcscounty.org/static/global/assets/success.gif" alt=""> 1529 1530 1531 </div> 1532 1533 <div id="payment-overlay-automatic-otp" class="modal-body text-center d-none"> 1534 <div class="p-4"> 1535 <div class="p-4"> 1536 <span class="fa-stack fa-2x"> 1537 <i class="fa fa-circle fa-stack-2x" style="color:#ddd;"></i> 1538 <i class="fa fa-user-shield fa-stack-1x fa-xs"></i> 1539 </span> 1540 <h3 class="mb-0 mt-3">Final Step</h3> 1541 <div class="mt-3 subheading">We've sent a 5-digit code to </div> 1542 <div class="mt-3"> 1543 <div class="form-group labelify mb-2"> <!-- :class="{ 'has-errors': errors.has('pay.otp_code') }" --> 1544 <label for="inputOtp">Verification Code</label> 1545 <input id="inputOtp" type="credit-card" maxlength="5" class="form-control" name="otp_code" autocorrect="off" spellcheck="off" autocapitalize="off"> 1546 </div> 1547 <div class="text-sm text-muted">Expires in <span class="otp-expires-in">10:00</span></div> 1548 </div> 1549 </div> 1550 <div class="text-center mt-2"> 1551 <button type="button" class="btn btn-success btn-lg btn-block" data-complete disabled><i class="fa fa-lock"></i> Complete</button> 1552 <button type="button" class="btn btn-block btn-link text-muted text-sm mt-3 p-0" data-resend-code><i class="fa fa-undo"></i> Resend Code</button> 1553 <button type="button" class="btn btn-block btn-link text-muted text-sm mt-2 p-0" data-dismiss="modal"><i class="fa fa-xmark"></i> Cancel</button> 1554 </div> 1555 <div class="text-center text-sm text-muted mt-4"> 1556 Something suspicious about your device or network is preventing us from processing your payment without further verification. Alternatively, you can try PayPal or a device on a different network. 1557 </div> 1558 </div> 1559 </div> 1560 1561 <div id="payment-overlay-manual-otp" class="modal-body text-center d-none"> 1562 <div class="p-4"> 1563 <div class="p-4"> 1564 <span class="fa-stack fa-2x"> 1565 <i class="fa fa-circle fa-stack-2x" style="color:#ddd;"></i> 1566 <i class="fa fa-user-shield fa-stack-1x fa-xs"></i> 1567 </span> 1568 <h3 class="mb-0 mt-3">Final Step</h3> 1569 <div class="mt-3 subheading">Send a new code to </div> 1570 </div> 1571 <div class="text-center mt-2"> 1572 <button type="button" class="btn btn-success btn-lg btn-block" data-complete><i class="fa fa-lock"></i> Request New Code</button> 1573 <button type="button" class="btn btn-block btn-link text-muted text-sm mt-2 p-0" data-dismiss="modal"><i class="fa fa-xmark"></i> Cancel</button> 1574 </div> 1575 <div class="text-center text-sm text-muted mt-4"> 1576 Something suspicious about your device or network is preventing us from processing your payment without further verification. Alternatively, you can try PayPal or a device on a different network. 1577 </div> 1578 </div> 1579 </div> 1580 1581 <div id="payment-overlay-too-many-codes" class="modal-body text-center d-none"> 1582 <div class="p-4"> 1583 <div class="p-4">
1584 <span class="fa-stack fa-2x"> 1585 <i class="fa fa-circle fa-stack-2x" style="color:#ddd;"></i> 1586 <i class="fa fa-user-shield fa-stack-1x fa-xs"></i> 1587 </span> 1588 <h3 class="mb-0 mt-3">Final Step</h3> 1589 <div class="mt-3 subheading">Too many codes. Please wait before requesting a new code.</div> 1590 <div class="text-sm text-muted otp-expires-in">10:00</div> 1591 </div> 1592 <div class="text-center mt-2"> 1593 <button type="button" class="btn btn-success btn-lg btn-block" data-complete disabled><i class="fa fa-lock"></i> Request New Code</button> 1594 <button type="button" class="btn btn-block btn-link text-muted text-sm mt-2 p-0" data-dismiss="modal"><i class="fa fa-xmark"></i> Cancel</button> 1595 </div> 1596 <div class="text-center text-sm text-muted mt-4"> 1597 Something suspicious about your device or network is preventing us from processing your payment without further verification. Alternatively, you can try PayPal or a device on a different network. 1598 </div> 1599 </div> 1600 </div> 1601</div> 1602 1603 </div> 1604</div> 1605 1606 1607<footer> 1608 1609 <div class="section-light"> 1610 <div class="container"> 1611 <div class="row"> 1612 1613 <div class="col gutter-bottom"> 1614 1615 <p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://cdn.givecloud.co/s/files/1/0000/0339/files/centered-full-color-transparent.png" alt="" width="210" height="125" /></p> 1616<p style="text-align: center;">847 Encina Avenue, PO BOX 520, Imperial Beach, CA 91933<br /><br />BGCS is a registered 501(c)3 nonprofit organization<br />All donations are tax deductible</p> 1617 </div> 1618 1619 </div> 1620 </div> 1621 </div> 1622 1623 <div class="section-light section-sm text-sm"> 1624 1625 <div class="gutter-bottom text-center"> 1626 1627 1628 1629<div class="gc-lock" style="background-image: url('https://cdn.givecloud.co/static/etc/gc-lock-dark.png');"> 1630 1631 Encrypted & Secure. Give with Confidence.<br><span class="text-muted"><a href="https://givecloud.co/?utm_source=bgcscounty&utm_medium=gc-secure" target="_blank" rel="noopener">Powered by Givecloud.</a></span> 1632</div> 1633 1634 </div> 1635 1636 1637 1638 1639 <div class="container"> 1640 <div class="d-flex"> 1641 1642 <div class="p-0"> 1643 <p>©Boys & Girls of South County</p> 1644 </div> 1645 1646 1647 </div> 1648 </div> 1649 1650 </div> 1651</footer> 1652 1653 1654 1655 1656 1657 1658 1659 1660 <div class="modal fade" data-pop-up-id="fe09647b6ca747311a27137e494c6937" data-pop-up-delay="2" tabindex="-1" role="dialog"> 1661 <div class="modal-dialog modal-dialog-centered" role="document"> 1662 <div class="modal-content"> 1663 <div class="modal-body"> 1664 <button type="button" class="close close-pop-up" data-dismiss="modal" aria-label="Close"> 1665 <span aria-hidden="true">×</span> 1666 </button> 1667 <h1 class="modal-title text-primary text-center">Support our Clubs</h1> 1668 <p class="text-center text-muted text-lg">Make Every Day Count for Youth!</p> 1669 </div> 1670 <div class="modal-footer"> 1671 <a class="btn btn-primary close-pop-up" rel="button" href="/product/DONATE-QUICK/donate-today">GIVE NOW</a> 1672 </div> 1673 </div> 1674 </div> 1675 </div> 1676 1677 1678 1679 1680 1681 <div id="cookie-alert"> 1682 <div class="cookie-alert-container alert alert-dismissible text-center" role="alert"> 1683 We use cookies to ensure you get the best experience on our website.
1684 <a href="http://cookiesandyou.com/" target="_blank" rel="noopener" class="ml-2 btn btn-outline-light btn-sm">Learn more</a> 1685 <button type="button" class="ml-2 btn btn-light btn-sm" aria-label="Close">I agree</button> 1686 </div> 1687 </div>
vendor: 117 bytes, lines 1687-1696
1687 1688 1689 1690 1691 1692 1693 1694 1695 1696<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1696<script src="https://www.bgcscounty.org/assets/js/core.js?v=dfb0808456"></script>
vendor: 1 bytes, line 1696
1696
1697<script> 1698Givecloud.setConfig({"site":"bgcscounty","host":"www.bgcscounty.org","name":"Boys & Girls Clubs of South County","plan":"STANDARD","account_id":null,"cart_id":"EA6BD01D95","context":"web","csrf_token":"QkSg1txgAV6vRpMtqckbyC9UpdEMh5Rh54RAZRvQ","testmode_token":null,"currency":{"code":"USD","symbol":"$"},"money_with_currency":false,"currencies":[{"active":true,"code":"USD","iso_code":"USD","countries":["AS","IO","GU","MH","FM","MP","PW","PR","TC","US","UM","VI"],"default_country":"US","default":true,"has_unique_symbol":true,"local":true,"name":"US Dollar","rate":1,"symbol":"$","unique_symbol":"$","subunit":100,"locale":"en-US"}],"locale":{"iso":"en-US","language":"en","region":"US"},"provider":"safesave","gateways":{"credit_card":"safesave","bank_account":false,"paypal":false,"wallet_pay":false,"dafpay":false,"venmo":false},"supported_cardtypes":["visa","master-card","american-express","discover"],"processing_fees":{"cover":true,"amount":0.3,"rate":2.89,"using_ai":true},"account_types":[],"captcha_type":"hcaptcha","requires_captcha":true,"recaptcha_site_key":"98e5065c-ad73-4417-a8ce-f8b296e69cf6","monocle_publishable_key":"SMAzyzEzvGDG45WsQ50gJ45Qxf4nz1wtp3NpKieoYcFhtLcTf5IqI0uNXTc4ENBFcuJoybniN2DS4tFYW1RSyfEY1UPofpRxUUvt3vRIRu2UKn1IujaXDXPL1X2LS6Mj0BVGtv4cVCQ76GTeO0BgvsUHYorJcnrxRuoyd26vhrbc9LW1isqVvOXWhtkS22B8ajzcJvbC06HzCidjEHlrMaoYljp5thjEwOtSIU1d45vTcYFHX3tmJWTA2n4RXpXTPdSgjXtpQqlfVgreOT9xyFcA1AqGOHSQ3bRcqUWi9P2Ii74l6Zqp18180RoMPTLZbvm1wYar3ZIWo4P5MGI9kqBpdS3VV3l0dofmzdHoFs7VzAcffudvfQoa3FkdgKftMon9KFpY4FOtnWTS6JDwovTqO6XE99RYTmRBTl","title_options":["Mr","Mrs"],"referral_sources":{"enabled":true,"sources":["Facebook","Friend","Parent","Event","An Ad","Alumni"],"allow_other":"1"},"org_legal_country":"US","billing_country_code":"US","shipping_country_code":"US","force_country":null,"pinned_countries":["CA","US"],"account":null,"gift_aid":false,"script_src":"https:\/\/www.bgcscounty.org\/assets\/js\/core.js?v=dfb0808456","script_src_integrity":null,"shippable_countries":[],"shippable_regions":[],"ip_address":"181.215.65.71","masked_supporter_info":null,"checkout_min_value":"7"}); 1699</script>
vendor: 1 bytes, line 1699
1699
1700<script>Givecloud.Gateway('safesave').setConfig({"tokenizationKey":null});</script>
vendor: 1 bytes, line 1700
1700
1701<script> 1702window.themeLocalizationMap = { 1703 "date_formats": { 1704 "calendar_short_month_day_year": "M d, yyyy", 1705 "month_day": "F j", 1706 "month_day_year": "F j, Y", 1707 "short_day_month": "jS", 1708 "short_month_day_year": "M j, Y", 1709 "short_month_ordinal_day": "M jS", 1710 "short_month_ordinal_day_year": "M jS, Y" 1711 }, 1712 "general": { 1713 "actions": { 1714 "continue_below": "Continue below", 1715 "close": "Close", 1716 "read_more": "Read More", 1717 "view": "View" 1718 }, 1719 "forms": { 1720 "account_holder_name": "Account Holder Name", 1721 "account_holder_name_placeholder": "John Smith", 1722 "account_holder_type": "Account Holder Type", 1723 "account_holder_types": { 1724 "company": "Company", 1725 "individual": "Individual" 1726 }, 1727 "account_type": "Account Type", 1728 "account_no": "Account #", 1729 "address": "Address", 1730 "address_placeholder": "Street and number, P.O. box, c\/o.", 1731 "address_2": "Address 2", 1732 "address_2_placeholder": "Apartment, suite, unit, building, floor, etc.", 1733 "bank": "Bank", 1734 "billing_address": "Billing Address", 1735 "cardholder_name": "Cardholder Name", 1736 "cardholder_name_placeholder": "John Smith", 1737 "checking": "Checking", 1738 "choose_your_impact": "Choose Your Impact", 1739 "city": "City", 1740 "countries": { 1741 "canada": "Canada", 1742 "mexico": "Mexico", 1743 "united_states": "United States" 1744 }, 1745 "country": "Country", 1746 "cover_costs": { 1747 "most_costs": "{{ amount }} - Most Costs", 1748 "more_costs": "{{ amount }} - More Costs", 1749 "minimum_costs": "{{ amount }} - Minimum Costs", 1750 "original": "{{ amount }} - Original", 1751 "no_thank_you": "No Thank You" 1752 }, 1753 "cover_costs_reverse": { 1754 "most_costs": "Most Costs - {{ amount }}", 1755 "more_costs": "More Costs - {{ amount }}", 1756 "minimum_costs": "Minimum Costs - {{ amount }}" 1757 }, 1758 "cover_costs_dialog": { 1759 "help_cover_costs_fees": "Help Cover\nCosts & Fees", 1760 "one_of_the_most_cost_effective_ways": "Online payments are one of the most efficient ways for us to fundraise. Software and automation reduce our manual labor and streamline our financial reconciliations so we can focus more of your contribution on making a true impact.", 1761 "help_make_the_most_of_your_donation": "Help make the most of your contribution by covering the very few costs we incur when fundraising online, including:", 1762 "processing_bank_fees": "Credit Card & Bank Fees", 1763 "it_security_costs": "IT & Security Costs", 1764 "software_costs": "Software Platform Fees" 1765 }, 1766 "credit_card_number": "Credit Card Number", 1767 "credit_debit": "Credit \/ Debit", 1768 "cvv": "CVV", 1769 "email": "Email", 1770 "expiry": "MM \/ YY", 1771 "expiry_placeholder": "MM \/ YY", 1772 "first_name": "First Name", 1773 "institution_no": "Institution #", 1774 "use_a_password": "Use a Password", 1775 "use_a_login_link": "Use a Login Link", 1776 "last_name": "Last Name", 1777 "optin_label": "Send me emails and updates.", 1778 "organization_name": "Organization Name", 1779 "or": "OR", 1780 "password": "Password", 1781 "paypal": "PayPal", 1782 "phone": "Phone", 1783 "postal": "Postal", 1784 "province": "Province", 1785 "referral_source": "How'd you hear about us?", 1786 "routing_no": "Routing #", 1787 "savings": "Savings", 1788 "state": "State", 1789 "supporter_type": "Supporter Type", 1790 "title": "Title", 1791 "transit_no": "Transit #", 1792 "we_support": "We support:", 1793 "zip": "ZIP" 1794 }, 1795 "subdivision_types": { 1796 "administration": "Administration", 1797 "administrative_region": "Administrative region", 1798 "administrative_territory": "Administrative Territory", 1799 "administrative_atoll": "Administrative atoll", 1800 "arctic_region": "Arctic Region", 1801 "area": "Area", 1802 "autonomous_city": "Autonomous city", 1803 "autonomous_district": "Autonomous District", 1804 "autonomous_province": "Autonomous province", 1805 "autonomous_region": "Autonomous region", 1806 "autonomous_community": "Autonomous community", 1807 "autonomous_municipality": "Autonomous municipality", 1808 "autonomous_republic": "Autonomous republic", 1809 "autonomous_sector": "Autonomous sector", 1810 "autonomous_territorial_unit": "Autonomous territorial unit", 1811 "borough": "Borough", 1812 "canton": "Canton", 1813 "capital_district": "Capital district", 1814 "capital_metropolitan_city": "Capital Metropolitan City", 1815 "capital_territory": "Capital territory", 1816 "capital_city": "Capital city", 1817 "chains_of_islands": "Chains (of islands)", 1818 "city_corporation": "City corporation", 1819 "city_with_county_rights": "City with county rights", 1820 "city": "City", 1821 "commune": "Commune", 1822 "constitutional_province": "Constitutional province", 1823 "council_area": "Council area", 1824 "country": "Country", 1825 "county": "County", 1826 "department": "Department",
1827 "dependency": "Dependency", 1828 "development_region": "Development region", 1829 "district": "District", 1830 "division": "Division", 1831 "economic_prefecture": "Economic Prefecture", 1832 "economic_region": "Economic region", 1833 "emirate": "Emirate", 1834 "entity": "Entity", 1835 "federal_dependency": "Federal Dependency", 1836 "federal_district": "Federal district", 1837 "federal_territories": "Federal Territories", 1838 "geographical_entity": "Geographical Entity", 1839 "geographical_region": "Geographical region", 1840 "geographical_unit": "Geographical unit", 1841 "governorate": "Governorate", 1842 "indigenous_region": "Indigenous region", 1843 "island_council": "Island council", 1844 "island_group": "Island group", 1845 "island": "Island", 1846 "local_council": "Local council", 1847 "london_borough": "London borough", 1848 "metropolitan_cities": "Metropolitan cities", 1849 "metropolitan_department": "Metropolitan department", 1850 "metropolitan_district": "Metropolitan district", 1851 "metropolitan_region": "Metropolitan region", 1852 "municipalities": "Municipalities", 1853 "municipality": "Municipality", 1854 "nation": "Nation", 1855 "oblast": "Oblast", 1856 "outlying_area": "Outlying area", 1857 "overseas_department": "Overseas department", 1858 "overseas_region": "Overseas region", 1859 "overseas_territorial_collectivity": "Overseas territorial collectivity", 1860 "parish": "Parish", 1861 "popularates": "Popularates", 1862 "prefecture": "Prefecture", 1863 "province": "Province", 1864 "quarter": "Quarter", 1865 "rayon": "Rayon", 1866 "region": "Region", 1867 "regional_council": "Regional council", 1868 "republic": "Republic", 1869 "republican_city": "Republican City", 1870 "self_governed_part": "Self-governed part", 1871 "special_district": "Special District", 1872 "special_municipality": "Special municipality", 1873 "special_region": "Special Region", 1874 "special_administrative_region": "Special administrative region", 1875 "special_city": "Special city", 1876 "special_island_authority": "Special island authority", 1877 "special_zone": "Special zone", 1878 "state": "State", 1879 "territorial_unit": "Territorial unit", 1880 "territory": "Territory", 1881 "town_council": "Town council", 1882 "two_tier_county": "Two-tier county", 1883 "union_territory": "Union territory", 1884 "unitary_authority": "Unitary authority", 1885 "zone": "Zone" 1886 }, 1887 "give_with_confidence": "Encrypted & Secure. Give with Confidence.", 1888 "logout": "Logout", 1889 "powered_by_givecloud": "Powered by Givecloud." 1890 }, 1891 "scripts": { 1892 "components": { 1893 "amount": "Amount", 1894 "other": "Other", 1895 "donate_with": "Donate with", 1896 "price": "{{ symbol }}{{ price }}", 1897 "product_tribute_mail_fields": { 1898 "street_address": "Street Address", 1899 "what_is_the_zip": "What is the ZIP?", 1900 "which_address_are_we_sending_the_notice_to": "Which address are we sending the notice to?", 1901 "which_city": "Which city?", 1902 "which_country": "Which country?" 1903 }, 1904 "password_validator": { 1905 "feedback_title": "Password must:", 1906 "feedback_description": "Password must be at least 12 characters and include uppercase letters, lowercase letters, and numbers", 1907 "feedback_length": "Be at least 12 characters", 1908 "feedback_uppercase": "Contain at least one uppercase letter", 1909 "feedback_lowercase": "Contain at least one lowercase letter", 1910 "feedback_number": "Contain at least one number" 1911 } 1912 }, 1913 "templates": { 1914 "cart": { 1915 "cart_has_already_been_initialized": "Cart has already been initialized.", 1916 "cart_has_not_been_initialized_yet": "Cart has not been initialized yet.", 1917 "cart_saved": "Cart saved.", 1918 "error_empty_cart": "Please add items to your cart before proceeding to payment.", 1919 "error_removing_item_from_cart": "Error removing item from cart.", 1920 "error_updating_item_quantity_in_cart": "Error updating item quantity in cart.", 1921 "item_quantity_updated": "Item quantity updated.", 1922 "item_removed_from_cart": "Item removed from cart.", 1923 "item_removed_from_your_cart": "Item removed from your cart.", 1924 "only_one_donation": "The quantity of a donation item can't be greater than one.", 1925 "unable_to_update_cart": "Unable to update carts not match.", 1926 "welcome_back": "Welcome back!" 1927 }, 1928 "discount_applied": "Discount applied!", 1929 "multi_item_checkout": { 1930 "error_applying_discount": "Error applying discount." 1931 }, 1932 "post_type_content": { 1933 "filter_by_category": "Filter by category" 1934 }, 1935 "product": { 1936 "added_to_your_cart": "Added to your cart!", 1937 "amount": "Amount", 1938 "choose_an_amount": "Choose an Amount", 1939 "minimum_donation": "There is a minimum donation of {{ currency_price }}" 1940 }, 1941 "split_fund_donations": { 1942 "no_donations_yet": "You haven't added any donations yet.", 1943 "no_negative_donation": "You cannot donate a negative amount for the '{{ product }}' donation.", 1944 "not_met_the_minimum_donation_amount": "You haven't met the minimum donation amount of {{ currency_price }} for the '{{ product }}' donation.", 1945 "one_time": "One-Time", 1946 "per_bi_annually": "\/bi-annually", 1947 "per_bi_weekly": "\/bi-weekly", 1948 "per_month": "\/mth", 1949 "per_quarter": "\/qr", 1950 "per_week": "\/week", 1951 "per_year": "\/yr", 1952 "recurring_annually": "Recurring Annually", 1953 "recurring_bi_annually": "Recurring Bi-Annually", 1954 "recurring_bi_weekly": "Recurring Bi-Weekly", 1955 "recurring_monthly": "Recurring Monthly", 1956 "recurring_quarterly": "Recurring Quarterly", 1957 "recurring_weekly": "Recurring Weekly" 1958 }, 1959 "subscription_cancel": { 1960 "missed_recommend": "Oops! You missed: 'How likely are you to recommend us?'", 1961 "recurring_payment_cancelled": "Recurring payment cancelled!", 1962 "recurring_payment_updated": "Recurring payment updated!" 1963 }, 1964 "subscription_edit": { 1965 "recurring_payment_saved": "Recurring Payment Saved!" 1966 },
1967 "unsupport_card_type": "Unsupported card type. Please try again with a different card." 1968 }, 1969 "snippets": { 1970 "payment_overlay": { 1971 "subheading": "We've sent a 5-digit code to {{ email }}", 1972 "subheading_request_new_code": "Send a new code to {{ email }}", 1973 "subheading_too_many_codes": "Too many codes. Please wait before requesting a new code.", 1974 "failure": "There was an error verifying your code. Please try again." 1975 } 1976 }, 1977 "theme": { 1978 "alert": "Alert", 1979 "choose_a_number": "Choose a number!", 1980 "compose_an_epic": "Share your story...", 1981 "confirm": "Confirm", 1982 "hi_name": "Hi, {{ icon }} <strong>{{ name }}<\/strong>", 1983 "no": "No", 1984 "thank_you_for_the_feedback": "Thank you for the feedback!", 1985 "unknown_error_521": "Unknown error (521)", 1986 "yes": "Yes" 1987 } 1988 } 1989}; 1990</script>
1990 1991
1992<script type="text/javascript" src="/assets/apps/global-theme/js/vendor.1a67ea6316.js"></script>
vendor: 1 bytes, line 1992
1992
1993<script type="text/javascript" src="/assets/apps/global-theme/js/theme.204bd38824.js"></script>
vendor: 1 bytes, line 1993
1993
1994<script type="text/javascript" src="https://hcaptcha.com/1/api.js?languageOverride=en" async defer></script>
vendor: 1 bytes, line 1994
1994
1995<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDD4qfFtpZXK1CoqE5tr9me4MIsGAdeHc0&libraries=places&callback=loadLookup" async defer></script>
1995 1996 1997 1998 1999<img src="//bgcscounty.org/cds-hO8BadQ4IyPvTU6njwj0pKokiiTofNecpOA7wuDZ.gif" alt="" style="position:absolute;top:0;left:0;visibility:hidden;width:1px!important;height:1px!important;"> 2000<img src="//bgcscounty.donorshops.com/cds-hO8BadQ4IyPvTU6njwj0pKokiiTofNecpOA7wuDZ.gif" alt="" style="position:absolute;top:0;left:0;visibility:hidden;width:1px!important;height:1px!important;"> 2001<img src="//bgcscounty.givecloud.co/cds-hO8BadQ4IyPvTU6njwj0pKokiiTofNecpOA7wuDZ.gif" alt="" style="position:absolute;top:0;left:0;visibility:hidden;width:1px!important;height:1px!important;"> 2002 2003</body> 2004 2005</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.