-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
331 lines (303 loc) · 16.5 KB
/
contact.html
File metadata and controls
331 lines (303 loc) · 16.5 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
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Contact TechBudget India for tech recommendations, partnerships, or support. Get expert advice for your tech purchases.">
<meta name="keywords" content="contact techbudget india, tech support, recommendations">
<title>Contact Us | TechBudget India</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<!-- Navigation Header -->
<header class="header">
<nav class="navbar">
<div class="nav-container">
<div class="nav-logo">
<h2><a href="index.html"><i class="fas fa-laptop-code"></i> TechBudget India</a></h2>
</div>
<ul class="nav-menu">
<li class="nav-item">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="index.html#categories" class="nav-link">Categories</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link active">Contact</a>
</li>
</ul>
<div class="nav-toggle" id="mobile-menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</div>
</nav>
</header>
<!-- Contact Header -->
<section class="article-header">
<div class="container">
<div class="breadcrumb">
<a href="index.html">Home</a> <i class="fas fa-chevron-right"></i>
<span>Contact</span>
</div>
<h1 class="article-title">Get In Touch</h1>
<p class="hero-subtitle">We're here to help you make the best tech decisions</p>
</div>
</section>
<!-- Contact Content -->
<main class="article-content">
<div class="container">
<div class="contact-content">
<!-- Contact Info -->
<div class="contact-info-section">
<h2>How Can We Help You?</h2>
<p>Whether you need personalized tech recommendations, want to report an issue, or interested in partnerships, we're here to assist you.</p>
<div class="contact-methods">
<div class="contact-method">
<div class="method-icon">
<i class="fas fa-envelope"></i>
</div>
<div class="method-info">
<h3>Email Us</h3>
<p>contact@techbudgetindia.com</p>
<span>Response within 24 hours</span>
</div>
</div>
<div class="contact-method">
<div class="method-icon">
<i class="fas fa-phone"></i>
</div>
<div class="method-info">
<h3>Call Us</h3>
<p>+91 98765 43210</p>
<span>Mon-Fri, 10 AM - 6 PM IST</span>
</div>
</div>
<div class="contact-method">
<div class="method-icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="method-info">
<h3>Visit Us</h3>
<p>Mumbai, Maharashtra</p>
<span>India 400001</span>
</div>
</div>
<div class="contact-method">
<div class="method-icon">
<i class="fab fa-whatsapp"></i>
</div>
<div class="method-info">
<h3>WhatsApp</h3>
<p>+91 93216 58482</p>
<span>Quick tech queries</span>
</div>
</div>
</div>
<!-- Social Links -->
<div class="contact-social">
<h3>Follow Us</h3>
<div class="social-grid">
<a href="https://facebook.com/techbudgetindia" target="_blank" class="social-link facebook">
<i class="fab fa-facebook-f"></i>
<span>Facebook</span>
</a>
<a href="https://twitter.com/techbudgetindia" target="_blank" class="social-link twitter">
<i class="fab fa-twitter"></i>
<span>Twitter</span>
</a>
<a href="https://instagram.com/techbudgetindia" target="_blank" class="social-link instagram">
<i class="fab fa-instagram"></i>
<span>Instagram</span>
</a>
<a href="https://youtube.com/techbudgetindia" target="_blank" class="social-link youtube">
<i class="fab fa-youtube"></i>
<span>YouTube</span>
</a>
<a href="https://linkedin.com/company/techbudgetindia" target="_blank" class="social-link linkedin">
<i class="fab fa-linkedin-in"></i>
<span>LinkedIn</span>
</a>
<a href="https://telegram.me/techbudgetindia" target="_blank" class="social-link telegram">
<i class="fab fa-telegram"></i>
<span>Telegram</span>
</a>
</div>
</div>
</div>
<!-- Contact Form -->
<div class="contact-form-section">
<h2>Send Us a Message</h2>
<form class="contact-form" id="contactForm">
<div class="form-group">
<label for="name">Full Name *</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email Address *</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="tel" id="phone" name="phone">
</div>
<div class="form-group">
<label for="subject">Subject *</label>
<select id="subject" name="subject" required>
<option value="">Choose a topic</option>
<option value="recommendation">Product Recommendation</option>
<option value="review">Request a Review</option>
<option value="partnership">Partnership Inquiry</option>
<option value="feedback">Feedback</option>
<option value="support">Technical Support</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group">
<label for="budget">Your Budget (if applicable)</label>
<select id="budget" name="budget">
<option value="">Select budget range</option>
<option value="under-10k">Under ₹10,000</option>
<option value="10k-25k">₹10,000 - ₹25,000</option>
<option value="25k-50k">₹25,000 - ₹50,000</option>
<option value="50k-100k">₹50,000 - ₹1,00,000</option>
<option value="above-100k">Above ₹1,00,000</option>
</select>
</div>
<div class="form-group">
<label for="message">Message *</label>
<textarea id="message" name="message" rows="5" required placeholder="Tell us how we can help you..."></textarea>
</div>
<div class="form-group">
<label class="checkbox-label">
<input type="checkbox" id="newsletter" name="newsletter">
<span class="checkmark"></span>
Subscribe to our newsletter for weekly tech deals and reviews
</label>
</div>
<button type="submit" class="btn btn-primary">Send Message</button>
</form>
</div>
</div>
<!-- FAQ Section -->
<section class="contact-faq">
<h2>Frequently Asked Questions</h2>
<div class="faq-grid">
<div class="faq-item">
<h3><i class="fas fa-question-circle"></i> How do I get personalized recommendations?</h3>
<p>Simply fill out the contact form above with your requirements and budget. Our experts will provide tailored recommendations within 24 hours.</p>
</div>
<div class="faq-item">
<h3><i class="fas fa-clock"></i> How often do you update product reviews?</h3>
<p>We continuously update our reviews as new products are launched and prices change. Major reviews are updated monthly or when significant changes occur.</p>
</div>
<div class="faq-item">
<h3><i class="fas fa-shield-alt"></i> Are your reviews unbiased?</h3>
<p>Yes, absolutely. We maintain complete editorial independence and are not influenced by manufacturers. Our reviews are based on extensive testing and real-world usage.</p>
</div>
<div class="faq-item">
<h3><i class="fas fa-shipping-fast"></i> Do you help with purchasing decisions?</h3>
<p>While we don't sell products directly, we provide detailed buying guides and can connect you with trusted retailers offering the best deals.</p>
</div>
<div class="faq-item">
<h3><i class="fas fa-users"></i> Can I join your review team?</h3>
<p>We're always looking for passionate tech enthusiasts. Send us your portfolio and we'll consider you for our growing team of reviewers.</p>
</div>
<div class="faq-item">
<h3><i class="fas fa-handshake"></i> How can brands partner with you?</h3>
<p>Brands can reach out for review opportunities, sponsored content, or advertising partnerships. We maintain transparency in all our collaborations.</p>
</div>
</div>
</section>
<!-- Quick Actions -->
<section class="contact-actions">
<h2>Quick Actions</h2>
<div class="actions-grid">
<a href="laptops.html" class="action-card">
<div class="action-icon">
<i class="fas fa-laptop"></i>
</div>
<h3>Find Budget Laptops</h3>
<p>Browse our curated list of the best budget laptops for students</p>
</a>
<a href="smartphones.html" class="action-card">
<div class="action-icon">
<i class="fas fa-mobile-alt"></i>
</div>
<h3>Smartphone Guide</h3>
<p>Discover affordable smartphones with great features</p>
</a>
<a href="audio.html" class="action-card">
<div class="action-icon">
<i class="fas fa-headphones"></i>
</div>
<h3>Audio Gear</h3>
<p>Find the perfect headphones for your study sessions</p>
</a>
<a href="apps.html" class="action-card">
<div class="action-icon">
<i class="fas fa-graduation-cap"></i>
</div>
<h3>Study Apps</h3>
<p>Boost your productivity with these essential apps</p>
</a>
</div>
</section>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3><i class="fas fa-laptop-code"></i> TechBudget India</h3>
<p>Your trusted source for affordable tech recommendations designed specifically for Indian students.</p>
<div class="social-links">
<a href="https://facebook.com/techbudgetindia" target="_blank" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/techbudgetindia" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="https://instagram.com/techbudgetindia" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="https://youtube.com/techbudgetindia" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
<a href="https://linkedin.com/company/techbudgetindia" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html#categories">Categories</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Categories</h4>
<ul>
<li><a href="laptops.html">Laptops</a></li>
<li><a href="audio.html">Headphones</a></li>
<li><a href="smartphones.html">Smartphones</a></li>
<li><a href="apps.html">Study Apps</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Newsletter</h4>
<p>Get weekly updates on the latest budget tech deals</p>
<form class="newsletter-form">
<input type="email" placeholder="Enter your email">
<button type="submit" class="btn btn-primary">Subscribe</button>
</form>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 TechBudget India. All rights reserved. | <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a></p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>