Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@loblachi
loblachi authored Apr 4, 2024
1 parent 7594cf9 commit 947d3d0
Show file tree
Hide file tree
Showing 3 changed files with 52 additions and 51 deletions.
74 changes: 38 additions & 36 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,26 +101,26 @@ <h1>Auto Diagnostic & Repairs Services</h1>
<div class="g1 gg" data-gg-id="gh1">
<div class="inside-gg gh1">
<h1>Brakes</h1>
<p >
Proper maintenance of your brakes is paramount to auto safety. We do a thorough job of inspecting and repairing your brakes.
<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 >
Health check for your car. A necessity for any motor vehicle owner.
<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 >
Testing is the first step in figuring out what’s going on if you are experiencing a problem with the clutch. We offer this testing service as part of the initial assessment of the problems you may be experiencing with your clutch.
<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>
Expand All @@ -129,120 +129,122 @@ <h1>Clutches</h1>
<div class="inside-gg gh4">
<h1>Starters</h1>
<p >
Testing is the first step in figuring out what’s going on if you are experiencing a problem with the clutch. We offer this testing service as part of the initial assessment of the problems you may be experiencing with your clutch.
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 >
Proper maintenance of your brakes is paramount to auto safety. We do a thorough job of inspecting and repairing your brakes.
<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 >
Testing is the first step in figuring out what’s going on if you are experiencing a problem with the clutch. We offer this testing service as part of the initial assessment of the problems you may be experiencing with your clutch.
<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 Bearing</h1>
<p >
Testing is the first step in figuring out what’s going on if you are experiencing a problem with the clutch. We offer this testing service as part of the initial assessment of the problems you may be experiencing with your clutch.
<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 >
Testing is the first step in figuring out what’s going on if you are experiencing a problem with the clutch. We offer this testing service as part of the initial assessment of the problems you may be experiencing with your clutch.
<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 >
Testing is the first step in figuring out what’s going on if you are experiencing a problem with the clutch. We offer this testing service as part of the initial assessment of the problems you may be experiencing with your clutch.
<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 >
<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 >
Testing is the first step in figuring out what’s going on if you are experiencing a problem with the clutch. We offer this testing service as part of the initial assessment of the problems you may be experiencing with your clutch.
<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 >
We offer a full line-up of automotive battery services including predictive auto battery testing, auto battery maintenance and cleaning, and battery replacement.
<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 >
Testing is the first step in figuring out what’s going on if you are experiencing a problem with the clutch. We offer this testing service as part of the initial assessment of the problems you may be experiencing with your clutch.
<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 >
Testing is the first step in figuring out what’s going on if you are experiencing a problem with the clutch. We offer this testing service as part of the initial assessment of the problems you may be experiencing with your clutch.
<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 >
We service and repair both automatic and manual transmissions. If you think you are having a problem with your automatic transmission, be sure to complete our automatic transmission diagnostic form. This will specify the type of problem you are experiencing as well as when it’s occurring.
<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 >
Testing is the first step in figuring out what’s going on if you are experiencing a problem with the clutch. We offer this testing service as part of the initial assessment of the problems you may be experiencing with your clutch.
<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 >
The mechanical systems in most of today’s cars have a computer component. We use up-to-date scanning tools and laptop computers to help diagnose automotive problems. Because we stay updated on new technology, our advanced tools can exceed what some manufacturers can do.
<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 >
We check the system data to track down the problem and recommend repairs. For vehicles built before the 1990s, we use a four gas emissions analyzer and other test equipment to check out the emission system. We also make repairs for vehicles that don’t pass the Maryland Vehicle Emissions Inspection Program (VEIP).
<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>
Expand All @@ -258,7 +260,7 @@ <h1>Exhausts</h1>
<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">Contact Us</button>
<button class="contact-button"><a href="#contactus">Contact Us</a></button>
</div>
</div>
</div>
Expand Down
11 changes: 6 additions & 5 deletions jsfile.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@ $(document).ready(function(){
$('.gg').on('mouseover',function(){ // For the services card to flip
var thise = $(this).attr("data-gg-id");
$('.' + thise).css({
'opacity':'1',
'transition':'.5s all',
'backgroundColor':'white',
'box-shadow':'rgb(00, 00, 00) 0px 20px 30px -10px',
'opacity':'.93',
'transition':'.75s all',
'backgroundColor':'var(--fc-yellow)',
'box-shadow':'white 0px 10px 20px 5px',
'transform':'rotateY(0deg)'
})
})
Expand All @@ -24,7 +24,7 @@ $(document).ready(function(){

$('.' + thise).css({
'opacity':'0',
'transition':'.5s all',
'transition':'.75s all',
'transform':'rotateY(-180deg)'
})
})
Expand All @@ -33,6 +33,7 @@ $(document).ready(function(){
var arrow = $(this).toggleClass('active');
var menuDown = $('.nav-ul');
menuDown.toggleClass('menu-active');

})


Expand Down
18 changes: 8 additions & 10 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -126,12 +126,7 @@
margin: 3rem 0rem;
}
}
@media(max-width:500px){
.menu-active{
display: block;
inset: 4rem 0em 0em 0em;
}
}


/*************************************************************** HERO SECTION *******************************************************/
.hero{
Expand Down Expand Up @@ -221,7 +216,7 @@
background-attachment: fixed;
background-size: cover;
background-position: center;
min-height: 675px;
min-height: 700px;
}
.container{
width: 90%;
Expand Down Expand Up @@ -724,7 +719,6 @@
margin-top: 1em;
text-align: center;
background-color: transparent;
color: white;
border:2px solid white;
border-radius: 1rem;
padding: .8em 1.7em;
Expand All @@ -734,6 +728,10 @@

transition: .3s all;
}
.contact-button a{
text-decoration: none;
color: white;
}
.contact-button:hover{
background-color: var(--fc-orange);
}
Expand Down Expand Up @@ -846,7 +844,7 @@
.container5{
width: 85%;
font-size: 1rem;
padding: 3em 0em;
padding: 4em 0em;
}
.c5-p1{
margin-bottom: 2em;
Expand Down Expand Up @@ -884,7 +882,7 @@
.container5{
width: 90%;
font-size: 1rem;
padding: 3em 0em;
padding: 4em 0em;
}
.c5-p1{
margin-bottom: 2em;
Expand Down

0 comments on commit 947d3d0

Please sign in to comment.