-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
245 lines (240 loc) · 11.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/style.css">
<title>Car Wash Expreso</title>
<body>
<header id="header">
<nav class="navbar">
<picture class="logo"><img src="img/wash-auto-expresso.png" alt=""></picture>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fa-solid fa-bars"></i>
</label>
<ul class="menu">
<li><a class="active">home</a></li>
<li><a href="prices.html">our prices</a></li>
<li><a href="book.html">book us</a></li>
<li><a href="contact.html">Contact us</a></li>
<li><a href="blogger.html">Our Blog</a></li>
<li><a href="tel:2136842369"><i class="fa-solid fa-phone"></i></a></li>
</ul>
</nav>
</header>
<main>
<section id="hero">
<div class="hero__container">
<h4>Wellcome to:</h4>
<h2><span>Wash</span><span id="span">Auto</span> Expresso</h2>
<hr class="hr">
<q>In the confort of your house</q>
<button class="hero__btn"><a href="tel:2136842369" class="hero-a">CALL US</a></button>
</div>
</section>
<section class="alpha">
<div class="alpha__headed">
<hgroup class="alpha__group">
<h3 class="alpha__h3">1</h3>
<h1>Our Skills For Your Vehicle</h1>
<h4>Mobile Car <span>Wash</span> Expresso care on site at your location - clean, with
attention to detail and inexpensive. The alternative to the classic car wash! Cleaning
without chemicals and only about 0.4 Lt of water! You always pay after the vehicle has
been cared for. We accept all common cards or cash. Booking on account is also available for tradespeople and business customers. Book your desired appointment easily under the
'Book an appointment' tab below or call us. You can find the telephone numbers under 'Contact'. We work in
Los Angeles and the surrounding area.</h4>
</hgroup>
</div>
</section>
<!-- ALPHA HEADED -->
<section class="gamma">
<div class="gamma__container">
<div class="article__top">
<div class="article__img">
<img src="img/wash-express.webp" alt="">
</div>
<div class="article__right">
<h2>A clean car is not magic</h2>
<p>
We clean and maintain your vehicle gently by hand, using almost no water and environmentally friendly
products - a vehicle cannot be cleaned more gently and thoroughly!
As the cleaning requires almost no water, it is permitted everywhere, as neither the groundwater is
contaminated nor residues can get into the sewage system.
Book an appointment easily by calling <a class="right__anchor" href="tel:3237049871">323.704.9871</a>
(local rate) or by email at <a href="mailto:[email protected]">[email protected]</a>
Alternatively, please register in our appointment booking tool to be able to make appointments online even
more conveniently. The booking tool will automatically show you the next available appointment.
Please be sure to enter your address in the 'Other comments' field.
</p>
<a class="alpha_a" href="book.html">book an appointment</a>
</div>
</div>
<div class="article__bottom">
<div class="article__left">
<h2>Reliable work - fast and flexible</h2>
<p>
We offer you skilled reconditioners and fast execution - so that long waiting times for the result are a
thing of the past.
And all this while you can go about your own tasks. We take care of the vehicle directly on site at your
place. Vehicle care can be that convenient for you!
</p>
<a class="alpha_a" href="prices.html" id="alpha_a">book an appointment</a>
</div>
<div class="article__img">
<img src="img/Intro-Car-Show.webp" alt="">
</div>
</div>
</div>
</section>
<section class="alpha__contento">
<div class="our__offers">
<button class="offers__btn"><a href="book.html">our offers</a></button>
</div>
<div class="triple_offers">
<div class="offer left_offer">
<h3>Transparent cost overview</h3>
<p> We have no hidden costs. Payment is only made after the work has been completed.
You can choose between paying by card or paying in cash; we offer companies and tradespeople the option
of booking on account.</p>
</div>
<div class="offer center_offer">
<h3>We wash (almost) without water</h3>
<p>Our environmentally friendly cleaning products enable us to wash a vehicle, depending on its size, with
0.25 - 0.4 liters of water - a real win for the environment! This
small amount of water only serves as a carrier substance for our biodegradable cleaning and care
products, as these cannot be used pure.</p>
</div>
<div class="offer right_offer">
<h3>Also attractive for corporate customers</h3>
<p>Business owners, corporate customers and fleet managers benefit from our corporate conditions. Please
just ask, we will tailor a tariff to your needs - booking on account included.</p>
</div>
</div>
</section>
<!-- NO SECTION I DONOW WHY -->
<section class="second">
<div class="second__container">
<hgroup class="hgroup__second">
<h3>2</h3>
<h2>Our self-image</h2>
<h4>Our on-site specialists take care of your vehicle. You decide when and where!</h4>
</hgroup>
<div class="second_duplex">
<p class="duplex duplex_left">Whether on the way to work, on a trip with the family, or for any other
occasion:
A well-maintained car is simply a great calling card!
We are happy to take care of your treasure - quickly, reliably, at your preferred location and at your
preferred time.
Use our convenient online booking method above, or ask about available capacity by phone or email.</p>
<p class="duplex duplex_right">We are happy to help with advice and assistance.
We will provide you with competent and friendly advice on all questions relating to vehicle care inside and
out. Our trained and insured employees are happy to help you.
A call is enough, and we will of course answer your emails immediately.
Please be sure to include your address in the 'additional comments' field when booking appointments online.
</p>
</div>
</div>
</section>
<section class="betta">
<div class="betta__container">
<div class="betta_headed">
<h3>3</h3>
<h2>Our promise to you</h2>
<h4>It couldn't be simpler...</h4>
</div>
<article class="fourplex">
<div class="fourplex_content">
<div class="fourplex_img"><img src="img/betta-photo1.jpg" alt=""></div>
<h3>Quality by hand</h3>
<p>We offer quality work at a fair price - environmentally friendly and convenient.</p>
</div>
<div class="fourplex_content">
<div class="fourplex_img"><img src="img/betta-pic.png" alt=""></div>
<h3>Fair calculation</h3>
<p>With us you won't experience any nasty surprises. There are no hidden costs.</p>
</div>
<div class="fourplex_content">
<div class="fourplex_img"><img src="img/betta-viejon.jpg" alt=""></div>
<h3>Flexible appointments</h3>
<p>We adapt to your wishes, whether in terms of time or location in Los Angeles and the surrounding area.</p>
</div>
<div class="fourplex_content">
<div class="fourplex_img"><img src="img/betta-pic2.jpg" alt=""></div>
<h3>Talk to us</h3>
<p>Special assignments for weddings, film and television productions, vehicle fleets or cleaning show cars
are no problem. Ask us.</p>
</div>
</article>
</div>
</section>
<!-- THE CUCUY IS MISSING -->
<div class="to__top">
<a href="#header" class="to-top-a"><i class="fa-solid fa-chevron-up"></i></a>
</div>
</main>
<!-- END OF MAIN END OF MAIN END OF MAIN -->
<footer>
<div class="footer__container">
<div class="footer__item">
<h4>About Us</h4>
<p>Mobile Wash auto Expresso has been in business since 2010. Known as one of the most trusted
busines services in Los Angeles south Central, Our service area are Bound DTLA, south Central,
Huntington Park, and sorrounding areas. We provide the higher quality of cleaning
and maintaining services to residential property as well as offices owner automobiles.</p>
<div class="footer_social-link">
<a href="https://www.facebook.com/profile.php?id=61565239432741&mibextid=ZbWKwL" target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/Yinyleonofficial/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://x.com/elonmusk" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/company/rockstar-games" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/Neeka-Lord" target="_blank"><i class="fab fa-github"></i></a>
</div>
</div>
<div class="footer__item footer__right">
<h4>Contact Us</h4>
<ul class="footer__menu">
<li><a href="rules.html">Terms & conditions</a></li>
<li><a href="prices.html">Our Prices</a></li>
<li><a href="book.html">Book us</a></li>
<li><a href="contact.html">contact us</a></li>
<li><a href="blogger.html">Our Blog</a></li>
</ul>
<h3>Keep in Touch</h3>
<p>Simply subscribe to our newsletter to always be up to date.</p>
<button class="footer__btn"><a href="tel:2136842369" class="foot__anchor">call us</a></button>
</div>
</div>
<div class="ultimo__hombre">
<small>all rights reserved to <span>Neeka</span> Rostran ©2024</small>
</div>
</footer>
<script>
$(document).ready(function () {
// Add smooth scrolling to all links
$("a").on("click", function (event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$("html, body").animate(
{
scrollTop: $(hash).offset().top,
},
800,
function () {
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
}
);
} // End if
});
});
</script>
<script src="styles/main.js"></script>
</body>
</html>