1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Contact Us | Atchison Area Chamber of Commerce</title> 7 <link rel="canonical" href="https://www.atchisonkansas.net/contact"> 8 <meta property="og:image" content="https://www.atchisonkansas.net/images/locally-atchison-og.png"> 9 <meta name="twitter:card" content="summary_large_image"> 10 <meta name="twitter:image" content="https://www.atchisonkansas.net/images/locally-atchison-og.png"> 11 <meta name="description" content="Get in touch with the Atchison Area Chamber of Commerce. We're here to help with membership inquiries, event information, and more."> 12 13 <!-- Open Graph --> 14 <meta property="og:title" content="Contact Us | Atchison Area Chamber of Commerce"> 15 <meta property="og:description" content="Get in touch with the Atchison Area Chamber of Commerce."> 16 <meta property="og:type" content="website"> 17 <meta property="og:url" content="https://www.atchisonkansas.net/contact"> 18 19 <!-- Favicon --> 20 <link rel="icon" href="images/favicon.ico" type="image/x-icon"> 21 <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> 22 23 <!-- Fonts --> 24 <link rel="preconnect" href="https://fonts.googleapis.com"> 25 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 26 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 27 28 <!-- Styles --> 29 <link rel="stylesheet" href="css/variables.css?v=20260616v16"> 30 <link rel="stylesheet" href="css/global.css?v=20260616v16"> 31 <link rel="stylesheet" href="css/components/header.css?v=20260902v2"> 32 <link rel="stylesheet" href="css/components/footer.css?v=20260426v6"> 33 <link rel="stylesheet" href="css/pages/contact.css?v=20260426v6"> 34</head> 35<body> 36 <!-- Header (loaded from partial) --> 37 <header id="site-header"></header> 38 39 <!-- Page Header --> 40 <section class="page-header"> 41 <div class="container"> 42 <h1 class="page-header__title">Contact Us</h1> 43 <p class="page-header__subtitle">We'd love to hear from you. Reach out with questions, ideas, or to learn more about chamber membership.</p> 44 </div> 45 </section> 46 47 <!-- Quick Contact Cards --> 48 <section class="quick-contact-section"> 49 <div class="container"> 50 <div class="quick-contact-grid"> 51 <div class="quick-contact-card"> 52 <div class="quick-contact-card__icon"> 53 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 54 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/> 55 </svg> 56 </div> 57 <h3 class="quick-contact-card__title">Call Us</h3> 58 <p class="quick-contact-card__text">Speak directly with our team</p> 59 <a href="tel:9133672427" class="btn btn--outline btn--sm">(913) 367-2427</a> 60 </div> 61 62 <div class="quick-contact-card"> 63 <div class="quick-contact-card__icon"> 64 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 65 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/> 66 </svg> 67 </div> 68 <h3 class="quick-contact-card__title">Email Us</h3> 69 <p class="quick-contact-card__text">Get a response within 24 hours</p> 70 <a href="mailto:[email protected]" class="btn btn--outline btn--sm">Send Email</a> 71 </div> 72 73 <div class="quick-contact-card"> 74 <div class="quick-contact-card__icon"> 75 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 76 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/> 77 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/> 78 </svg> 79 </div> 80 <h3 class="quick-contact-card__title">Visit Us</h3> 81 <p class="quick-contact-card__text">Stop by our office in downtown</p> 82 <a href="https://maps.google.com/?q=200+S+10th+St,+Atchison,+KS+66002" target="_blank" rel="noopener" class="btn btn--outline btn--sm">Get Directions</a> 83 </div> 84 85 <div class="quick-contact-card"> 86 <div class="quick-contact-card__icon"> 87 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 88 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z"/> 89 </svg> 90 </div> 91 <h3 class="quick-contact-card__title">Social Media</h3> 92 <p class="quick-contact-card__text">Follow us for updates</p> 93 <a href="https://www.facebook.com/AtchisonAreaChamber" target="_blank" rel="noopener" class="btn btn--outline btn--sm">Follow Us</a> 94 </div> 95 </div> 96 </div> 97 </section> 98 99 <!-- Contact Section --> 100 <section class="contact-section"> 101 <div class="container"> 102 <div class="contact-grid"> 103 <!-- Contact Form --> 104 <div class="contact-form-wrapper"> 105 <h2 class="contact-form__title">
105Send Us a Message</h2> 106 <p class="contact-form__subtitle">Fill out the form below and we'll get back to you as soon as possible.</p> 107 108 <!-- Subject Cards --> 109 <div class="subject-cards" id="subject-cards"> 110 <div class="subject-card" data-subject="general"> 111 <div class="subject-card__icon">ð¬</div> 112 <div class="subject-card__title">General Inquiry</div> 113 </div> 114 <div class="subject-card" data-subject="membership"> 115 <div class="subject-card__icon">ð¤</div> 116 <div class="subject-card__title">Membership</div> 117 </div> 118 <div class="subject-card" data-subject="event-submission"> 119 <div class="subject-card__icon">ð </div> 120 <div class="subject-card__title">Submit Event</div> 121 </div> 122 </div> 123 124 <form id="contact-form" method="post" action="#" novalidate> 125 <input type="hidden" name="subject_type" id="subject-type" value="general"> 126 127 <div class="form-row"> 128 <div class="form-group"> 129 <label class="form-label form-label--required" for="first-name">First Name</label> 130 <input type="text" class="form-input" id="first-name" name="firstName" required placeholder="John"> 131 <div class="form-error" id="first-name-error"></div> 132 </div> 133 <div class="form-group"> 134 <label class="form-label form-label--required" for="last-name">Last Name</label> 135 <input type="text" class="form-input" id="last-name" name="lastName" required placeholder="Doe"> 136 <div class="form-error" id="last-name-error"></div> 137 </div> 138 </div> 139 140 <div class="form-row"> 141 <div class="form-group"> 142 <label class="form-label form-label--required" for="email">Email Address</label> 143 <input type="email" class="form-input" id="email" name="email" required placeholder="[email protected]"> 144 <div class="form-error" id="email-error"></div> 145 </div> 146 <div class="form-group"> 147 <label class="form-label" for="phone">Phone Number</label> 148 <input type="tel" class="form-input" id="phone" name="phone" placeholder="(555) 123-4567"> 149 </div> 150 </div> 151 152 <div class="form-group"> 153 <label class="form-label" for="business-name">Business Name</label> 154 <input type="text" class="form-input" id="business-name" name="businessName" placeholder="Your Business Name"> 155 </div> 156 157 <div class="form-group"> 158 <label class="form-label form-label--required" for="message">Message</label> 159 <textarea class="form-textarea" id="message" name="message" required placeholder="How can we help you?"></textarea> 160 <div class="form-error" id="message-error"></div> 161 </div> 162 163 <div class="form-group"> 164 <div class="form-checkbox-group"> 165 <input type="checkbox" class="form-checkbox" id="newsletter" name="newsletter"> 166 <label class="form-checkbox-label" for="newsletter"> 167 Subscribe to our newsletter to stay updated on chamber news and events. 168 </label> 169 </div> 170 </div> 171 172 <div class="form-group"> 173 <div class="form-checkbox-group"> 174 <input type="checkbox" class="form-checkbox" id="privacy" name="privacy" required> 175 <label class="form-checkbox-label" for="privacy"> 176 I agree to the <a href="/privacy">Privacy Policy</a> and consent to being contacted regarding my inquiry. 177 </label> 178 </div> 179 <div class="form-error" id="privacy-error"></div> 180 </div> 181 182 <div class="form-submit"> 183 <button type="submit" class="btn btn--primary" id="submit-btn">
184 <span id="submit-text">Send Message</span> 185 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" id="submit-icon"> 186 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"/> 187 </svg> 188 <span id="loading-spinner" style="display: none;"> 189 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="animate-spin"> 190 <circle cx="12" cy="12" r="10" stroke-opacity="0.25"/> 191 <path d="M12 2a10 10 0 0 1 10 10" stroke-opacity="1"/> 192 </svg> 193 </span> 194 </button> 195 </div> 196 </form> 197 198 <!-- Success Message --> 199 <div class="form-success" id="form-success" style="display: none;"> 200 <div class="form-success__icon"> 201 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 202 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/> 203 </svg> 204 </div> 205 <h3 class="form-success__title">Message Sent!</h3> 206 <p class="form-success__text">Thank you for reaching out. We'll get back to you within 1-2 business days.</p> 207 <button class="btn btn--outline" onclick="resetForm()">Send Another Message</button> 208 </div> 209 </div> 210 211 <!-- Contact Info --> 212 <div class="contact-info"> 213 <h2 class="contact-info__title">Get In Touch</h2> 214 215 <ul class="contact-info__list"> 216 <li class="contact-info__item"> 217 <div class="contact-info__icon"> 218 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 219 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/> 220 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/> 221 </svg> 222 </div> 223 <div class="contact-info__details"> 224 <div class="contact-info__label">Address</div> 225 <div class="contact-info__value"> 226 <a href="https://maps.google.com/?q=200+S+10th+St,+Atchison,+KS+66002" target="_blank" rel="noopener"> 227 200 S 10th St<br> 228 Atchison, KS 66002 229 </a> 230 </div> 231 </div> 232 </li> 233 <li class="contact-info__item"> 234 <div class="contact-info__icon"> 235 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 236 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/> 237 </svg> 238 </div> 239 <div class="contact-info__details"> 240 <div class="contact-info__label">Phone</div> 241 <div class="contact-info__value"> 242 <a href="tel:9133672427">(913) 367-2427</a> 243 </div> 244 </div> 245 </li> 246 <li class="contact-info__item"> 247 <div class="contact-info__icon"> 248 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 249 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/> 250 </svg> 251 </div> 252 <div class="contact-info__details"> 253 <div class="contact-info__label">Email</div> 254 <div class="contact-info__value"> 255 <a href="mailto:[email protected]">[email protected]</a> 256 </div> 257 </div> 258 </li> 259 </ul> 260 261 <div class="contact-hours"> 262 <h3 class="contact-hours__title">Office Hours</h3> 263 <table class="hours-table" id="hours-table"> 264 <tr data-day="1"> 265 <td>
265Monday</td> 266 <td>8:00 AM - 5:00 PM</td> 267 </tr> 268 <tr data-day="2"> 269 <td>Tuesday</td> 270 <td>8:00 AM - 5:00 PM</td> 271 </tr> 272 <tr data-day="3"> 273 <td>Wednesday</td> 274 <td>8:00 AM - 5:00 PM</td> 275 </tr> 276 <tr data-day="4"> 277 <td>Thursday</td> 278 <td>8:00 AM - 5:00 PM</td> 279 </tr> 280 <tr data-day="5"> 281 <td>Friday</td> 282 <td>8:00 AM - 12:00 PM</td> 283 </tr> 284 <tr data-day="6"> 285 <td>Saturday</td> 286 <td>Closed</td> 287 </tr> 288 <tr data-day="0"> 289 <td>Sunday</td> 290 <td>Closed</td> 291 </tr> 292 </table> 293 </div> 294 </div> 295 </div> 296 297 <!-- Map --> 298 <div class="contact-map"> 299 <h2 class="contact-map__title">Find Us</h2> 300 <div class="map-container"> 301 <iframe 302 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3082.7426271438866!2d-95.12175392344635!3d39.563456771567614!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x87c0233cd25a9a5b%3A0x9e3d3e7e9e3d3e7e!2s200%20S%2010th%20St%2C%20Atchison%2C%20KS%2066002!5e0!3m2!1sen!2sus!4v1700000000000!5m2!1sen!2sus" 303 allowfullscreen="" 304 loading="lazy" 305 referrerpolicy="no-referrer-when-downgrade" 306 title="Atchison Area Chamber of Commerce Location"> 307 </iframe> 308 </div> 309 </div> 310 </div> 311 </section> 312 313 <!-- Footer (loaded from partial) --> 314 <footer id="site-footer"></footer> 315 316 <!-- Firebase --> 317
317<script type="module" src="js/firebase-config.js?v=20260509v11"></script>
317 318
318<script type="module" src="js/main.js?v=20260913v1"></script>
318 319
319<script type="module" src="js/contact.js?v=20260509v11"></script>
319 320</body> 321</html> 322 323
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.