1 <!DOCTYPE html> 2 3<html lang="en" class=" show-logo show-logo-text "> 4 5<head> 6<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 7<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 8 9 10 <meta name="robots" content="all"> 11 12<meta property="og:image" content="https://stcharlesia.us/images/logos_mi/C_432_srPTbvZA_1352756831_8397.jpeg"> 13<meta name="twitter:card" content="summary_large_image"> 14<meta name="twitter:image" content="https://stcharlesia.us/images/logos_mi/C_432_srPTbvZA_1352756831_8397.jpeg"> 15 16<link rel="canonical" href="https://stcharlesia.us/contact-us"> 17 18<meta name="keywords" content="City of St. Charles, Saint Charles IA"> 19<meta name="description" content="Welcome to the Official Website of City of St. Charles in Saint Charles, IA!"> 20<meta property="og:description" content="Welcome to the Official Website of City of St. Charles in Saint Charles, IA!"> 21<title>Contact Us | City of St. Charles</title> 22<meta property="og:title" content="Contact Us | City of St. Charles"> 23<meta property="og:site_name" content="City of St. Charles"> 24 25 26<link rel="shortcut icon" href="/images/favicon.ico"> 27<!--
27<script src="https://kit.fontawesome.com/cb6963841b.js" crossorigin="anonymous"></script>
27--> 28 29 30 31 <link href="/2021_assets/themes/css/royal.css?v=1772481330" rel="stylesheet"> 32 33 <style> 34 @media (min-width: 768px) { 35 body { 36 background-image: url(/images/logos_mi/C_432_Imes_1352756831_3252.jpg); 37 background-attachment: fixed; 38 background-position:top center; 39 background-size: cover; 40 } 41 } 42 </style> 43 <link rel="preconnect" href="https://fonts.gstatic.com"> 44<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> 45<link href="/2021_assets/themes/css/typography_librebaskerville_lato.css" rel="stylesheet"> 46 47<meta name="google-translate-customization" content="901b67349773adc7-6ebe3646a2b1f271-g72f83e31d94102b1-17"> 48 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.css" 49 integrity="sha384-9KcNFt4axT+TNOVPHpwGHOm4Kv0UcMjdVya1kl+EPBQG+Vmqtz28cnx0f5PZYcnF" 50 crossorigin="anonymous"> 51
51<script src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.umd.js" 52 integrity="sha384-xOY5eqzqHsjfa8YYAomICWjVJ3g9q1C1tWgRF09ut5PzRJjLFSpKH7gCsIN3hKcA" 53 crossorigin="anonymous"></script>
53 54
54<script> 55 const CAT_NECESSARY = "necessary"; 56 const CAT_ANALYTICS = "analytics"; 57 const CAT_FUNCTIONALITY = "functionality"; 58 const CAT_SECURITY = "security"; 59 60 const SERVICE_ANALYTICS_STORAGE = 'analytics_storage' 61 const SERVICE_FUNCTIONALITY_STORAGE = 'functionality_storage' 62 const SERVICE_PERSONALIZATION_STORAGE = 'personalization_storage' 63 const SERVICE_SECURITY_STORAGE = 'security_storage' 64 65 // Define dataLayer and the gtag function. 66 window.dataLayer = window.dataLayer || []; 67 function gtag(){dataLayer.push(arguments);} 68 69 // Set default consent to 'denied' (this should happen before changing any other dataLayer) 70 gtag('consent', 'default', { 71 [SERVICE_ANALYTICS_STORAGE]: 'denied', 72 [SERVICE_FUNCTIONALITY_STORAGE]: 'denied', 73 [SERVICE_PERSONALIZATION_STORAGE]: 'denied', 74 [SERVICE_SECURITY_STORAGE]: 'denied', 75 }); 76 </script>
76<style> 77 .img-responsive, .img-fluid { 78 display: inline-block; 79 max-width: 100%; 80 height: auto; 81 } 82 tbody, td, tfoot, th, thead, tr { 83 border-color: inherit; 84 border-style: inherit; 85 border-width: inherit; 86 } 87 .responsive-video { 88 position: relative; 89 height: 0; 90 padding-top: 56.25%; 91 } 92 .responsive-video iframe { 93 position: absolute; 94 top: 0; 95 left: 0; 96 width: 100%; 97 height: 100%; 98 } 99 .carousel-item a.slide-link { 100 display: block; 101 width: 100%; 102 height: 100%; 103 position: absolute; 104 left: 0; 105 top: 0; 106 z-index: 10; 107 } 108 .folder-list a { 109 text-decoration: none; 110 } 111 .folder-list a:hover { 112 text-decoration: underline; 113 } 114</style> 115</head> 116<body class=""> 117<img src="https://stcharlesia.us/images/logos_mi/C_432_srPTbvZA_1352756831_8397.jpeg" alt="" aria-hidden="true" style="display: none;"> 118 119 120 121<header role="banner" id="site_header" class="navbar-light"> 122 <a href="#site_main" class="skip btn btn-white visually-hidden-focusable">Skip to main content</a> 123 <div class="eyebrow bg-primary text-white"> 124 <div class="container-fluid"> 125 126 127 <div class="row d-flex justify-content-between align-items-center"> 128 <div class="col col-lg-3 order-3 text-right eyebrow-content eyebrow-contact"> 129 <a href="/contact-us">Contact Us</a> 130 </div> 131 <div class="col col-lg-3 order-2 order-lg-1 text-left eyebrow-content eyebrow-weather"> 132 <!--Today: --> 133<img src="/imgD/weatherbit_icons/c02d.png" aria-hidden="true" alt="" style="width:32px;" class="mr-1" /> 134<span class="d-none d-md-inline"><span class="visually-hidden">Today's weather: </span>Few clouds</span> 13573°/55° </div> 136 </div> 137 </div> 138 </div> 139 <div class="navbar navbar-expand-lg bg-white"> 140 <div class="container-fluid flex-lg-wrap"> 141 <div class="navbar-brand d-flex justify-content-start align-items-center"> 142 <a href="/home" class="brand-image mr-2 mr-sm-4"><img src="/images/logos_mi/C_432_srPTbvZA_1352756831_8397.jpeg" alt="City of St. Charles - A Place to Call Home..." class="logo-header"></a><a href="/home" class="brand-text font-family-heading text-28 text-gray-900 mr-2 mr-sm-4">City of St. Charles</a> </div> 143 <button type="button" class="navbar-toggler collapsed" data-bs-toggle="collapse" data-bs-target="#nav_primary" aria-controls="nav_primary" aria-expanded="false" aria-label="Toggle navigation"></button> 144 <nav class="collapse navbar-collapse ml-lg-auto" id="nav_primary" aria-label="Main"> 145 <ul class="navbar-nav ml-lg-auto"> 146<li class="nav-item"><a 147 href="/" 148 class="nav-link " 149 150 >Home</a></li> 151<li 152 class="nav-item dropdown " 153 154 > 155 156 <a 157 href="#" 158 class="nav-link dropdown-toggle " 159 id="nav_76480" 160 role="button" 161 data-bs-toggle="dropdown" 162 aria-expanded="false" 163 164 >Community</a> 165<ul class="dropdown-menu" aria-labelledby="nav_76480"> 166<li class="nav-item"><a 167 href="/about-us" 168 class="nav-link " 169 170 >About Us</a></li> 171<li class="nav-item"><a 172 href="/calendar-of-events" 173 class="nav-link " 174 175 >Calendar of Events</a></li> 176<li class="nav-item"><a 177 href="/the-gateway-st-charles-welcome-center-and-event-venue" 178 class="nav-link " 179 180 >The Gateway St. Charles, Welcome Center & Event Venue</a></li> 181<li class="nav-item"><a 182 href="/library" 183 class="nav-link " 184 185 >Library</a></li> 186<li class="nav-item"><a 187 href="/recent-news" 188 class="nav-link " 189 190 >Recent News</a></li> 191<li class="nav-item"><a 192 href="/schools" 193 class="nav-link " 194 195 >Schools</a></li> 196<li class="nav-item"><a 197 href="/st-charles-cemetery" 198 class="nav-link " 199 200 >St. Charles Cemetery</a></li> 201<li class="nav-item"><a 202 href="/worship" 203 class="nav-link " 204 205 >Worship</a></li> 206<li class="nav-item"><a 207 href="/st-charles-lions-club" 208 class="nav-link " 209 210 >St. Charles Lions Club</a></li> 211<li 212 class="nav-item " 213 214 > 215<a
216 href="/st-charles-old-settlers-celebration" 217 class="nav-link " 218 219 >St. Charles Old Settlers Celebration</a> 220<ul class="nested-menu"> 221<li class="nav-item"><a 222 href="/theme-and-events" 223 class="nav-link " 224 225 >Theme and Events</a></li> 226 227</ul> 228</li> 229 230</ul> 231</li> 232<li 233 class="nav-item dropdown " 234 235 > 236 237 <a 238 href="#" 239 class="nav-link dropdown-toggle " 240 id="nav_76556" 241 role="button" 242 data-bs-toggle="dropdown" 243 aria-expanded="false" 244 245 >Government</a> 246<ul class="dropdown-menu" aria-labelledby="nav_76556"> 247<li 248 class="nav-item " 249 250 > 251<a 252 href="/boards-and-commissions" 253 class="nav-link " 254 255 >Boards & Commissions</a> 256<ul class="nested-menu"> 257<li class="nav-item"><a 258 href="/planning-and-zoning" 259 class="nav-link " 260 261 >Planning & Zoning</a></li> 262<li class="nav-item"><a 263 href="/board-of-variance" 264 class="nav-link " 265 266 >Board of Variance</a></li> 267 268</ul> 269</li> 270<li 271 class="nav-item " 272 273 > 274<a 275 href="/city-hall" 276 class="nav-link " 277 278 >City Hall</a> 279<ul class="nested-menu"> 280<li class="nav-item"><a 281 href="/city-clerk" 282 class="nav-link " 283 284 >City Clerk</a></li> 285 286</ul> 287</li> 288<li 289 class="nav-item " 290 291 > 292<a 293 href="/code-compliance" 294 class="nav-link " 295 296 >Code Compliance</a> 297<ul class="nested-menu"> 298<li class="nav-item"><a 299 href="/ordinances" 300 class="nav-link " 301 302 >Ordinances</a></li> 303 304</ul> 305</li> 306<li 307 class="nav-item " 308 309 > 310<a 311 href="/2025-municipal-elections" 312 class="nav-link " 313 314 >2025 Municipal Elections</a> 315<ul class="nested-menu"> 316<li class="nav-item"><a 317 href="/candidate-information" 318 class="nav-link " 319 320 >Candidate Information</a></li> 321 322</ul> 323</li> 324<li 325 class="nav-item " 326 327 > 328<a 329 href="/financial-reports-and-budgets" 330 class="nav-link " 331 332 >Financial Reports & Budgets</a> 333<ul class="nested-menu"> 334<li class="nav-item"><a 335 href="/annual-budget" 336 class="nav-link " 337 338 >Annual Budget</a></li> 339<li class="nav-item"><a 340 href="/financial-reports-audits" 341 class="nav-link " 342 343 >Financial Reports/Audits</a></li> 344<li class="nav-item"><a 345 href="/financial-transparency" 346 class="nav-link " 347 348 >
348Financial Transparency</a></li> 349 350</ul> 351</li> 352<li 353 class="nav-item " 354 355 > 356<a 357 href="/human-resources" 358 class="nav-link " 359 360 >Human Resources</a> 361<ul class="nested-menu"> 362<li class="nav-item"><a 363 href="/employment-opportunities" 364 class="nav-link " 365 366 >Employment Opportunities</a></li> 367 368</ul> 369</li> 370<li 371 class="nav-item " 372 373 > 374<a 375 href="/mayor-and-council" 376 class="nav-link " 377 378 >Mayor & Council</a> 379<ul class="nested-menu"> 380<li class="nav-item"><a 381 href="/mayor" 382 class="nav-link " 383 384 >Mayor</a></li> 385<li class="nav-item"><a 386 href="/council" 387 class="nav-link " 388 389 >Council</a></li> 390 391</ul> 392</li> 393<li 394 class="nav-item " 395 396 > 397<a 398 href="/meeting-agendas-and-minutes" 399 class="nav-link " 400 401 >Meeting Agendas & Minutes</a> 402<ul class="nested-menu"> 403<li class="nav-item"><a 404 href="/agendas" 405 class="nav-link " 406 407 >Agendas</a></li> 408<li class="nav-item"><a 409 href="/minutes" 410 class="nav-link " 411 412 >Minutes</a></li> 413 414</ul> 415</li> 416<li 417 class="nav-item " 418 419 > 420<a 421 href="/open-records" 422 class="nav-link " 423 424 >Open Records</a> 425<ul class="nested-menu"> 426<li class="nav-item"><a 427 href="/public-information-request" 428 class="nav-link " 429 430 >Public Information Request</a></li> 431 432</ul> 433</li> 434 435</ul> 436</li> 437<li 438 class="nav-item dropdown " 439 440 > 441 442 <a 443 href="#" 444 class="nav-link dropdown-toggle " 445 id="nav_76481" 446 role="button" 447 data-bs-toggle="dropdown" 448 aria-expanded="false" 449 450 >Residents</a> 451<ul class="dropdown-menu" aria-labelledby="nav_76481"> 452<li class="nav-item"><a 453 href="/alerts" 454 class="nav-link " 455 456 >Alerts</a></li> 457<li class="nav-item"><a 458 href="/building-permits-and-inspections" 459 class="nav-link " 460 461 >Building Permits & Inspections</a></li> 462<li 463 class="nav-item " 464 465 > 466<a 467 href="/departments" 468 class="nav-link " 469 470 >Departments</a> 471<ul class="nested-menu"> 472<li 473 class="nav-item " 474 475 > 476<a 477 href="/emergency-services" 478 class="nav-link " 479 480 >Emergency Services</a> 481<ul class="nested-menu"> 482<li class="nav-item"><a 483 href="/fire-department" 484 class="nav-link " 485 486 >Fire Department</a></li> 487<li class="nav-item"><a 488 href="/sheriff-department" 489 class="nav-link " 490 491 >Sheriff Department</a></li> 492 493</ul> 494</li> 495<li 496 class="nav-item " 497 498 > 499<a 500 href="/parks-and-recreation" 501 class="nav-link " 502 503 >Parks & Recreation</a> 504<ul class="nested-menu"> 505<li 506 class="nav-item " 507 508 > 509<a 510 href="/park-facilities" 511 class="nav-link " 512 513 >Park Facilities</a> 514<ul class="nested-menu"> 515<li class="nav-item"><a 516 href="/park-rentals" 517 class="nav-link " 518 519 >Park Rentals</a></li> 520 521</ul> 522</li> 523 524</ul> 525</li> 526<li class="nav-item"><a 527 href="/gas-and-electric-utilities" 528 class="nav-link " 529 530 >Gas & Electric Utilities</a></li> 531<li class="nav-item"><a 532 href="/sanitation-and-recycling" 533 class="nav-link " 534 535 >Sanitation & Recycling</a></li> 536<li class="nav-item"><a 537 href="/water-utilities" 538 class="nav-link " 539 540 >Water Utilities</a></li> 541 542</ul> 543</li> 544<li class="nav-item"><a 545 href="/faq" 546 class="nav-link " 547 548 >FAQ</a></li> 549<li class="nav-item"><a 550 href="/new-resident-resources" 551 class="nav-link " 552 553 >New Resident Resources</a></li> 554<li class="nav-item"><a 555 href="/frequently-called-numbers" 556 class="nav-link " 557 558 >Frequently Called Numbers</a></li> 559 560</ul> 561</li> 562<li 563 class="nav-item dropdown " 564 565 > 566 567 <a 568 href="#" 569 class="nav-link dropdown-toggle " 570 id="nav_76507" 571 role="button" 572 data-bs-toggle="dropdown" 573 aria-expanded="false" 574 575 >Business</a> 576<ul class="dropdown-menu" aria-labelledby="nav_76507"> 577<li class="nav-item"><a 578 href="/business-licenses-and-permits" 579 class="nav-link " 580 581 >Business Licenses & Permits</a></li> 582<li class="nav-item"><a 583 href="/chamber-of-commerce" 584 class="nav-link " 585 586 >Chamber of Commerce</a></li> 587 588</ul> 589</li> 590<li 591 class="nav-item dropdown active" 592 title="contains current page link" 593 > 594 595 <a 596 href="#" 597 class="nav-link dropdown-toggle " 598 id="nav_76555" 599 role="button" 600 data-bs-toggle="dropdown" 601 aria-expanded="false" 602 603 >Visitors</a> 604<ul class="dropdown-menu" aria-labelledby="nav_76555"> 605<li class="nav-item"><a 606 href="/attractions" 607 class="nav-link " 608 609 >Attractions</a></li> 610<li class="nav-item"><a 611 href="/locations-and-directions" 612 class="nav-link " 613 614 >Locations & Directions</a></li> 615<li class="nav-item"><a 616 href="/the-gateway-st-charles-welcome-center-and-event-venue-1" 617 class="nav-link " 618 619 >The Gateway St. Charles, Welcome Center and Event Venue</a></li> 620 621</ul> 622</li> 623 624 <li class="nav-item dropdown dropdown-search"> 625 <a 626 href="#" 627 class="nav-link dropdown-toggle dropdown-toggle-search" 628 id="nav_search" 629 role="button" 630 data-bs-toggle="dropdown" 631 aria-expanded="false" 632 ><span class="visually-hidden">Search</span><span class="far fa-search" aria-hidden="true"></span></a> 633 <div class="dropdown-menu dropdown-menu-search" aria-labelledby="nav_search"> 634 635 <form action="/search" role="search" class="d-flex"> 636 <div class="form-floating"> 637 <input type="text" value="" name="search_terms" id="search_terms" class="s form-control form-control-search" placeholder="Search this website …"> 638 <label for="search_terms" class="text-gray-900">Search</label> 639 </div> 640 <button type="submit" class="btn btn-primary btn-search"><span class="visually-hidden">Submit</span><span class="far fa-search" aria-hidden="true"></span></button> 641 </form> 642 643 </div> 644 </li> 645 646</ul> 647 </nav> 648 </div> 649 </div> 650</header> 651 652 653
654 <div id="page_content" class="container container-with-nav my-5"> 655 <div class="d-flex flex-column flex-lg-row align-items-stretch"> 656 <main role="main" id="site_main" class="col-lg-8 order-lg-2 bg-white invisible"> 657 658<span id="new_window_description" hidden> 659 Opens in a new window 660</span> 661 662 <h1>Contact Us</h1> 663<!-- Content Box (10001) --><p>Have a question or request? Feel free to use the contact form below. Simply select the appropriate department you wish to contact from the drop down menu, fill out the remaining information and let us know how we can help you. </p><!-- DOMAIN: stcharlesia.us -->
vendor: 72 bytes, lines 663-664
663 664 <script src="https://www.google.com/recaptcha/enterprise.js?render=
6646LedivYrAAAAAAhLy-BBYcSCILSnCSBFoixtTMig
vendor: 16 bytes, lines 664-665
664"></script> 665
665<script> 666if (typeof window.lockFormSubmit !== "function") { 667 window.lockFormSubmit = function (form) { 668 if (!form || form.dataset.submitting === "1") { return false; } 669 form.dataset.submitting = "1"; 670 var buttons = form.querySelectorAll("[type=submit]"); 671 for (var i = 0; i < buttons.length; i++) { 672 var b = buttons[i]; 673 if (b.tagName === "BUTTON") { 674 b.dataset.originalLabel = b.textContent; 675 b.textContent = "Sendingâ¦"; 676 } else { 677 b.dataset.originalLabel = b.value; 678 b.value = "Sendingâ¦"; 679 } 680 b.disabled = true; 681 } 682 return true; 683 }; 684 window.unlockFormSubmit = function (form) { 685 if (!form) { return; } 686 form.dataset.submitting = "0"; 687 var buttons = form.querySelectorAll("[type=submit]"); 688 for (var i = 0; i < buttons.length; i++) { 689 var b = buttons[i]; 690 b.disabled = false; 691 if (typeof b.dataset.originalLabel === "string") { 692 if (b.tagName === "BUTTON") { b.textContent = b.dataset.originalLabel; } 693 else { b.value = b.dataset.originalLabel; } 694 } 695 } 696 }; 697} 698function onSubmit(e) { 699 e.preventDefault(); // prevent normal submit 700 701 // More robust: find the form element to submit, fallback to document.getElementById("contact-form") 702 var form = (e && (e.target || e.currentTarget)) || document.getElementById("contact-form"); 703 if (!form || typeof form.submit !== "function") { 704 console.error("Could not find form to submit for reCAPTCHA"); 705 return false; 706 } 707 708 // RWI-0837: ignore repeat clicks / Enter presses while a submit is already in flight. 709 // Each extra click used to queue another execute() + form.submit() = duplicate POST. 710 if (!lockFormSubmit(form)) { 711 return false; 712 } 713 714 if (typeof grecaptcha !== "undefined" && grecaptcha.enterprise) { 715 grecaptcha.enterprise.ready(async function () { 716 try { 717 var token = await grecaptcha.enterprise.execute("6LedivYrAAAAAAhLy-BBYcSCILSnCSBFoixtTMig", {action: "submit"}); 718 719 // put the token in a hidden field for the form 720 document.getElementById("recaptcha_token").value = token; 721 722 // now submit the form (programmatic submit does not re-fire onsubmit) 723 form.submit(); 724 } catch (err) { 725 console.error("reCAPTCHA execute failed", err); 726 unlockFormSubmit(form); 727 } 728 }); 729 } else { 730 console.error("reCAPTCHA not loaded or not available"); 731 // Let the visitor try again once the script has loaded. 732 unlockFormSubmit(form); 733 } 734 return false; 735} 736</script>
736 737 738 739<form id="contact-form" class="my-5" onsubmit="onSubmit(event)" action="contact-us" method="post" accept-charset="UTF-8"> 740 <div class="form-group mb-4"> 741 <label for="recipient_id" class="form-label required">Department to Contact</label> 742 <select name="recipient_id" id="recipient_id" class="required form-select" required aria-required="true" > 743<option value="">Choose Department</option> 744<option value="1850" >Customer Support</option> 745<option value="1851" >City Clerk</option> 746<option value="1852" >Water Department</option> 747<option value="3356" >[email protected]</option> 748</select> 749 750 </div> 751 <div class="form-group mb-4"> 752 <label for="contact_name" class="form-label required">Name</label> 753 <input name="contact_name" type="text" id="contact_name" class="required form-control" required aria-required="true" required value=""> 754 </div> 755 <div class="form-group mb-4"> 756 <label for="contact_email" class="form-label required">Email Address</label> 757 <input name="contact_email" type="email" id="contact_email" class="required email form-control" aria-required="true" required value=""> 758 </div> 759 <div class="form-group mb-4"> 760 <label for="contact_phone" class="form-label">Phone</label> 761 <input name="contact_phone" type="text" id="contact_phone" class="form-control" value=""> 762 </div> 763 <div class="form-group mb-4"> 764 <label for="contact_subject" class="form-label required">Subject</label> 765 <input name="contact_subject" type="text" id="contact_subject" class="required form-control" required aria-required="true" required value=""> 766 </div> 767 <div class="form-group mb-4"> 768 <label for="message" class="form-label required">Message</label> 769 <textarea name="message" cols="40" rows="10" class="required form-control" required aria-required="true" required id="message"></textarea> 770 </div> 771 <div class="form-group mb-4" style="position:absolute;left:-10000px;"> 772 <label for="user_enter_data" class="form-label">Enter User Data</label> 773 <input name="user_enter_data" type="text" id="user_enter_data" class="form-control"> 774 </div> 775 <p><input type="submit" name="btnSubmit" value="Submit" class="btn btn-primary"></p> 776 <input type="hidden" name="recaptcha_token" id="recaptcha_token" /> 777</form> 778 779<p class="disclosure">E-mail correspondence is maintained in accordance with applicable provisions of State law and may be considered public records. Public disclosure of your communication may be required.</p> 780 </main> 781 782 <aside role="complementary" id="sidebar" class="col-lg-4 order-lg-1 bg-gray-100" aria-label="section navigation and additional information"> 783 784 <div id="slideshow_promos" class="carousel slide mt-5 carousel-pausible" data-bs-ride="carousel" data-bs-pause="false" data-bs-interval="5000"> 785 <div class="carousel-inner-promo carousel-inner"> 786<div class="carousel-item text-center promo active"> 787 <img class="d-block w-100" src="/images/promos_mi/mi_432_IMG_3085.jpg" alt="SCCF"> 788 789 <div class="carousel-item-text"> 790 <h2 class="text-18 font-family-base font-weight-bold mb-3">St. Charles Community Foundation</h2> 791 <p>The <em>St</em>. <em>Charles Community Foundation</em> is a non-profit, charitable, organization devoted to enriching our community of <em>St</em>. <em>Charles</em>, IA.</p> 792 </div> 793 794</div> 795 796<div class="carousel-item text-center promo"> 797 <a href="https://www.facebook.com/Caring-Neighbors-Circle-106641164143316" aria-label="Caring Neighbors Circle" class="d-block mb-3"><img class="d-block w-100" src="/images/promos_mi/mi_432_284324654_578964373577657_7931674227665610601_n.png" alt="CNC"></a> 798 799 <div class="carousel-item-text"> 800 <h2 class="text-18 font-family-base font-weight-bold mb-3">Caring Neighbors Circle</h2> 801 <p>The Caring Neighbors Circle (CNC) will act in tandem as a branch of the SCCF and make monetary contributions to individuals, groups and projects that promote or create opportunity for our communities</p> 802 </div> 803 804</div> 805 806<div class="carousel-item text-center promo"> 807 <a href="/chamber-of-commerce" aria-label="Shop Local" class="d-block mb-3"><img class="d-block w-100" src="/images/promos_mi/mi_432_IMG_3076.jpg" alt="St. Charles Sign"></a> 808 809 <div class="carousel-item-text"> 810 <h2 class="text-18 font-family-base font-weight-bold mb-3">Shop Local</h2> 811 <p class="p1">Whether it is a local farmer's market or main street shops, shopping local sustains our community and supports local merchants. A win-win for all!</p> 812 </div> 813 814</div> 815 816<div class="carousel-item text-center promo"> 817 <img class="d-block w-100" src="/images/promos_mi/mi_432_download.jpg" alt="Lions Club"> 818 819 <div class="carousel-item-text"> 820 <h2 class="text-18 font-family-base font-weight-bold mb-3">Lions Club</h2> 821 <p>Local community organization in Iowa working for the good of the town and school district, plus fulfilling our commitment to sight & hearing for Lions Clubs.</p> 822 </div> 823 824</div> 825</div><div class="carousel-indicators"> 826<button 827 type="button" 828 data-bs-target="#slideshow_promos" 829 data-bs-slide-to="0" 830 aria-current="true" 831 aria-label="Slide 1" 832 class="active" 833 > 834</button> 835 836<button 837 type="button" 838 data-bs-target="#slideshow_promos" 839 data-bs-slide-to="1" 840 841 aria-label="Slide 2" 842 843 > 844</button> 845 846<button 847 type="button" 848 data-bs-target="#slideshow_promos" 849 data-bs-slide-to="2" 850 851 aria-label="Slide 3" 852 853 > 854</button> 855 856<button 857 type="button" 858 data-bs-target="#slideshow_promos" 859 data-bs-slide-to="3" 860 861 aria-label="Slide 4" 862 863 > 864</button> 865</div> 866<button class="btn btn-black btn-control" data-c-play="true" > 867 <i class="btn-control-icon fa-solid fa-pause"><span class="btn-control-text visually-hidden">Pause Slideshow</span></i> 868</button> 869 </div> 870 </aside> 871 </div> 872</div> 873 874 875<section role="region" id="section_subscribe" class="callout-subscribe my-5" aria-labelledby="section_subscribe_header"> 876 <div class="container"> 877 <div class="card"> 878 <div class="card-body text-center text-white"> 879 <h2 id="section_subscribe_header" class="text-white">Stay Informed</h2> 880 <p>
880Subscribe to receive news and alerts via email and SMS.</p> 881 <p><a href="subscribe" class="btn btn-outline-white">Subscribe</a></p> 882 <p><a href="unsubscribe" class="link-white small">Unsubscribe</a></p> 883 </div> 884 </div> 885 </div> 886</section> 887 <footer role="contentinfo" id="site_footer" class=""> 888 <div class="footer-section-1"> 889 <div class="container-fluid d-flex flex-column flex-md-row justify-content-between align-items-start"> 890 <div class="footer-column footer-muni-info text-center"> 891 <!-- this needs a field for a footer version of the logo - colors may need to be reversed compared to header --> 892 <div class="google-translate" id="translate_widget" data-page-id="76476"></div> 893 </div> 894 <div class="footer-column footer-quick-links"> 895 <h2 class="mb-4 text-white text-20 text-base text-uppercase">Quick Links</h2> 896 <div class="footer-nav-icons"> 897<a href="contact-us" class="footer-nav-item"><span class="icon far fa-hand-paper mr-2" aria-hidden="true"></span>Report a Problem</a> 898 </div> </div> 899 <div class="footer-column footer-interest-links"> 900 <!-- 901 <h2 class="mb-4 text-white text-20 text-base text-uppercase">Sites of Interest</h2> 902 <div class="footer-nav-icons"> 903 --> 904 <h2 class="mb-4 text-white text-20 text-base text-uppercase">Sites of Interest</h2> 905 <div class="footer-nav-icons"> 906<a href="https://madisoncounty.iowa.gov" class="footer-nav-item" target="_blank" rel="noopener noreferrer" aria-describedby="new_window_description"> 907 <span class="icon fa-solid fa-up-right-from-square mr-2" aria-hidden="true"></span> 908 Madison County 909</a> 910 911<a href="https://wateruseitwisely.com" class="footer-nav-item" target="_blank" rel="noopener noreferrer" aria-describedby="new_window_description"> 912 <span class="icon fa-solid fa-up-right-from-square mr-2" aria-hidden="true"></span> 913 Water Conservation 914</a> 915 916<a href="https://www.usps.com/" class="footer-nav-item" target="_blank" rel="noopener noreferrer" aria-describedby="new_window_description"> 917 <span class="icon fa-solid fa-up-right-from-square mr-2" aria-hidden="true"></span> 918 US Postal Service 919</a> 920</div> <!-- 921 </div> 922 --> 923 </div> 924 <div class="footer-column footer-contacts"> 925 <h2 class="mb-4 text-white text-20 text-base text-uppercase">Contacts</h2> 926 <div class="footer-nav-icons"> 927 <div class="footer-nav-item"> 928 <span class="icon fas fa-map-marker-alt mr-2" aria-hidden="true"></span> 929 City of St. Charles<br>113 S. Lumber<br>Saint Charles, IA 50240 </div> 930 <div class="footer-nav-item"> 931 <span class="icon fas fa-phone mr-2" aria-hidden="true"></span> 932 (641) 396-2545<br> </div> 933 <a href="/contact-us" class="footer-nav-item"><span class="icon fas fa-envelope mr-2" aria-hidden="true"></span>Contact Us</a> 934 <a href="https://www.facebook.com/stcharlesiowa" class="footer-nav-item"><span class="icon fab fa-facebook mr-2" aria-hidden="true"></span>Facebook</a> </div> 935 </div> 936 </div> 937 </div> 938 <div class="footer-section-2"> 939 <div class="container-fluid d-flex flex-column flex-md-row justify-content-md-between align-items-center align-items-md-start"> 940 <div class="footer-legal text-center text-md-left fs-12"> 941 ©2026 All rights reserved. 942 <ul class="list-inline"> 943 944 <li class="list-inline-item"><a href="/terms.html">Terms of Use</a></li> 945 <li class="list-inline-item"><a href="/privacy.html">Privacy Policy</a></li> 946 <li class="list-inline-item"><a href="/accessibility.html">Accessibility</a></li> 947 </ul> 948 </div> 949 <div class="footer-user text-center text-md-right fs-12"> 950 Powered by <a href="https://www.municipalimpact.com/">MunicipalImpact.com</a><br> 951 <a href="https://clients.municipalimpact.com/client/">Admin</a> 952 </div> 953 </div> 954 </div> 955</footer> 956 957 958<!-- Alerts Modal --> 959 960 961 962 963<!-- SUPPORTING JS/CSS -->
964<script src="https://code.jquery.com/jquery-3.7.1.js" 965 integrity="sha384-wsqsSADZR1YRBEZ4/kKHNSmU+aX8ojbnKUMN4RyD3jDkxw5mHtoe2z/T/n4l56U/" 966 crossorigin="anonymous" 967></script>
967 968 969<!-- FAC(default) --> 970<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 970-971
970 971<script async src="https://www.googletagmanager.com/gtag/js?id=
971G-5YXZ3020L5
vendor: 12 bytes, line 971
971"></script>
972<script> 973
vendor: 134 bytes, lines 973-977
973window.dataLayer = window.dataLayer || []; 974 function gtag(){dataLayer.push(arguments);} 975 gtag('js', new Date()); 976 977 gtag('config', '
977G-5YXZ3020L5
vendor: 4 bytes, line 977
977');
978</script>
978
978<script> 979 var cookieConsentConfig = { 980 language: { 981 default: 'en', 982 translations: { 983 en: { 984 consentModal: { 985 title: 'This site uses cookies', 986 } 987 } 988 } 989 }, 990 disablePageInteraction: true 991 } 992 </script>
992 993
993<script src="/js/cookie_consent.js?v=20261005"></script>
vendor: 1 bytes, line 993
993
994<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.validate.min.js" 995 integrity="sha384-aEDtD4n2FLrMdE9psop0SHdNyy/W9cBjH22rSRp+3wPHd62Y32uijc0H2eLmgaSn" 996 crossorigin="anonymous" 997></script>
vendor: 1 bytes, line 997
997
998<script src="/js/public_mi.js?date=20261005144609"></script>
vendor: 1 bytes, line 998
998
999<script src="/js/translate.js?v=1772487985"></script>
vendor: 1 bytes, line 999
999
1000<script src="/2021_assets/themes/js/vendor/bootstrap.bundle.min.js"></script>
1000 1001 1002 1003 1004 1005</body> 1006</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.