-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
511 lines (474 loc) · 25.5 KB
/
index.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
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Day 12</title>
<link rel="stylesheet" href="style.css"> <!-- Custom css -->
<!-- Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com"> <!-- font style css -->
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Manrope:[email protected]&family=Oswald:[email protected]&display=swap" rel="stylesheet">
<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="header">
<div class="nav">
<div class="nav-img-div">
<img class="nav-img" src="./Images/logo-white.png" alt="logo-1">
</div>
<ul class="nav-ul">
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#services">Services</a>
</li>
<li>
<a href="#faqs">FAQs</a>
</li>
<li>
<a href="#contactus">Contact Us</a>
</li>
</ul>
<div class="cancel-menu">
<i class="fa-solid fa-caret-down" id="arrow-menu"></i>
</div>
</div>
</div>
<!-- NEXT SECTION --> <!-- PADDING AND MARGINS NEED TO BE DONE LAST MEDIA QUERIES ****************-->
<div class="hero">
<div class="container">
<h1>Maintenance<span class="q-mark">?</span></h1>
<h1>Bad Brakes<span class="q-mark">?</span></h1>
<h1>Oil Change<span class="q-mark">?</span></h1>
<h1>Clutch Replacement<span class="q-mark">?</span></h1>
</div>
</div>
<div class="hero2">
<div class="container2">
<h1>Hey there!</h1>
<p>
Welcome to our auto repair shop, where we pride ourselves on providing top-notch service and expert automotive care. When you bring your vehicle to us, you can expect a seamless and efficient process designed to get you back on the road safely and swiftly. Upon arrival, our friendly and knowledgeable staff will greet you and listen attentively to any concerns or issues you may have with your vehicle. We understand that every customer and every car is unique, so we take the time to understand your needs and tailor our services accordingly.
</p>
<p>
Once we have gathered all the necessary information, our team of skilled technicians will conduct a thorough inspection of your vehicle using state-of-the-art diagnostic equipment. This allows us to accurately identify any issues or potential problems, ensuring that nothing goes unnoticed. After assessing the situation, we will provide you with a detailed explanation of the necessary repairs or maintenance required, along with transparent pricing and time estimates. We believe in honest and upfront communication, so you can trust that there will be no surprises when it comes to the cost or timeline of your service.
</p>
<p>
At our auto repair shop, we understand that your time is valuable, which is why we are committed to providing efficient service without compromising on quality. Whether you're in need of routine maintenance or unexpected repairs, you can trust us to handle your vehicle with care and expertise every step of the way.
</p>
</div>
</div>
<!--NEXT SECTION -->
<div id="about" class="about">
<div class="container3">
<div class="c3-flex">
<div class="c3-flex-d1">
<h1>About Us</h1>
<p>Welcome to KM Repairs, your trusted neighborhood auto repair shop! Established several years ago, we've been proudly serving the Roseneath & Craigieburn community with top-notch automotive services and unrivaled customer care.</p>
<p>At KM Repairs, we understand the importance of reliable transportation in your daily life. That's why our team of skilled technicians is committed to keeping your vehicles running smoothly and safely on the road. Whether it's routine maintenance, major repairs, or diagnostics, we have the expertise and dedication to get the job done right the first time.</p>
<p>What sets us apart from the rest? It's our unwavering commitment to honesty, integrity, and transparency. When you bring your vehicle to us, you can trust that we'll always provide straightforward advice and fair pricing. We believe in building long-lasting relationships with our customers based on trust and mutual respect</p>
</div>
<div class="c3-flex-d2">
<img src="./Images/img-6.jpg">
</div>
</div>
</div>
</div>
<div id="services" class="services"> <!-- WILL COME BACK TO THIS -->
<img class="img-tool1" src="./Images/toolfree.png">
<div class="container-services">
<h1>Auto Diagnostic & Repairs Services</h1>
<div class="services-grid">
<div class="g1 gg" data-gg-id="gh1">
<div class="inside-gg gh1">
<h1>Brakes</h1>
<p>
We are leaders in the field of automotive repair and vehicle servicing. We have qualified mechanics (technicians) who stand willing and ready to assist you with any brakes related issues.
</p>
</div>
</div>
<div class="g2 gg" data-gg-id="gh2">
<div class="inside-gg gh2">
<h1>Services</h1>
<p>
We can handle both minor and major services for all makes and models of cars, SUVs, and bakkies. So no matter what type of vehicle you drive, we have you covered. And by regularly servicing your car, you can not only keep it running smoothly but also extend its lifespan and avoid costly repairs down the road.
</p>
</div>
</div>
<div class="g3 gg" data-gg-id="gh3">
<div class="inside-gg gh3">
<h1>Clutches</h1>
<p>
One of the most troublesome parts of a car is the clutch, as the condition of the clutch depends on a lot of factors, including the way we drive.Making sure your clutch is in perfect condition is important because your safety depends on it. An improper working clutch could result in an accident in a worst-case scenario.
</p>
</div>
</div>
<div class="g4 gg" data-gg-id="gh4">
<div class="inside-gg gh4">
<h1>Starters</h1>
<p >
A faulty starter motor can cause safety hazards, such as stalling in traffic or sudden engine failure.A well-maintained starter motor is more likely to work efficiently, reducing the risk of problems like slow cranking or failed starts.
</p>
</div>
</div>
<div class="g5 gg" data-gg-id="gh5">
<div class="inside-gg gh5">
<h1>Suspension</h1>
<p>
A properly maintained suspension system significantly contributes to your safety on the road. It helps keep your vehicle stable and balanced, especially during sudden manoeuvres, turns, and emergency stops so get it checked out before its too late.
</p>
</div>
</div>
<div class="g7 gg" data-gg-id="gh7">
<div class="inside-gg gh7">
<h1>Cambelts</h1>
<p>
The cam or timing belt is the only means of keeping the different aspects of a running engine in the proper sequence.As with any component, cambelts are affected by age and use. Age causes rubber to perish and weaken, which we will be happy to replace.
</p>
</div>
</div>
<div class="g8 gg" data-gg-id="gh8">
<div class="inside-gg gh8">
<h1>Wheel Bearings</h1>
<p>
The wheel bearings are essential in the operation of your vehicle; they allow friction-reduced movement and rotation of the hub assembly, and thereby provides smooth tyre and wheel rotation. Think for a moment what would happen if you are driving along, with your loved ones, and a wheel bearing fails. When a wheel bearing goes bad, you are in for some trouble.
</p>
</div>
</div>
<div class="g9 gg" data-gg-id="gh9">
<div class="inside-gg gh9">
<h1>Alternator</h1>
<p>
Dim lights? Bad alternator sound? Battery not charging? Your alternator may be going bad!Come to KM Repairs for a checkup and get that replaced before it causes more problems.
</p>
</div>
</div>
<div class="g10 gg hidden-gg" data-gg-id="gh10">
<div class="inside-gg gh10">
<h1>Turbo</h1>
<p>
Think your turbo is going bad by your vehicles poor performance ? We got you , go on and give us a call and set an appointment and you're already on the right track on getting your car back to its full potential.
</p>
</div>
</div>
<div class="g11 gg hidden-gg" data-gg-id="gh11">
<div class="inside-gg gh11">
<h1>Injector</h1>
<p>
It is rare that the fuel injection system needs to be serviced. Today’s fuels keep injectors clean. If a problem does arise, we can diagnose the fuel injection system to find out what needs to be repaired. Injectors can fail due to leaking or an electrical issue.
</p>
</div>
</div>
<div class="g12 gg hidden-gg" data-gg-id="gh12">
<div class="inside-gg gh12">
<h1>Steering</h1>
<p>
You Feel A Vibration Or Shake When Driving? Dripping Fluid Under Your Car ? Your Steering Wheel Is Off-Center? Better get that fixed before an accident occurs.
</p>
</div>
</div>
<div class="g13 gg hidden-gg" data-gg-id="gh13">
<div class="inside-gg gh13">
<h1>Batteries</h1>
<p>
The last thing you need is to be stuck with a vehicle that will not start because of a dead battery. The electrical energy, stored in the battery, is what helps the vehicle to start and continue running.
</p>
</div>
</div>
<div class="g14 gg hidden-gg" data-gg-id="gh14">
<div class="inside-gg gh14">
<h1>Performance</h1>
<p>
Is your car getting slower by the day ? Bring it over to KM Repairs for a checkup or even get some upgrades for a better performance.
</p>
</div>
</div>
<div class="g15 gg hidden-gg" data-gg-id="gh15">
<div class="inside-gg gh15">
<h1>Fuel Consumption</h1>
<p>
Fuel price hikes are an integral part of your existence and your budget. Many people do their best to stretch their budget each month, and your vehicle just keeps taking more than it should ? Bring it over and we'll see whats the problem and make it a
problem of the past!
</p>
</div>
</div>
<div class="g16 gg hidden-gg" data-gg-id="gh16">
<div class="inside-gg gh16">
<h1>Gearbox</h1>
<p>
Your vehicle might struggle to switch between gears, or in severe cases, it might not be able to switch at all.Your car also slips in and out of gear under load, like going up a hill. Does this sound like your vehicle? Call us ASAP
</p>
</div>
</div>
<div class="g17 gg hidden-gg" data-gg-id="gh17">
<div class="inside-gg gh17">
<h1>Warning Lights</h1>
<p>
Your car's proverbial brain will figure out an impending problem before you do and send you a warning more often than not. There are sensors and warning lights in new cars that alert you to tire pressure levels and the washer fluid level.Dont know how to make them go away? You know where to come.
</p>
</div>
</div>
<div class="g18 gg hidden-gg" data-gg-id="gh18">
<div class="inside-gg gh18">
<h1>Diagnostics</h1>
<p>
Modern day automobiles come standard with sophisticated on-board computers and immense electronics. This is where class-leading diagnostic tools are utilised to identify and accurately pinpoint the problem on your vehicle and the source of the issue.
</p>
</div>
</div>
<div class="g19 gg hidden-gg" data-gg-id="gh19">
<div class="inside-gg gh19">
<h1>Exhausts</h1>
<p>
Exhaust Leak? You see strange smoke colors coming from the exhaust ? You Have Rust On Or In The Exhaust System ? Our well trained and trusted technicians are waiting on standby!
</p>
</div>
</div>
</div>
<div class="showall-div">
<button class="showall">View All</button>
</div>
</div>
</div>
<div class="CTA">
<div class="container4">
<div class="c4-d1">
<h1>OFFERING YOU THE BEST SOLUTIONS FOR YOUR BIGGEST PROBLEMS</h1>
<p>We Are Always Ready to Help!</p>
<button class="contact-button"><a href="#contactus">Contact Us</a></button>
</div>
</div>
</div>
<div class="testimonial">
<div class="container5">
<div class="c5-p1">
<h1>Why choose KM Repairs?</h1>
<p>Guaranteed Customer Satisfaction!</p>
</div>
<div class="owl-carousel owl-theme">
<div class="item">
<div>
<div class="profile-img">
<img src="./Images/user-male.jpeg">
</div>
</div>
<div class="item-inner">
<h1>Clark Johnson</h1>
<p>Maintenance</p>
<p>Excellent, fast and friendly service , my car runs perfect now that it's fixed! Thank you!
</p>
</div>
</div>
<div class="item">
<div>
<div class="profile-img">
<img src="./Images/icon-female.jpg">
</div>
</div>
<div class="item-inner">
<h1>Marylène Martina</h1>
<p>Clutch Replacement</p>
<p>Wonderful service. Very reasonable price. Efficient staff and knowledgeable mechanics. Definitely recommend.
</p>
</div>
</div>
<div class="item">
<div>
<div class="profile-img">
<img src="./Images/profile3.jpeg">
</div>
</div>
<div class="item-inner">
<h1>Nathan Vissarion</h1>
<p>Engine Overhaul</p>
<p>Kylan is great for helping with my car issues.
</p>
</div>
</div>
<div class="item">
<div>
<div class="profile-img">
<img src="./Images/profile4.jpeg">
</div>
</div>
<div class="item-inner">
<h1>Berengar Lawal</h1>
<p>Maintenance</p>
<p>There are a few places that continue to delivery great results. KM Repairs is one of those places.
</p>
</div>
</div>
<div class="item">
<div>
<div class="profile-img">
<img src="./Images/profile5.jpeg">
</div>
</div>
<div class="item-inner">
<h1>Henning Caner</h1>
<p>Major Service</p>
<p> If there were 6 stars, I would have gave them six.
</p>
</div>
</div>
<div class="item">
<div>
<div class="profile-img">
<img src="./Images/profile6.jpeg">
</div>
</div>
<div class="item-inner">
<h1>Sandra Ilsa</h1>
<p>Maintenance</p>
<p>I HIGHLY recommend these guys.
</p>
</div>
</div>
<div class="item">
<div>
<div class="profile-img">
<img src="./Images/icon-female.jpg">
</div>
</div>
<div class="item-inner">
<h1>Citra Camilla</h1>
<p>Maintenance</p>
<p>I HIGHLY recommend these guys.
</p>
</div>
</div>
<div class="item">
<div>
<div class="profile-img">
<img src="./Images/user-male.jpeg">
</div>
</div>
<div class="item-inner">
<h1>Thales Toussaint</h1>
<p>Maintenance</p>
<p>I HIGHLY recommend these guys.
</p>
</div>
</div>
<div class="item">
<div>
<div class="profile-img">
<img src="./Images/user-male.jpeg">
</div>
</div>
<div class="item-inner">
<h1>Brynmor Chikso</h1>
<p>Maintenance</p>
<p>I HIGHLY recommend these guys.
</p>
</div>
</div>
</div>
</div>
</div>
<div id="faqs" class="faqs">
<div class="container-faqs">
<h1>FAQS</h1>
<div class="question" data-id="question-1">
<h1>How long will it take for my vehicle to be ready ?</h1>
<p id="question-1" class="cquest">Your vehicle will be ready in the next 2 days or as soon as the parts have arrived ( if needed ) , but there is no set time as there are many things to consider when determining how long it will take. </p>
</div>
<div class="question" data-id="question-2">
<h1>Do I have to call or email first before showing up to your location ?</h1>
<p id="question-2" class="cquest">Yes , please call and make an appointment as our schedule is quiet busy at times and we dont take 'surprise' customers without making an appointment first.</p>
</div>
<div class="question" data-id="question-3">
<h1>Do I provide the parts that I want replace when bringing in my vehicle ?</h1>
<p id="question-3" class="cquest">Yes but it is not really needed as we will provide them for you if you cannot. Keep in mind if we have to provide the parts and we are out of stock at the time it will take a longer period of time.</p>
</div>
<div class="question" data-id="question-4">
<h1>Will I recieve a cost estimate beforehand ?</h1>
<p id="question-4" class="cquest">Yes you will , we strive to be upfront and honest with our clients to give them the best deals we possibly can! </p>
</div>
<div class="question" data-id="question-5">
<h1>Do I pay after the job is done ?</h1>
<p id="question-5" class="cquest">You can pay before or after , but if the payment is not done after completion of the job your vehicle will be held until you decide to pay. </p>
</div>
<div class="question" data-id="question-6">
<h1>What vehicle models have to previously worked on ?</h1>
<p id="question-6" class="cquest">Mainly Toyota , Isuzu , Hyundai , VW and Nissan </p>
</div>
<div class="question" data-id="question-7">
<h1>What spare shop do you recommend getting parts at ?</h1>
<p id="question-7" class="cquest">The best in the game ? Sams Motor Spares.It has everything you will ever need at the most affordable prices. </p>
</div>
<div class="question" data-id="question-8">
<h1>What form of payment is accepted?</h1>
<p id="question-8" class="cquest">Cash is prefered but we accept bank transfers aswell.</p>
</div>
<div class="question" data-id="question-9">
<h1>How long have you been in business?</h1>
<p id="question-9" class="cquest">Over 30 years. We are well known in our surrounding areas!</p>
</div>
<div class="question" data-id="question-10">
<h1>Do you have weekend hours for emergency?</h1>
<p id="question-10" class="cquest">Yes , but those are only for breakdowns or for exclusive valued clients.</p>
</div>
</div>
</div>
<div id="contactus"class="hours">
<div class="container6">
<div class="c6-div">
<div class="c6-div-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3448.4259536602226!2d30.75911883367612!3d-30.196387982081067!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1ef64901d7cb27f9%3A0x3ee03341fc221651!2sSunpark%20Dr%2C%20Craigieburn%2C%204170!5e0!3m2!1sen!2sza!4v1711623195177!5m2!1sen!2sza" width="100%" height="450px" style="border:none;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="c6-div-2">
<h1>Working Hours & Location</h1>
<p>Sunpark Dr, Craigieburn, 4170</p>
<p>
<hr class="hr">
</p>
<p>Monday 7:30am - 4:30pm</p>
<p>Tuesday 7:30am - 4:30pm</p>
<p>Wednesday 7:30am - 4:30pm</p>
<p>Thursday 7:30am - 4:30pm</p>
<p>Friday 7:30am - 4:30pm</p>
<p>Saturday closed</p>
<p>Sunday closed</p>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container7">
<div class="c7-flex">
<div class="c7-f1">
<div>
<img src="./Images/logo-white.png">
</div>
</div>
<div class="c7-f2">
<h1>Contact Us</h1>
<p><i class="fa-solid fa-phone"></i><span> 081 447 0633</span></p>
<p><i class="fa-sharp fa-solid fa-envelope"></i> <span> [email protected]</span></p>
</div>
<div class="c7-f3">
<h1>Socials</h1>
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-whatsapp"></i>
<i class="fa-brands fa-instagram"></i>
</div>
</div>
<div class="c7-end">
<p>Copyright 2024. All Rights Reserved.</p>
<p>Image Credits - Pexels</p>
<p>Crafted by Trevlin</p>
</div>
</div>
</div>
<!-- ALL SCRIPT TAGS GO HERE -->
<script type="text/javascript" src="./jsfile.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>