-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
300 lines (284 loc) · 15.6 KB
/
contact.html
File metadata and controls
300 lines (284 loc) · 15.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact & FAQ - IGNITE Part Share</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar">
<div class="nav-container">
<div class="nav-logo">
<i class="fas fa-robot"></i>
<span>IGNITE Part Share</span>
</div>
<ul class="nav-menu">
<li class="nav-item">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item auth-required" style="display: none;">
<a href="donate.html" class="nav-link">Donate Parts</a>
</li>
<li class="nav-item auth-required" style="display: none;">
<a href="request.html" class="nav-link">Request Parts</a>
</li>
<li class="nav-item auth-required" style="display: none;">
<a href="browse.html" class="nav-link">Browse Parts</a>
</li>
<li class="nav-item">
<a href="leaderboard.html" class="nav-link">Leaderboard</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link active">Contact</a>
</li>
</ul>
<div class="user-menu">
<a href="profile.html" class="profile-link">
<i class="fas fa-user"></i>
Profile
</a>
<button class="logout-btn" onclick="signOut()">Logout</button>
</div>
<div class="login-btn">
<a href="login.html" class="btn btn-primary">Login</a>
</div>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</div>
</nav>
<!-- Page Header -->
<section class="page-header">
<div class="container">
<h1 class="page-title">Contact Us</h1>
<p class="page-subtitle">Get in touch with the IGNITE Part Share team</p>
<p class="page-organization">A project of <a href="https://www.ignitepathways.org/" target="_blank" rel="noopener noreferrer" class="ignite-link">IGNITE Pathways</a></p>
</div>
</section>
<!-- Contact Section -->
<section class="section">
<div class="container">
<div class="contact-grid">
<!-- Contact Form -->
<div class="contact-form-section">
<h2 class="section-title">Contact Us</h2>
<div class="contact-form">
<form id="contactForm">
<div class="form-group">
<label for="contact-name">Name</label>
<input type="text" id="contact-name" required placeholder="Your name">
</div>
<div class="form-group">
<label for="contact-email">Email</label>
<input type="email" id="contact-email" required placeholder="your.email@example.com">
</div>
<div class="form-group">
<label for="contact-subject">Subject</label>
<select id="contact-subject" required>
<option value="">Select a subject</option>
<option value="general">General Question</option>
<option value="technical">Technical Issue</option>
<option value="part-issue">Part Donation/Request Issue</option>
<option value="safety">Safety Concern</option>
<option value="feedback">Feedback</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group">
<label for="contact-message">Message</label>
<textarea id="contact-message" required placeholder="Describe your question or concern..." rows="5"></textarea>
</div>
<button type="submit" class="btn btn-primary">Send Message</button>
</form>
</div>
</div>
<!-- Contact Info -->
<div class="contact-info-section">
<h2 class="section-title">Get in Touch</h2>
<div class="contact-info">
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-building"></i>
</div>
<div class="contact-details">
<h3>About IGNITE Pathways</h3>
<p>IGNITE Part Share is a project of <a href="https://www.ignitepathways.org/" target="_blank" rel="noopener noreferrer" class="ignite-link">IGNITE Pathways</a>, a 501(c)(3) non-profit organization dedicated to inspiring generations with new ideas in technology and engineering.</p>
<p>Visit our main website to learn more about our STEM education programs and robotics initiatives.</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-envelope"></i>
</div>
<div class="contact-details">
<h3>Email Us</h3>
<p>For general inquiries: <a href="mailto:info@ignitepartshare.org">info@ignitepartshare.org</a></p>
<p>For technical support: <a href="mailto:support@ignitepartshare.org">support@ignitepartshare.org</a></p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-clock"></i>
</div>
<div class="contact-details">
<h3>Response Time</h3>
<p>We typically respond within 24-48 hours during business days.</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-users"></i>
</div>
<div class="contact-details">
<h3>Community Support</h3>
<p>Join our Discord community for real-time help and discussions.</p>
<a href="#" class="btn btn-secondary" onclick="openDiscord()">Join Discord</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="section">
<div class="container">
<h2 class="section-title">Frequently Asked Questions</h2>
<div class="faq-container">
<div class="faq-item">
<div class="faq-question">
<h3>How do I donate parts?</h3>
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
<p>To donate parts, navigate to the "Donate Parts" page and fill out the form with details about your part including name, category, condition, and description. Once submitted, your part will be available for other teams to request.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>How do I request parts?</h3>
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
<p>To request parts, go to the "Request Parts" page and specify what part you need, set the urgency level, and provide a reason for your request. The community will be notified and can respond if they have the part available.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>What types of parts can I donate?</h3>
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
<p>You can donate any robotics-related parts including motors, sensors, electronics, mechanical components, tools, and other FIRST Robotics equipment. All parts should be in good working condition and safe to use.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>How is shipping handled?</h3>
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
<p>Shipping arrangements are made directly between the donating and requesting teams. IGNITE Part Share facilitates the connection but does not handle shipping logistics. Teams are responsible for coordinating delivery and covering shipping costs.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>Is there a cost to use the platform?</h3>
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
<p>IGNITE Part Share is completely free to use. There are no fees for donating or requesting parts. The platform is designed to support the FIRST Robotics community through collaboration and resource sharing.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>How do I report an issue with a part?</h3>
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
<p>If you encounter an issue with a donated part, please contact us immediately through the contact form or email support@ignitepathways.org. Include details about the part and the issue you experienced.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>Can I donate parts from my team's inventory?</h3>
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
<p>Yes! Teams are encouraged to donate surplus parts from their inventory. This helps other teams in need and promotes community collaboration. Make sure to accurately describe the condition and functionality of the parts.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>How do I update my team information?</h3>
<i class="fas fa-chevron-down"></i>
</div>
<div class="faq-answer">
<p>To update your team information, contact us through the contact form or email info@ignitepathways.org with your team number and the information you'd like to update. We'll help you keep your profile current.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>IGNITE Part Share</h3>
<p>Building a stronger FIRST community through part sharing and collaboration.</p>
<p>A project of <a href="https://www.ignitepathways.org/" target="_blank" rel="noopener noreferrer" class="ignite-link">IGNITE Pathways</a></p>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="donate.html">Donate</a></li>
<li><a href="request.html">Request</a></li>
<li><a href="browse.html">Browse</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Legal</h4>
<ul>
<li><a href="terms.html">Terms of Service</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="disclaimer.html">Disclaimer</a></li>
<li><a href="cookies.html">Cookie Policy</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Connect</h4>
<div class="social-links">
<a href="https://www.ignitepathways.org/" target="_blank" rel="noopener noreferrer" title="IGNITE Pathways"><i class="fas fa-globe"></i></a>
<a href="#" onclick="openSocialMedia('Twitter')"><i class="fab fa-twitter"></i></a>
<a href="#" onclick="openSocialMedia('Facebook')"><i class="fab fa-facebook"></i></a>
<a href="#" onclick="openSocialMedia('Instagram')"><i class="fab fa-instagram"></i></a>
<a href="#" onclick="openDiscord()"><i class="fab fa-discord"></i></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 IGNITE Part Share. All rights reserved. | <a href="terms.html">Terms</a> | <a href="privacy.html">Privacy</a> | <a href="disclaimer.html">Disclaimer</a></p>
</div>
</div>
</footer>
<!-- Firebase SDK -->
<script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-auth-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-firestore-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-storage-compat.js"></script>
<!-- Firebase Config -->
<script src="firebase-config.js"></script>
<!-- Auth Script -->
<script src="auth.js"></script>
<script src="script.js"></script>
</body>
</html>