-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
231 lines (197 loc) · 9.62 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Touch Of A Feather - Shelby Lynn Apodaca">
<meta name="description" content="Convenient and reliable mobile auto repair services at your doorstep. We handle maintenance, diagnostics, and repairs for cars and trucks with expert care.">
<meta name="keywords" content="mobile auto repair, car maintenance, vehicle diagnostics, roadside assistance, car repair at home, mobile mechanic, auto service, emergency car repair, engine repair, brake service, oil change, tire replacement, truck repair, car troubleshooting, on-site auto repair, mobile car care">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<link rel="stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/bb0eee1de0.js" crossorigin="anonymous"></script>
<title>Extra Mile Mobile Auto Care</title>
</head>
<body>
<a href="#main-content" id="skip">Skip to Main Content</a>
<header>
<img src="images/E-logo.png" alt="business logo: extra mile auto care">
<nav>
<button id="navToggle"><i class="fa-solid fa-bars fa-2x"></i></button>
<ul id="navLinks">
<li><a href="/index.html">Home</a></li>
<li><a href="#allServices">Services</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
<li><a href="#review-title">Reviews</a></li>
</ul>
</nav>
</header>
<main>
<button id="backToTop" title="Go to top">↑</button>
<section id="hero">
<img src="images/hero.png" alt="mechanic working on the engine of an automobile">
<div id="heroText">
<h1>Mobile Automotive</h1>
<h2>Maintenance & Repair Service</h2>
</div>
</section>
<div id="services-title">
<h2>Services</h2>
</div>
<div id="allServices">
<div class="service">
<div class="serviceImg">
<img src="images/Oil_Changes.jpg" alt="Oil pouring out of the bottom of a car">
<h3>Oil Changes</h3>
</div>
<article>
<h2 class="sr-only">Oil Changes</h2>
<p>
We provide expert oil change services to keep your vehicle running smoothly and efficiently. We use high-quality oils and filters, ensuring optimal engine performance and longevity.
</p>
</article>
</div>
<div class="service">
<div class="serviceImg">
<img src="images/Brakes.jpg" alt="Brakes of a car being repaired">
<h3>Brakes</h3>
</div>
<article>
<h2 class="sr-only">Brakes</h2>
<p>
From inspections to repairs and replacements, our skilled technicians use quality parts to keep your braking system reliable and responsive.<br>
<br>
</p>
</article>
</div>
<div class="service">
<div class="serviceImg">
<img src="images/Tune_Up.jpg" alt="Mechanic performing a tune-up on a car">
<h3>Tune Up</h3>
</div>
<article>
<h2 class="sr-only">Tune Up</h2>
<p>
From spark plug replacements to system checks, our technicians ensure optimal engine performance and longevity. Count on us for top-quality care and attention to detail.
</p>
</article>
</div>
<div class="service">
<div class="serviceImg">
<img src="images/Repairs.JPG" alt="Mechanic working on car repairs">
<h3>Repairs</h3>
</div>
<article>
<h2 class="sr-only">Repairs</h2>
<p>
We handle routine fixes and complex projects with expert solutions tailored to your needs. For larger repairs, we provide consultations to discuss the best options for your vehicle.
</p>
</article>
</div>
</div>
<section id="contact">
<h2 class="sr-only">Contact Us</h2>
<div>
<p>Call Today!</p>
<p>719-415-9228</p>
</div>
</section>
<section id="about">
<h2>About Us</h2>
<div id="flex-container">
<div id="about-img">
<img src="images/owners.JPG" alt="Owners Shaylinn Lawrence and Zacharcy Marion">
</div>
<div id="about-text">
<p>
<span>Hello from the Owners: Shaylinn Lawrence and Zacharcy Marion,<br></span>
We are a dedicated team of automotive mechanics with over 5 years of hands-on experience in the industry. We graduated with honors from Lincoln Tech in Diesel Power, we have developed a strong foundation in both the technical and practical aspects of auto repair. Based in Yoder, Colorado, we are proud to offer our expert mobile services to customers, bringing reliable, on-site repairs wherever you need us. Our passion for turning wrenches and delivering top-quality service drives us to continue providing efficient solutions for all your automotive needs.
</p>
</div>
</div>
</section>
<div id="review-title">
<h2>Reviews</h2>
</div>
<div id="allReviews">
<div class="review">
<div class="review-img">
<img src="images/reviews/review-a.png" alt="Review from Shelby Lynn">
<h3>Shelby Lynn</h3>
</div>
<div class="review-text">
<p>
Absolutely thrilled with Shaylinn's exceptional service! She's incredibly knowledgeable and consistently goes above and beyond to ensure everything is done perfectly. My brakes are now wonderfully quiet, and the engine is running smoothly thanks to the oil change. What truly stands out is her efficiency - she completes the work quickly without compromising quality. I wholeheartedly recommend her services!
</p>
</div>
</div>
<div class="review">
<div class="review-img">
<img src="images/reviews/review-b.png" alt="Review from Slade Lawrence">
<h3>Slade Lawrence</h3>
</div>
<div class="review-text">
<p>
Highly recommend.. Had some work done on my rodeo. It was nice not having to go anywhere. They kept me informed the whole process.. Did not overcharge me.
</p>
</div>
</div>
<div class="review">
<div class="review-img">
<img src="images/reviews/review-c.png" alt="Review from Meig Peterson">
<h3>Meig Peterson</h3>
</div>
<div class="review-text">
<p>
Thankyou so much to Shay Extra Mile Auto Care for coming out and changing my oil!
Her communication, personality and work ethic was amazing. It's really hard nowadays to find time to do things like that so thankyou SO much !
Make sure to book with Shay next time you need your oil changed family/friends.
</p>
</div>
</div>
<div class="review">
<div class="review-img">
<img src="images/reviews/review-d.png" alt="Review from Tyler Mrumlinski">
<h3>Tyler Mrumlinski</h3>
</div>
<div class="review-text">
<p>
Shaylinn and Zackary are absolutely awesome and should handle all your mechanical needs!! Had them do a Transmission fluid change and the price was unbeatable! They got here when they said they were, took them no time at all and they even looked over other things that were concerning that I wasn't even aware about! Absolutely awesome human beings who deserve all the work you got!
</p>
</div>
</div>
</div>
</main>
<footer>
<p>
<a href="https://www.facebook.com/profile.php?id=61556199672457">Follow us on Facebook!</a>
</p>
<p>
© Copyright 2025 Extra Mile Auto Care
</p>
</footer>
<script>
document.getElementById('navToggle').addEventListener('click', function () {
const navLinks = document.getElementById('navLinks');
navLinks.classList.toggle('open')
})
</script>
<script>
const backToTop = document.getElementById('backToTop');
window.addEventListener('scroll', () => {
if (window.scrollY > 300) {
backToTop.style.display = 'block'; // Show button
} else {
backToTop.style.display = 'none'; // Hide button
}
});
backToTop.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
</script>
</body>
</html>