-
Notifications
You must be signed in to change notification settings - Fork 3
/
oilChange.html
345 lines (342 loc) · 16 KB
/
oilChange.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SAAR Auto Repair Workshop</title>
<link rel="stylesheet" href="header-footer.css" />
<link rel="icon" type="image/x-icon" href="/imgs/favIcon.svg" />
<!-- google fonts poppins -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="oilchange.css" />
<!-- font awesome icons -->
<script
src="https://kit.fontawesome.com/100f11453f.js"
crossorigin="anonymous"
></script>
</head>
<body style="font-family: Poppins, sans-serif">
<div class="home">
<div class="burgorMenu">
<div class="burgorIconDiv" id="burgorIconDiv">
<i class="fa-solid fa-bars" id="burgorIcon"></i>
</div>
<div class="burgorMenuItems" id="burgorMenuItems">
<nav class="navbar">
<ul class="menu">
<li class="menuItem">
<a href="index.html">Home</a>
</li>
<li class="menuItem activeItem">
<span>Services</span> <i class="fa-solid fa-caret-right"></i>
<ul class="menuSubItem">
<li><a href="allServices.html">All Services</a></li>
<li><a href="engineService.html">Engine Repair</a></li>
<li><a href="AC repair.html">Auto A/C Repair</a></li>
<li><a href="batteryService.html">Battery Service</a></li>
<li class="activeItem">
<a href="oilChange.html">Oil Change</a>
</li>
<li><a href="brakeRepair.html">Brake Service</a></li>
<li><a href="wheelServices.html">Wheel Alignment</a></li>
</ul>
</li>
<li class="menuItem">
<span>Vehicles</span><i class="fa-solid fa-caret-right"></i>
<ul class="menuSubItem">
<li><a href="toyotaService.html">toyota Service</a></li>
<li><a href="suzukiService.html">Suzuki Service</a></li>
<li><a href="hondaService.html">Honda Service</a></li>
<li><a href="hyundaiService.html">Hyudai Service</a></li>
<li><a href="bmwService.html">Bmw Service</a></li>
<li><a href="AudiService.html">Audi Service</a></li>
<li><a href="hummerService.html">Hummer Service</a></li>
</ul>
</li>
<li class="menuItem">
<span>About Us</span><i class="fa-solid fa-caret-right"></i>
<ul class="menuSubItem">
<li><a href="ownersInfo.html">Owners Info</a></li>
<li><a href="contact.html">Cotact Us</a></li>
</ul>
</li>
<li class="menuItem"><a href="faqs.html">FAQ's</a></li>
<li class="appointment menuItem">
<a href="requestAppointment.html">Request Appointment</a>
</li>
</ul>
</nav>
</div>
</div>
<header>
<div class="topHeader">
<div class="logo">
<a href="index.html"
><img src="imgs/logo5.png" alt="logo" width="300px"
/></a>
</div>
<div class="contact">
<i class="fa-solid fa-phone"></i>
<a href="tel:03489220242">0348-9220242</a>
</div>
<div class="workingHrs">
<div class="workingHrsHeading">
<span>Working Hours</span><br />
<span><i class="fa-solid fa-clock"></i> 8:00AM-6:00PM</span
> <i class="fa-solid fa-caret-down"></i>
</div>
<div class="workingDays">
<div class="day1">Mon <br /><span>8:00AM-6:00PM</span></div>
<div class="day2">Tue <br /><span>8:00AM-6:00PM</span></div>
<div class="day3">Wed <br /><span>8:00AM-6:00PM</span></div>
<div class="day4">Thu <br /><span>8:00AM-6:00PM</span></div>
<div class="day5">Fri <br /><span>Closed</span></div>
<div class="day6">Sat <br /><span>8:00AM-6:00PM</span></div>
<div class="day7">Sun <br /><span>8:00AM-6:00PM</span></div>
</div>
</div>
<div>
<ul class="socialLinks">
<li>
<a href=""><i class="fa-brands fa-whatsapp"></i></a>
</li>
<li>
<a href=""><i class="fa-brands fa-facebook"></i></a>
</li>
<li>
<a href=""><i class="fa-regular fa-envelope"></i></a>
</li>
</ul>
</div>
</div>
<nav id="navbar">
<ul class="menu">
<span id="menuToggler" class="menuBtnDispNone"
><i class="fa-solid fa-angles-up" id="menuIcon"></i
></span>
<li class="menuItem"><a href="index.html">Home</a></li>
<li class="menuItem activeItem">
<a href="allServices.html">Services</a
><i class="fa-solid fa-caret-down"></i>
<ul class="menuSubItem">
<li><a href="allServices.html">All Services</a></li>
<li><a href="engineService.html">Engine Repair</a></li>
<li><a href="AC repair.html">Auto A/C Repair</a></li>
<li><a href="batteryService.html">Battery Service</a></li>
<li class="activeSubItem">
<a href="oilChange.html">Oil Change</a>
</li>
<li><a href="brakeRepair.html">Brake Service</a></li>
<li><a href="wheelServices.html">Wheel Alignment</a></li>
</ul>
</li>
<li class="menuItem">
<a href="">Vehicles</a><i class="fa-solid fa-caret-down"></i>
<ul class="menuSubItem">
<li><a href="toyotaService.html">toyota Service</a></li>
<li><a href="suzukiService.html">Suzuki Service</a></li>
<li><a href="hondaService.html">Honda Service</a></li>
<li><a href="hyundaiService.html">Hyudai Service</a></li>
<li><a href="bmwService.html">Bmw Service</a></li>
<li><a href="AudiService.html">AudiService</a></li>
<li><a href="hummerService.html">Hummer Service</a></li>
</ul>
</li>
<li class="menuItem">
<a href="">About Us</a><i class="fa-solid fa-caret-down"></i>
<ul class="menuSubItem">
<li><a href="ownersInfo.html">Owners Info</a></li>
<li><a href="contact.html">Cotact Us</a></li>
</ul>
</li>
<li class="menuItem"><a href="faqs.html">FAQ's</a></li>
<li class="appointment menuItem">
<a href="requestAppointment.html">Request Appointment</a>
</li>
</ul>
</nav>
</header>
<!-- start: your code goes here -->
<div class="oilServices">
<div><h1>OIL CHANGE IN SAAR</h1></div>
<div class="subOil"><h2>OIL CHANGE: A CRUCIAL SERVICE</h2></div>
<div class="subOil1"><h1>Prevention Is Key</h1></div>
<div class="sub1">
<p>
Preventive maintenance services are key to keeping your vehicle in
good mechanical condition. Specifically, regular oil changes are
crucial to keeping your transportation running reliably. Count on
the ASE-certified technicians at SAAR Auto Service for that and
other services for all makes and models. We’re here to suit your
convenience with extended hours of operation spanning sat-thu: 8am –
6pm. We’re easy to find, too, at SAAR. You can make an appointment
for an oil change online or by calling us at 0348-9220242. SAAR Auto
Service looks forward to becoming your one-stop complete auto shop..
An efficiently working A/C system is a must-have during hot summer
days. If your car’s HVAC system isn’t functioning correctly, the
cabin can become a sweltering—and even dangerous—environment.
Fortunately, help is just a phone call away. The ASE-certified car
A/C repair mechanics at SAAR Auto Service have the tools and
training to help Chicago motorists beat the heat. We can repair and
maintain cooling systems in all makes and models, including domestic
and import vehicles. We also back our car A/C repairs with TechNet
24/24 and NAPA 24/24 warranties. This ensures you will keep your
cool wherever you go. Have questions? Our staff will gladly address
any concerns you might have. If your car’s A/C system is blowing
warm air, smells muggy, or makes strange noises, call our auto
repair shop today at 0342-9220242 to book an appointment. We are
open Saturday through thursday, sat-thu: 8am – 6pm, and Closed
Friday.
</p>
<div class="image">
<img src="imgs/servicesImages/oilchange.png" />
</div>
<div class="sub2"><h1>The Details Of Oil Change</h1></div>
<div class="sub3">
<p>
We care about your transportation as much as you do, so we take
our role as your preventive maintenance partner seriously. Motor
oil grabs and suspends dirt, absorbs some of the heat from the
engine, and, of course, lubricates the moving metal parts. These
functions allow your engine to operate without undue damage.
Unfortunately, oil begins to break down as it ages, leaving it
less able to protect as effectively as it once did. Old oil can
lead to premature wear of internal engine components. Furthermore,
the aged lubricant may combine with dirt to form sludge. This can
result in internal clogs or, in severe cases, show on the external
engine surfaces. It’s necessary to change the filter with every
oil change, too. This disposable part keeps debris from
recirculating through the engine. Once the filter’s fibrous folds
are full, however, the dirty filter can allow dirt to seep by.
When you entrust your vehicle to us for an oil change, we’ll
attend to all the important details for you. We’ll follow the
manufacturer’s recommendations for the optimal viscosity/weight
for the model you drive. We’ll also advise you on recommendations
for oil type. These are conventional, full synthetic, synthetic
blend, or high mileage. Every oil change includes a complimentary
check of other fluids, brakes, and tirest.
</p>
</div>
<div class="image">
<img src="imgs/servicesImages/oilcange2.png" />
</div>
<div class="oilDis">
<h1>A Great Place For Service</h1>
<div class="oilsubDis">
<p>
SAAR Auto Service is a great place to get your oil changed. We
aim always to take good care of our customers, putting your
needs ahead of our profit margin. We center our work on our
values of loyalty, honesty, accountability, integrity, teamwork,
innovation, and passion. That translates into the highest level
of service for you and your automobile. For example, we provide
a digital inspection at no additional charge, and we’re glad to
take the time to explain your vehicle’s mechanical needs to you.
What’s more, when the time comes for repairs beyond the scope of
preventive maintenance, you can feel confident knowing that
you’ve selected the right facility. We’ve been a part of our
shared community’s fabric for more than 30 years and are a
member of the Automotive Service Association. Our work is
covered by a solid 24-month/24,000-mile nationwide warranty
through the NAPA and TechNet networks. Your local provider for
mechanical services, including oil changes, is SAAR Auto
Service.
</p>
</div>
</div>
</div>
</div>
<!-- end -->
<footer>
<div class="upperFooter">
<div class="footerSection1">
<div class="logoText">
SAAR<span class="smallText"><br />AUTO REPAIR SERVICE</span>
</div>
<ul class="socialLinks">
<li>
<a href=""><i class="fa-brands fa-whatsapp"></i></a>
</li>
<li>
<a href=""><i class="fa-brands fa-facebook"></i></a>
</li>
<li>
<a href=""><i class="fa-regular fa-envelope"></i></a>
</li>
</ul>
</div>
<div class="footerSection2">
<div class="address">
<i class="fa-solid fa-location-dot"></i
><span class="footer2Hdng">Address</span><br />
<p>Near General Bus Stand Timergara, Dir Lower, KPK, Pakistan.</p>
</div>
<div class="footerHrs">
<div class="">
<span
><i class="fa-solid fa-clock"></i
><span class="footer2Hdng">Working Hours</span></span
><br />
<p>
Sat-Thu | 8:00AM-6:00PM<br />
<span>Closed on Friday</span>
</p>
</div>
</div>
<div class="address">
<i class="fa-solid fa-phone"></i
><span class="footer2Hdng">Contact Us</span><br />
<p><a href="tel:03489220242">0348-9220242</a></p>
</div>
</div>
<div class="footerSection3">
<div>Quick Links</div>
<ul>
<li><a href="allServices.html">Services</a></li>
<li><a href="toyotaService.html">Vehicles</a></li>
<li><a href="ownersInfo.html">About Us</a></li>
<li><a href="faqs.html">FAQ's</a></li>
</ul>
</div>
<div class="footerSection4">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1503.3203295988874!2d71.83820663874663!3d34.82270020071062!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38dbf3c97a6ea9d9%3A0xc4fc67209af41b01!2sGeneral%20Bus%20Stand%20Timergara!5e0!3m2!1sen!2s!4v1714825296338!5m2!1sen!2s"
width="300"
height="200"
style="border: 0"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</div>
</div>
<div class="lowerFooter">
<hr />
<div class="lowerFooterContent">
<div class="developersInfo">
<span>Developed by: </span
><a
href="imgs/Salman-Ud-Din-Front-End-Developer.pdf"
target="_blank"
>Salman</a
><a
href="imgs/Arsalan-Khan-Front-End-Developer.pdf"
target="_blank"
>Arsalan</a
><a href="imgs/Naeem-ullah.pdf" target="_blank">Naeem</a>
</div>
<div class="copyRight">
© SAAR auto workshop. All rights reserved.
</div>
</div>
</div>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>