forked from 1tsak/serveU
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout_us.html
245 lines (217 loc) · 11.1 KB
/
about_us.html
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
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
</head>
<body>
<!-- Header Menu Starts -->
<header>
</div>
<a href="index.html"><img src="imgs/logo.png"></a>
<div class="navigation">
<a href="index.html">Home</a>
<a href="about_us.html">About</a>
<a href="review.html">Reviews</a>
<a href="services.html">Services</a>
<a href="contact_us.html">Contact</a>
<!-- <a href="login.html">Login</a> -->
</div>
<div class="nav-buttons">
<button onclick="window.location.href='login.html';" type="button"class="login-signup-nav-btn">Login</button>
<button onclick="window.location.href='signup.html';" type="button"class="login-signup-nav-btn">Signup</button></div>
<label for="check">
<i class="fas fa-bars menu-btn"></i>
<i class="fas fa-times close-btn"></i>
</label>
</header>
<!-- Header Menu Ends -->
<div class="begin">
<h1 id="mainhead" class="text"><span>About</span> Us</h1>
<!-- <h3 class="text">It all began with a bunch of 5 people</h3>
<h5 class="text">Together since 2021</h5> -->
<p class="aboutus-text">We , ServeU are here to make lives easier and hassle free by bringing world together with just one touch.
Our aim is to contribute in the success of india and make a better world together.
It all started with a bunch of 5 people with a idea.
We provide various services and facilities at minimum cost. We assure our quality is never compromised and we keep on bringing new ideas for better future.
<br><br> Vehicle Servicing, Vehicle repairs and Car cleaning - we are your one-stop solution for all things cars.
ServeU intends to be the best roadside assistance provider in India by addressing the real time vehicle breakdown problems of customers in day to day life.
A brainchild of 5 friends - Aadarsh Kumar, Aakash Jha, Aastha Anand, Aayushi Jain and Abhimanyu Nain, ServeU is a network of technology-enabled automobile service centres, offering a seamless car and bike service experience at the convenience of a tap. With our highly skilled technicians, manufacturer recommended procedures and the promise of genuine spare parts we are your best bet.
Stay in the comforts of your home or office and make the most of our complimentary pick-up and drop-in service. Count on us to be your personal vehicle care expert, advisor and mechanic.
</p>
</div>
<!-- Card Section Starts -->
<div class="trust-us-section">
<div class="trust-item">
<img src="imgs/handshake.png" alt="" class="iconimg">
<h5 >Creating Customers for Life by Creating <br> Employees for Life!</h5> </div>
<div class="trust-item">
<img src="imgs/clock.png" alt="" class="iconimg">
<h5>It’s About You, and It’s About Time!</h5></div>
<div class="trust-item">
<img src="imgs/sales.png" alt="" class="iconimg">
<h5>Always Improving, Never Changing</h5>
</div>
</div>
<!-- Card Section Ends -->
<!-- Team Section Starts -->
<h2 id="tmh">Masterminds Behind ServeU</h2>
<div class="team-cont">
<div class="team-item">
<div class="team">
<div class="team-img">
<img src="imgs/team1.png" alt="Team Image">
</div>
<div class="team-content">
<h2>Abhimanyu Nain</h2>
<h3>Team Leader</h3>
<p>Some text goes here 2that describes about team members</p>
<h4>[email protected]</h4>
</div>
<div class="team-social">
<a href="#" class="social-tw"> <i class="fab fa-twitter"></i></a>
<a href="#" class="social-fb"> <i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-li"> <i class="fab fa-linkedin-in"></i></a>
<a href="#" class="social-in"> <i class="fab fa-instagram"></i></a>
<a href="#" class="social-yt"> <i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
<div class="team-item">
<div class="team">
<div class="team-img">
<img src="imgs/team2.jpeg" alt="Team Image">
</div>
<div class="team-content">
<h2>Aayushi Jain</h2>
<h3>Design</h3>
<p>Some text goes here that describes about team members</p>
<h4>[email protected]</h4>
</div>
<div class="team-social">
<a href="#" class="social-tw"> <i class="fab fa-twitter"></i></a>
<a href="#" class="social-fb"> <i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-li"> <i class="fab fa-linkedin-in"></i></a>
<a href="#" class="social-in"> <i class="fab fa-instagram"></i></a>
<a href="#" class="social-yt"> <i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
<div class="team-item">
<div class="team">
<div class="team-img">
<img src="imgs/team3.jpeg" alt="Team Image">
</div>
<div class="team-content">
<h2>Aastha Anand</h2>
<h3>Design</h3>
<p>Some text goes here that describes about team members</p>
<h4>[email protected]</h4>
</div>
<div class="team-social">
<a href="#" class="social-tw"> <i class="fab fa-twitter"></i></a>
<a href="#" class="social-fb"> <i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-li"> <i class="fab fa-linkedin-in"></i></a>
<a href="#" class="social-in"> <i class="fab fa-instagram"></i></a>
<a href="#" class="social-yt"> <i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
<div class="team-item">
<div class="team">
<div class="team-img">
<img src="imgs/team4.jpg" alt="Team Image">
</div>
<div class="team-content">
<h2>Aadarsh Giri</h2>
<h3>Design</h3>
<p>Some text goes here that describes about team members</p>
<h4>[email protected]</h4>
</div>
<div class="team-social">
<a href="#" class="social-tw"> <i class="fab fa-twitter"></i></a>
<a href="#" class="social-fb"> <i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-li"> <i class="fab fa-linkedin-in"></i></a>
<a href="#" class="social-in"> <i class="fab fa-instagram"></i></a>
<a href="#" class="social-yt"> <i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
<div class="team-item">
<div class="team">
<div class="team-img">
<img src="imgs/aakash.jpg" alt="Team Image">
</div>
<div class="team-content">
<h2>Aakash Jha</h2>
<h3>Tech & Design</h3>
<p>Some text goes here that describes about team members</p>
<h4>[email protected]</h4>
</div>
<div class="team-social">
<a href="#" class="social-tw"> <i class="fab fa-twitter"></i></a>
<a href="#" class="social-fb"> <i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-li"> <i class="fab fa-linkedin-in"></i></a>
<a href="#" class="social-in"> <i class="fab fa-instagram"></i></a>
<a href="#" class="social-yt"> <i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
</div>
<!-- Team Section Ends -->
<div class="footer">
<div class="footer-content">
<div class="footer-section about">
<h1 class="logo-text"><span>DE</span>MO</h1>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla in hic eaque vitae aliquid, repellendus, culpa provident maiores delectus adipisci modi ipsum? Aspernatur doloremque autem distinctio provident odit nesciunt maxime.
</p>
<div class="contact">
<span><i class="fas fa-phone"></i> 123-456-789</span>
<span><i class="fas fa-envelope"></i> [email protected]</span>
</div>
<div class="socials">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-section links">
<h2>Quick Links</h2>
<br>
<ul>
<a href="#">
<li>Home</li>
</a>
<a href="#">
<li>About</li>
</a>
<a href="#">
<li>Services</li>
</a>
<a href="#">
<li>Reviews</li>
</a>
<a href="#">
<li>Contact</li>
</a>
</ul>
</div>
<div class="footer-section contact-form">
<h2>Contact us</h2>
<br>
<form action="index.html" method="post">
<input type="email" name="email" class="text-input contact-input" placeholder="Your email address...">
<textarea rows="4" name="message" class="text-input contact-input" placeholder="Your message..."></textarea>
<button type="submit" class="btn btn-big contact-btn">
<i class="fas fa-envelope"></i>
Send
</button>
</form>
</div>
</div>
<div class="footer-bottom">
© example.com | Made With 💖 For IWT Project
</div>
</div>
</body>