PageSourceSearch

https://stcharlesia.us/contact-us

html stcharlesia.us collected 2026-10-05 18:46:09 UTC 38,868 bytes, 1,006 lines download raw bytes

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&deg;/55&deg;                </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 &hellip;">
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? &nbsp;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.&nbsp;</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&nbsp;<em>St</em>.&nbsp;<em>Charles Community Foundation</em>&nbsp;is a non-profit, charitable, organization devoted to enriching our community of&nbsp;<em>St</em>.&nbsp;<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.&nbsp; 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 &amp; 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.