</a ></noscript> <nav class="mobile-navigation" data-lazy-load="true"> <div class="nav-wrapper"> <div class="nav-inner"> <ul class="nav-list-primary"> <li class="nav-item-primary nav-item-2"> <a class="nav-link-primary" href="index.htm"> <p class="link-text">Home</p> </a> </li> <li class="nav-item-primary nav-item-2"> <a class="nav-link-primary" href="about.html"> <p class="link-text">About Us</p> </a> </li> <li class="nav-item-primary nav-item-3 has-children"> <a class="nav-link-primary" href="our-services.html"> <p class="link-text">Services</p> </a> </li> <li class="nav-item-primary nav-item-4 has-children"> <a class="nav-link-primary" href="our-project-portfolio.html"> <p class="link-text">Gallery</p> </a> </li> <!-- <li class="nav-item-primary nav-item-4 has-children"> <a class="nav-link-primary" href="faq.html"> <p class="link-text">FAQ</p> </a> </li> --> <li class="nav-item-primary nav-item-5"> <a class="nav-link-primary" href="our-service-department/contact-us.html" > <p class="link-text">Contact Us</p> </a> </li> </ul> </div> </div> <div class="mobile-nav-items"> <a href="tel:8167782744" class="mobile-nav-link icon-phone tel" >Call Us</a > <a href="our-service-department/contact-us.html" class="mobile-nav-link icon-envelope" ><em>I Need Help</em></a > <div class="btn-group dropright"> <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" > <i class="material-icons">dehaze</i> </button> <div class="dropdown-menu"> <a class="dropdown-item" href="./index.htm">Home</a> <a class="dropdown-item" href="./about.html">About Us</a> <a class="dropdown-item" href="./our-services.html">Services</a> <a class="dropdown-item" href="./our-project-portfolio.html" >Gallery</a > <!-- <a class="dropdown-item" href="./faq.html" >FAQ</a > --> <a class="dropdown-item" href="./our-service-department/contact-us.html" >Contact Us</a > </div> </div> </div> </nav> <div class="page-wrapper"> <header id="header" class="header header-2-row site-header" data-page="295440" > <div class="skip-links"> <a class="skip-link" href="#main">Skip to main content</a> <a class="skip-link" href="#footer">Skip to footer</a> <div class="contrast-switcher"> <label for="header-contrast-toggle">High Contrast Mode:</label> <div class="switch js-contrast-switcher"> <input id="header-contrast-toggle" type="checkbox" class="high-contrast-checkbox" /> <span class="slider round"></span> </div> </div> </div> <div class="alert-bar"> <div class="width-container"> <div class="title-wrapper"> <p class="title">Welcome To</p> </div> <div class="ticker-wrapper"> <div class="content-container ticker"> <p> Mayelis Cleaning Services LLC |Kansas | Over 20 years of experience </p> </div> </div> <div class="call-wrapper"> <a href="tel:8167782744" class="tel call-btn" >Call<br /><strong><em>(816) 778-2744</em></strong></a > </div> </div> </div> <div class="width-container"> <div class="logo-col"> <p class="logo"> <a class="logo-link" href="index.htm"> <img src="./src/logo.png" srcset="./src/logo.png " alt="Mayelis Cleaning Services LLC" class="logo-image" style="width: 130px;" /> </a> </p> <div class="sr-only"> <link itemprop="url" href="about.html" /> <link itemprop="sameAs" href="" /> <link itemprop="image" href="bestroofingnet/bestroofingnet_357989563.png" /> <link itemprop="telephone" href="index.htm" /> <span class="sr-only" itemprop="name">Mayelis Cleaning Services LLC</span> <span class="sr-only" itemprop="address" >Kansas</span > <span class="sr-only" itemprop="priceRange">Varied</span> </div> </div> <div class="nav-col"> <nav class="navigation"> <ul class="nav-list-primary"> <li class="nav-item-primary mega-menu page-active nav-item-1 has-children" > <a class="nav-link-primary page-active" href="index.htm"> <p class="link-text">Home</p> </a> </li> <li class="nav-item-primary nav-item-2"> <a class="nav-link-primary" href="about.html"> <p class="link-text">About Us</p> </a> </li> <li class="nav-item-primary nav-item-3 has-children"> <a class="nav-link-primary" href="our-services.html"> <p class="link-text">Services</p> </a> </li> <li class="nav-item-primary nav-item-4 has-children"> <a class="nav-link-primary" href="our-project-portfolio.html" > <p class="link-text">Gallery</p> </a> </li> <!-- <li class="nav-item-primary nav-item-4 has-children"> <a class="nav-link-primary" href="faq.html" > <p class="link-text">FAQ</p> </a> </li> --> <li class="nav-item-primary nav-item-5"> <a class="nav-link-primary" href="our-service-department/contact-us.html" > <p class="link-text">Contact Us</p> </a> </li> </ul> </nav> <div class="nav-btn-wrapper"> <a href="our-service-department/contact-us.html" class="nav-btn" ><em>I Need Help</em></a > </div> <div class="btn-group dropright"> <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" > <i class="material-icons">dehaze</i> </button> <div class="dropdown-menu"> <a class="dropdown-item" href="./index.htm">Home</a> <a class="dropdown-item" href="./about.html">About Us</a> <a class="dropdown-item" href="./our-services.html">Services</a> <a class="dropdown-item" href="./our-project-portfolio.html">Gallery</a> <!-- <a class="dropdown-item" href="./faq.html">FAQ</a> --> <a class="dropdown-item" href="./our-service-department/contact-us.html">Contact Us</a> </div> </div> </div> </div> </header> <main class="main-content-wrapper" id="main"> <div class="cards"> <section class="layout-br-large-hero" data-lazy-load="true" data-page-id="295442" data-theme="" data-layout-id="10121" data-title="Large Hero" data-hide-inview="true" > <div class="image-wrapper"> <picture> <source media="(max-width:450px)" srcset="./src/gallery/5.jpg" /> <source media="(max-width:800px)" srcset="./src/gallery/5.jpg" /> <source media="(max-width:1200px)" srcset="./src/gallery/5.jpg" /> <img src="./src/gallery/5.jpg" alt="Mayelis Cleaning Services LLC" class="image-wrapper-item" /> </picture> </div> <div class="width-container main-wrapper" data-animation="inview-cascade-fade-up" > <div class="content-wrapper"> <h1 class="section-title">About Mayelis Cleaning Services LLC </h1> </div> </div> </section> <section class="layout-br-content-image layout-50-50" data-page-id="295443" data-theme="534" data-layout-id="10341" data-title="Content Image" data-hide-inview="true" > <div class="width-container"> <div class="column column-1" data-animation="inview-fade-up"> <div class="image-wrapper"> <img class="image-wrapper-item" data-lazy-load="true" alt="" data-src="./src/gallery/4.jpg" data-srcset="./src/gallery/4.jpg" /> </div> </div> <div class="column column-2" data-animation="inview-cascade-fade-up" > <h2 class="section-title"> ABOUT US<br /> </h2> <div class="content-container"> <p> Tired of spending time cleaning and not seeing results? <br> We have the solution. <br> At Mayelis Cleaning Services LLC, we transform spaces to transform your everyday life. <br> For over 20 years, we’ve been bringing back shine, order, and peace of mind to homes and businesses in Kansas City, Missouri. <br> We’re not just another cleaning company… <br> We’re a passionate, reliable, and detail-oriented team that turns any space whether it’s your office, apartment, Airbnb, or new construction into a place that looks impressive and feels fresh. <br> We work Monday through Friday, 7:00 AM – 5:00 PM <br> Special appointments available any day of the week <br> And we speak both English and Spanish, so everything is easy, clear, and stress-free. <br> Because we know your time is priceless: <br> You enjoy your life ,we’ll leave your space spotless. <br> 📞 Let your surroundings speak well of you: <br> Spanish: (816) 778-2744 <br> English: (913) 313 2463 <br> 🔹 Request your free estimate <br> 🔹 Book your cleaning and relax today <br> </p> </div> </div> </div> </section> </div> </main> <footer class="gutter-footer"> <div class="footer-background"> <div class="footer-overlay"></div> </div> <div class="footer-container"> <!-- Top Section --> <div class="footer-top"> <div class="footer-brand"> <h3>Mayelis Cleaning Services LLC</h3> <p class="tagline">✨ Commercial and residential cleaning with 20 years of experience.</p> <p class="mission">"Your trusted partner for spaces that inspire peace and freshness."</p> <div class="highlight-box"> <p>📞 SPANISH: (816) 778-2744</p> <p>📞 ENGLISH: (913) 313-2463</p> <p>📧 Email: info@mayeliscleaningservices.com</p> </div> </div> <div class="footer-contact"> <h3>Business Info</h3> <div class="contact-method"> <i class="far fa-clock"></i> <span>Hours: Mon–Fri: 7:00 AM – 5:00 PM | Special appointments available any day</span> </div> <div class="contact-method"> <i class="fas fa-money-bill-wave"></i> <span>Payment: Cash, Check, Bank Transfer</span> </div> <div class="contact-method"> <i class="fas fa-map-marker-alt"></i> <span>Serving: Kansas City, Missouri</span> </div> <div class="contact-method"> <i class="fas fa-bolt"></i> <span>Free estimates available</span> </div> <a href="our-service-department/contact-us.html" class="quote-btn">REQUEST FREE ESTIMATE</a> </div> </div> <!-- Middle Section --> <div class="footer-middle"> <div class="footer-services"> <h3>Our Services</h3> <ul> <li><a href="our-services.html"><i class="fas fa-angle-right"></i> Deep Cleaning</a></li> <li><a href="our-services.html"><i class="fas fa-angle-right"></i> New Construction Cleaning</a></li> <li><a href="our-services.html"><i class="fas fa-angle-right"></i> Office Cleaning</a></li> <li><a href="our-services.html"><i class="fas fa-angle-right"></i> Apartment Cleaning</a></li> <li><a href="our-services.html"><i class="fas fa-angle-right"></i> Airbnb Cleaning</a></li> </ul> </div> <div class="footer-links"> <h3>Contact Info</h3> <ul> <li><i class="fas fa-building"></i> Business Name: Mayelis Cleaning Services LLC</li> <li><i class="fas fa-phone-alt"></i> SPANISH: (816) 778-2744</li> <li><i class="fas fa-phone-alt"></i> ENGLISH: (913) 313-2463</li> <li><i class="fas fa-envelope"></i> Email: info@mayeliscleaningservices.com</li> <li><i class="fas fa-map-marker-alt"></i> Serving: Kansas City, Missouri</li> <li><i class="fas fa-language"></i> Language: Bilingual Services</li> </ul> </div> <!-- <div class="social-media"> <h3>Follow Us</h3> <div class="social-icons"> <a href="#" target="_blank"> <i class="fab fa-facebook-f"></i> </a> <a href="#" target="_blank"> <i class="fab fa-instagram"></i> </a> <a href="#" target="_blank"> <i class="fab fa-linkedin-in"></i> </a> </div> </div> --> </div> <!-- Bottom Section --> <div class="footer-bottom"> <div class="copyright"> <p>© 2025 Mayelis Cleaning Services LLC - All rights reserved | Cleaning you can feel, service you can trust. | Developed By MSO</p> </div> </div> </div> </footer> <style> .gutter-footer { position: relative; color: #fff; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding: 40px 0 0; border-top: 5px solid #29B2B2; overflow: hidden; } .footer-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url('./src/resources/footer.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } .footer-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); /* Negro con 60% opacidad */ } .footer-container { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .footer-top { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #444; } .footer-brand { flex: 1; min-width: 300px; margin-bottom: 30px; } .footer-brand h3 { color: #fff; font-size: 28px; margin-bottom: 15px; position: relative; display: inline-block; } .footer-brand h3:after { content: ''; position: absolute; bottom: -5px; left: 0; width: 50px; height: 3px; background: #29B2B2; } .tagline { font-size: 18px; color: #fff; font-weight: 600; margin-bottom: 10px; } .mission { font-size: 16px; line-height: 1.6; margin-bottom: 20px; color: #fff; } .highlight-box { background: rgba(211, 47, 47, 0.1); border-left: 3px solid #29B2B2; padding: 12px 15px; margin-top: 20px; } .footer-contact { flex: 1; min-width: 300px; } .footer-contact h3 { font-size: 22px; margin-bottom: 20px; position: relative; } .footer-contact h3:after { content: ''; position: absolute; bottom: -5px; left: 0; width: 50px; height: 3px; background: #29B2B2; } .contact-method { display: flex; align-items: center; margin-bottom: 15px; } .contact-method i { color: #29B2B2; margin-right: 10px; width: 20px; text-align: center; } .contact-method a { color: #fff; text-decoration: none; transition: all 0.3s; } .contact-method a:hover { color: #29B2B2; } .contact-method span { margin-left: 10px; background: #29B2B2; color: white; padding: 2px 8px; border-radius: 4px; font-size: 12px; } .quote-btn { background: #29B2B2; color: white; border: none; padding: 12px 25px; font-size: 16px; border-radius: 4px; cursor: pointer; margin-top: 15px; transition: all 0.3s; font-weight: 600; } .quote-btn:hover { background: #b71c1c; transform: translateY(-2px); } .footer-middle { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 0; border-bottom: 1px solid #444; } .footer-services, .footer-info, .footer-links { flex: 1; min-width: 250px; margin-bottom: 30px; } .footer-services h3, .footer-info h3, .footer-links h3 { font-size: 22px; margin-bottom: 20px; position: relative; } .footer-services h3:after, .footer-info h3:after, .footer-links h3:after { content: ''; position: absolute; bottom: -5px; left: 0; width: 50px; height: 3px; background: #29B2B2; } .footer-services ul, .footer-info ul, .footer-links ul { list-style: none; padding: 0; } .footer-services li, .footer-info li { margin-bottom: 12px; display: flex; align-items: center; color: #bbb; } .footer-services i, .footer-info i { color: #29B2B2; margin-right: 10px; font-size: 14px; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: #bbb; text-decoration: none; transition: all 0.3s; display: flex; align-items: center; } .footer-links a:hover { color: #29B2B2; padding-left: 5px; } .footer-links i { margin-right: 10px; width: 20px; text-align: center; } .footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 20px 0; } .copyright { color: #fff; font-size: 14px; } .social-media { display: flex; gap: 15px; } .social-media a { color: #fff; background: #333; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s; } .social-media a:hover { background: #29B2B2; color: white; transform: translateY(-3px); } @media (max-width: 768px) { .footer-top, .footer-middle { flex-direction: column; } .footer-brand, .footer-contact, .footer-services, .footer-info, .footer-links { min-width: 100%; } .footer-bottom { flex-direction: column; text-align: center; gap: 15px; } .social-media { justify-content: center; } } </style> </div> <script src="npm/vue%402.6.10?version=137"></script> <script src="octaneforms/js/octaneforms.min.js?version=137"></script> <script src="bestroofingnet/js/plugins.min.js?version=9068" defer="" ></script> <script src="bestroofingnet/js/layouts.min.js?version=9068" defer="" ></script> <script src="bestroofingnet/js/main.min.js?version=9068" defer="" ></script> <script src="octaneengine/js/layouts.min.js?version=9068" defer="" ></script> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous" ></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous" ></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous" ></script> <script type="text/javascript"> (function (c, l, a, r, i, t, y) { c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); }; t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); })(window, document, "clarity", "script", "ic45r4fyjs"); </script> </div> </body> </html>
