PageSourceSearch

https://www.atchisonkansas.net/contact

html atchisonkansas.net collected 2026-10-02 11:19:39 UTC 19,909 bytes, 323 lines download raw bytes

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.