Repository navigation
Expand file tree
/
Copy pathservice-floor-cleaning.html
More file actions
398 lines (387 loc) · 19.5 KB
/
Copy pathservice-floor-cleaning.html
File metadata and controls
398 lines (387 loc) · 19.5 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Floor Cleaning Services - Cleaner</title>
<meta name="description" content="Professional floor cleaning services for homes and businesses. Deep cleaning, polishing and maintenance using innovative technology and eco-friendly products.">
<link rel="icon" href="assets/images/favicon.png" type="image/png">
<script>
(function () {
try {
var stored = localStorage.getItem('theme');
var theme = stored || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
document.documentElement.setAttribute('data-theme', theme);
} catch (e) {
document.documentElement.setAttribute('data-theme', 'light');
}
})();
</script>
<link rel="stylesheet" href="assets/css/tokens.css">
<style>
@font-face {
font-family: 'Rubik';
src: url('assets/fonts/rubik-300.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url('assets/fonts/rubik-400.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url('assets/fonts/rubik-500.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url('assets/fonts/rubik-600.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url('assets/fonts/rubik-700.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
</style>
<link rel="stylesheet" href="assets/css/base.css">
<style>
.service-hero-img { border-radius: var(--radius-xl); overflow: hidden; }
.service-hero-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.service-intro-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(2rem, 1.5rem + 2vw, 3.5rem); align-items: center; }
@media (max-width: 900px) { .service-intro-grid { grid-template-columns: 1fr; } }
.feature-list { list-style: none; padding: 0; margin: 1.5rem 0 0; display: grid; gap: 1.25rem; }
.feature-list li { display: flex; align-items: flex-start; gap: 1rem; }
.feature-icon { flex-shrink: 0; width: 3rem; height: 3rem; border-radius: 50%; background: color-mix(in srgb, var(--color-primary) 12%, transparent); display: flex; align-items: center; justify-content: center; color: var(--color-primary); }
.feature-icon svg { width: 1.4rem; height: 1.4rem; }
.feature-list h5 { margin-bottom: 0.25rem; }
.feature-list p { margin: 0; color: var(--text-color-dark); }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.75rem; margin-top: 2.5rem; }
@media (max-width: 991px) { .process-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .process-grid { grid-template-columns: 1fr; } }
.process-step { text-align: center; padding: 2rem 1.5rem; border: 1px solid var(--border-color); border-radius: var(--radius-xl); background: var(--bg-body); position: relative; }
.process-step .step-number { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--color-primary); color: #fff; font-weight: 700; margin-bottom: 1.25rem; }
.process-step h5 { margin-bottom: 0.5rem; }
.process-step p { margin: 0; color: var(--text-color-dark); font-size: var(--text-sm); }
.related-grid { margin-top: 2.5rem; }
.section-head { max-width: 640px; margin: 0 auto 1rem; text-align: center; }
.section-head.align-left { margin: 0 0 1rem; text-align: left; max-width: none; }
.faq-wrap { max-width: 800px; margin: 2.5rem auto 0; }
</style>
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
<div class="topbar">
<div class="container">
<p>Need quick cleaning help?</p>
<a href="tel:+1-394-495-5993">
<svg width="16" height="16" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L184.6 167c13.7-11.1 18.4-30 11.6-46.3l-40-96z"/></svg>
Call Us: +1 071 281 9795
</a>
</div>
</div>
<header class="site-header">
<div class="container">
<a class="logo" href="index.html">
<img class="logo-dark" src="assets/images/logo-dark.svg" alt="Cleaner logo" width="142" height="40">
<img class="logo-light" src="assets/images/logo.svg" alt="Cleaner logo" width="142" height="40">
</a>
<div class="nav-scrim" id="nav-scrim"></div>
<ul class="nav" id="nav-menu">
<li><a href="about.html" class="nav-item">About Us</a></li>
<li><a href="services.html" class="nav-item active">Services</a></li>
<li><a href="gallery.html" class="nav-item">Gallery</a></li>
<li><a href="blog.html" class="nav-item">Blog</a></li>
<li><a href="contact.html" class="nav-item">Contact</a></li>
</ul>
<div class="header-actions">
<button class="theme-toggle" type="button" data-theme-toggle aria-label="Toggle color theme">
<svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
<svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></svg>
</button>
<a href="appointment.html" class="btn btn-primary btn-sm desktop-only">Make An Appointment</a>
<button class="nav-toggle-btn" id="nav-toggle" aria-expanded="false" aria-label="Toggle navigation menu" aria-controls="nav-menu">
<span></span><span></span><span></span>
</button>
</div>
</div>
</header>
<main id="main">
<!-- Page header -->
<section class="page-header">
<div class="container">
<h1 data-aos="fade-up">Floor Cleaning</h1>
<nav class="breadcrumb" aria-label="Breadcrumb">
<a href="index.html">Home</a>
<span>/</span>
<a href="services.html">Services</a>
<span>/</span>
<span aria-current="page">Floor Cleaning</span>
</nav>
</div>
</section>
<!-- Intro / hero -->
<section class="section">
<div class="container">
<div class="service-intro-grid">
<div class="service-hero-img" data-aos="fade-up">
<img src="assets/images/service/6.png" alt="Floor cleaning service" width="750" height="600" loading="eager">
</div>
<div data-aos="fade-up" data-aos-delay="100">
<span class="eyebrow">Service</span>
<h2>We give the best floor cleaning services</h2>
<p class="lead">Companies seem to dislike the term ‘turnaround consulting’ because it represents failure. The truth is that turnaround consulting represents success at realizing the company is going in the wrong direction. The only time the company fails is when it is not possible to do a turnaround anymore.</p>
<p>USA champions professionalism in the cleaning industry by providing top-quality cleaning and related services that meet and exceed the expectations of today’s demanding corporate, office, industrial and warehouse clients…courteously, responsively, responsibly, dependably, economically and on-time. We provide janitorial and floor-care programs tailored to every surface, from hardwood and tile to stone and vinyl.</p>
<a href="appointment.html" class="btn btn-primary" style="margin-top:1rem;">Make An Appointment</a>
</div>
</div>
</div>
</section>
<!-- Feature / benefit list -->
<section class="section section-alt">
<div class="container">
<div class="service-intro-grid">
<div data-aos="fade-up">
<span class="eyebrow">Service overview</span>
<h2>A neatly maintained floor speaks for your business</h2>
<p>A neatly maintained building is an important asset to every organization. It reflects who you are and influences how your customers perceive you. Our floor cleaning turnaround time depends on the size and condition of your home or facility — we work in teams of 2-4 or more led by an experienced team leader.</p>
</div>
<ul class="feature-list" data-aos="fade-up" data-aos-delay="100">
<li>
<span class="feature-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>
</span>
<div>
<h5>Deep floor sanitization</h5>
<p>Hospital-grade disinfectants and steam treatment remove bacteria and allergens embedded in every surface.</p>
</div>
</li>
<li>
<span class="feature-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>
</span>
<div>
<h5>Surface-safe polishing</h5>
<p>Tailored solutions for hardwood, tile, stone and vinyl bring back shine without damaging finishes.</p>
</div>
</li>
<li>
<span class="feature-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>
</span>
<div>
<h5>Eco-friendly products</h5>
<p>Biodegradable, low-VOC cleaning agents keep your space safe for staff, family and pets.</p>
</div>
</li>
<li>
<span class="feature-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>
</span>
<div>
<h5>Flexible scheduling</h5>
<p>One-time deep cleans or recurring maintenance plans built around your business hours.</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- Process steps -->
<section class="section">
<div class="container">
<div class="section-head">
<span class="eyebrow">Service quality</span>
<h2>How our floor cleaning process works</h2>
<p>As floor-care experts, we help organizations adjust to the expanding significance of a spotless workplace with a simple, transparent process from start to finish.</p>
</div>
<div class="process-grid">
<div class="process-step" data-aos="fade-up">
<span class="step-number">1</span>
<h5>Request a quote</h5>
<p>Tell us about your space and schedule a free, no-obligation walkthrough.</p>
</div>
<div class="process-step" data-aos="fade-up" data-aos-delay="100">
<span class="step-number">2</span>
<h5>Site assessment</h5>
<p>Our team inspects flooring type and condition to plan the right treatment.</p>
</div>
<div class="process-step" data-aos="fade-up" data-aos-delay="200">
<span class="step-number">3</span>
<h5>Deep clean & polish</h5>
<p>We deploy the right equipment and eco-friendly products for lasting results.</p>
</div>
<div class="process-step" data-aos="fade-up" data-aos-delay="300">
<span class="step-number">4</span>
<h5>Final inspection</h5>
<p>A walkthrough with you ensures every surface meets our quality standard.</p>
</div>
</div>
</div>
</section>
<!-- Related services -->
<section class="section section-alt">
<div class="container">
<div class="section-head">
<span class="eyebrow">More services</span>
<h2>Explore our other services</h2>
</div>
<div class="grid grid-3 related-grid">
<div class="card" data-aos="fade-up">
<a class="card-img" href="service-home-cleaning.html">
<img src="assets/images/service/2.png" alt="House Cleaning" width="400" height="300" loading="lazy">
</a>
<div class="card-body">
<h5><a href="service-home-cleaning.html">House Cleaning</a></h5>
<a class="card-link" href="service-home-cleaning.html">Read More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</a>
</div>
</div>
<div class="card" data-aos="fade-up" data-aos-delay="100">
<a class="card-img" href="service-pest-control.html">
<img src="assets/images/service/3.png" alt="Pest Control" width="400" height="300" loading="lazy">
</a>
<div class="card-body">
<h5><a href="service-pest-control.html">Pest Control</a></h5>
<a class="card-link" href="service-pest-control.html">Read More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</a>
</div>
</div>
<div class="card" data-aos="fade-up" data-aos-delay="200">
<a class="card-img" href="service-window-cleaning.html">
<img src="assets/images/service/5.png" alt="Window Cleaning" width="400" height="300" loading="lazy">
</a>
<div class="card-body">
<h5><a href="service-window-cleaning.html">Window Cleaning</a></h5>
<a class="card-link" href="service-window-cleaning.html">Read More
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="section">
<div class="container">
<div class="section-head">
<span class="eyebrow">FAQ</span>
<h2>Frequently asked questions</h2>
<p>Answers to the questions we hear most often about our floor cleaning service.</p>
</div>
<div class="faq-wrap">
<div class="accordion active" data-aos="fade-up">
<button class="accordion-header">What floor types do you clean?
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
</button>
<div class="accordion-content">
<p>We service hardwood, laminate, tile, stone, vinyl and concrete floors using treatments matched to each surface so finishes are never damaged.</p>
</div>
</div>
<div class="accordion" data-aos="fade-up" data-aos-delay="50">
<button class="accordion-header">How long does a typical floor cleaning take?
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
</button>
<div class="accordion-content">
<p>Most residential jobs are complete in 2-4 hours, while larger commercial spaces are scheduled after a walkthrough based on square footage and condition.</p>
</div>
</div>
<div class="accordion" data-aos="fade-up" data-aos-delay="100">
<button class="accordion-header">Are your cleaning products safe for pets and children?
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
</button>
<div class="accordion-content">
<p>Yes. We use biodegradable, low-VOC products that are safe once dry, and we're happy to use fragrance-free options on request.</p>
</div>
</div>
<div class="accordion" data-aos="fade-up" data-aos-delay="150">
<button class="accordion-header">Do you offer recurring maintenance plans?
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
</button>
<div class="accordion-content">
<p>Absolutely. We offer weekly, bi-weekly and monthly plans for offices, warehouses and homes, with pricing based on frequency and square footage.</p>
</div>
</div>
<div class="accordion" data-aos="fade-up" data-aos-delay="200">
<button class="accordion-header">How do I book an appointment?
<svg class="accordion-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
</button>
<div class="accordion-content">
<p>Use the “Make An Appointment” button above or call us directly — we'll confirm a free walkthrough and provide a same-day quote.</p>
</div>
</div>
</div>
</div>
</section>
<!-- CTA banner -->
<section class="section">
<div class="container">
<div class="cta-banner" data-aos="fade-up">
<img class="cta-bg" src="assets/images/cta.png" alt="" aria-hidden="true">
<h2>Discuss our services or make an appointment</h2>
<p>We know what a sore tooth is, so do not hesitate to reach us via the phone or to make an appointment online! We know what a sore tooth is.</p>
<div style="display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin-top:1.5rem;">
<a href="tel:+1-394-495-5993" class="btn btn-outline" style="color:#fff; border-color:rgba(255,255,255,0.5);">Call: +1-394-495-5993</a>
<a href="appointment.html" class="btn btn-primary">Make An Appointment</a>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="footer-top">
<div class="footer-brand">
<img src="assets/images/logo.svg" alt="Cleaner logo" width="142" height="40">
<p>Professional cleaning services<br>using innovative technology.</p>
</div>
<div class="footer-col">
<h6>Company</h6>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="contact.html">Contacts</a></li>
</ul>
</div>
<div class="footer-col">
<h6>Services</h6>
<ul>
<li><a href="service-home-cleaning.html">Home Cleaning</a></li>
<li><a href="service-window-cleaning.html">Window Cleaning</a></li>
<li><a href="service-pest-control.html">Pest Control</a></li>
<li><a href="service-floor-cleaning.html">Floor Cleaning</a></li>
</ul>
</div>
<div class="footer-col">
<h6>Social</h6>
<ul>
<li><a href="https://www.facebook.com/" target="_blank" rel="noopener">Facebook</a></li>
<li><a href="https://twitter.com/" target="_blank" rel="noopener">Twitter</a></li>
<li><a href="https://www.github.com/" target="_blank" rel="noopener">GitHub</a></li>
<li><a href="https://www.linkedin.com/" target="_blank" rel="noopener">LinkedIn</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p><a href="https://themefisher.com/" target="_blank" rel="noopener">Themefisher</a> © 2025 All Rights Reserved</p>
</div>
</div>
</footer>
<script src="assets/js/common.js" defer></script>
</body>
</html>