-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
361 lines (333 loc) · 20.4 KB
/
about.html
File metadata and controls
361 lines (333 loc) · 20.4 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
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
<!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="Learn about TechBudget India - your trusted source for affordable tech recommendations for Indian students.">
<meta name="keywords" content="about techbudget india, team, mission, vision">
<title>About 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 active">About</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">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>
<!-- About 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>About</span>
</div>
<h1 class="article-title">About TechBudget India</h1>
<p class="hero-subtitle">Empowering Indian students with smart tech choices since 2020</p>
</div>
</section>
<!-- About Content -->
<main class="article-content">
<div class="container">
<div class="article-body">
<!-- Mission Section -->
<section class="about-mission">
<div class="content-wrapper">
<div class="about-text">
<h2>Our Mission</h2>
<p>At TechBudget India, we believe that every Indian student deserves access to quality technology without breaking the bank. Our mission is to bridge the gap between aspirations and affordability by providing honest, detailed reviews and recommendations for budget-friendly tech products.</p>
<div class="highlight-box">
<h4><i class="fas fa-lightbulb"></i> Our Vision</h4>
<p>To become India's most trusted platform for affordable technology, helping millions of students make informed decisions that enhance their academic journey and career prospects.</p>
</div>
</div>
<div class="about-image">
<img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80" alt="Students collaborating with technology">
</div>
</div>
</section>
<!-- Story Section -->
<section class="about-story">
<h2>Our Story</h2>
<div class="story-timeline">
<div class="timeline-item">
<div class="timeline-year">2020</div>
<div class="timeline-content">
<h3>The Beginning</h3>
<p>Started as a small blog by engineering students who struggled to find affordable tech recommendations tailored for Indian students. We noticed most tech review sites focused on premium products that were out of reach for the average student budget.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2021</div>
<div class="timeline-content">
<h3>Growing Community</h3>
<p>Our content started resonating with students across India. We expanded our team to include reviewers from different educational backgrounds - engineering, arts, commerce, and medical students - to ensure diverse perspectives.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2022</div>
<div class="timeline-content">
<h3>Recognition</h3>
<p>Featured in major tech publications and won the "Best Student Tech Blog" award. Our reviews helped over 100,000 students make better tech purchases, saving them millions of rupees collectively.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2023</div>
<div class="timeline-content">
<h3>Platform Evolution</h3>
<p>Launched our comprehensive website with category-wise reviews, comparison tools, and personalized recommendations. Partnered with major e-commerce platforms to provide exclusive student discounts.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2024-25</div>
<div class="timeline-content">
<h3>Innovation & Growth</h3>
<p>Introduced AI-powered recommendation engine and expanded to cover emerging tech categories. Now serving over 500,000 students monthly with personalized tech advice and exclusive deals.</p>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section class="about-team">
<h2>Meet Our Team</h2>
<div class="team-grid">
<div class="team-member">
<div class="member-image">
<img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&auto=format&fit=crop&w=387&q=80" alt="Aayush Patil">
</div>
<div class="member-info">
<h3>Aayush Patil</h3>
<p class="member-role">Founder & Editor-in-Chief</p>
<p>Computer Science graduate from IIT Delhi. Passionate about making technology accessible to every student in India.</p>
<div class="member-social">
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
</div>
</div>
</div>
<div class="team-member">
<div class="member-image">
<img src="https://images.unsplash.com/photo-1494790108755-2616b612b1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=387&q=80" alt="Rushikesh Shedage">
</div>
<div class="member-info">
<h3>Rushikesh Shedage</h3>
<p class="member-role">Senior Tech Reviewer</p>
<p>Electronics Engineer with 5+ years of experience testing budget devices. Specializes in smartphone and laptop reviews.</p>
<div class="member-social">
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="team-member">
<div class="member-image">
<img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80" alt="Arjun Singh">
</div>
<div class="member-info">
<h3>Arnav Yadav</h3>
<p class="member-role">Audio & Accessories Expert</p>
<p>Audio engineer turned reviewer. Tests hundreds of headphones and accessories to find the best budget options for students.</p>
<div class="member-social">
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
<div class="team-member">
<div class="member-image">
<img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80" alt="Sneha Gupta">
</div>
<div class="member-info">
<h3>Disha Mohite</h3>
<p class="member-role">Software & Apps Specialist</p>
<p>MBA student who curates the best productivity and study apps. Focuses on tools that enhance student productivity and learning.</p>
<div class="member-social">
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- Values Section -->
<section class="about-values">
<h2>Our Core Values</h2>
<div class="values-grid">
<div class="value-card">
<div class="value-icon">
<i class="fas fa-heart"></i>
</div>
<h3>Student-First Approach</h3>
<p>Every recommendation is made keeping the typical Indian student's budget, needs, and lifestyle in mind. We test products in real student environments.</p>
</div>
<div class="value-card">
<div class="value-icon">
<i class="fas fa-shield-alt"></i>
</div>
<h3>Honest Reviews</h3>
<p>We provide unbiased, honest reviews without any influence from manufacturers. Our independence ensures you get truthful recommendations.</p>
</div>
<div class="value-card">
<div class="value-icon">
<i class="fas fa-rupee-sign"></i>
</div>
<h3>Value for Money</h3>
<p>We understand the importance of every rupee. Our focus is always on finding products that offer the maximum value within your budget constraints.</p>
</div>
<div class="value-card">
<div class="value-icon">
<i class="fas fa-users"></i>
</div>
<h3>Community Driven</h3>
<p>Our recommendations are shaped by feedback from thousands of students across India. We listen to our community and adapt our content accordingly.</p>
</div>
<div class="value-card">
<div class="value-icon">
<i class="fas fa-graduation-cap"></i>
</div>
<h3>Educational Content</h3>
<p>Beyond reviews, we educate students about technology, helping them understand what to look for and how to make informed decisions.</p>
</div>
<div class="value-card">
<div class="value-icon">
<i class="fas fa-map-marked-alt"></i>
</div>
<h3>India-Focused</h3>
<p>All our content is tailored for the Indian market, considering local pricing, availability, warranty, and service support across different cities.</p>
</div>
</div>
</section>
<!-- Impact Section -->
<section class="about-impact">
<h2>Our Impact</h2>
<div class="impact-stats">
<div class="impact-item">
<div class="impact-number">350+</div>
<div class="impact-label">Students Helped</div>
<p>Monthly active users who rely on our recommendations</p>
</div>
<div class="impact-item">
<div class="impact-number">₹10000+</div>
<div class="impact-label">Money Saved</div>
<p>Total savings achieved by our community through smart purchases</p>
</div>
<div class="impact-item">
<div class="impact-number">5000+</div>
<div class="impact-label">Products Tested</div>
<p>Comprehensive reviews across all major tech categories</p>
</div>
<div class="impact-item">
<div class="impact-number">50+</div>
<div class="impact-label">Cities Covered</div>
<p>Local market research and pricing data from across India</p>
</div>
</div>
</section>
<!-- Future Section -->
<section class="about-future">
<div class="content-wrapper">
<div class="future-text">
<h2>Looking Ahead</h2>
<p>As technology evolves rapidly, we're committed to staying ahead of the curve. Our future plans include:</p>
<ul class="future-list">
<li><i class="fas fa-check"></i> AI-powered personalized recommendations</li>
<li><i class="fas fa-check"></i> Exclusive student discount partnerships</li>
<li><i class="fas fa-check"></i> Regional language content</li>
<li><i class="fas fa-check"></i> Mobile app for on-the-go recommendations</li>
<li><i class="fas fa-check"></i> Live Q&A sessions with tech experts</li>
<li><i class="fas fa-check"></i> Campus ambassador program</li>
</ul>
</div>
<div class="future-image">
<img src="https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80" alt="Future of technology">
</div>
</div>
</section>
<!-- CTA Section -->
<section class="about-cta">
<div class="cta-content">
<h2>Join Our Community</h2>
<p>Be part of India's largest student tech community. Get exclusive deals, early access to reviews, and personalized recommendations.</p>
<div class="cta-buttons">
<a href="contact.html" class="btn btn-primary">Get In Touch</a>
<a href="index.html#categories" class="btn btn-secondary">Explore Categories</a>
</div>
</div>
</section>
</div>
</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>