Untitled
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Artem Cleaning Service</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; color: #333; } header { background-color: #4CAF50; color: white; padding: 1rem; text-align: center; } nav { display: flex; justify-content: center; background-color: #333; } nav a { color: white; padding: 1rem; text-decoration: none; } nav a:hover { background-color: #575757; } .hero { text-align: center; padding: 2rem; background: linear-gradient(to bottom, #4CAF50, #81C784); color: white; } .hero h1 { font-size: 2.5rem; } .cta { background-color: white; color: #4CAF50; padding: 1rem 2rem; border: none; cursor: pointer; font-size: 1rem; border-radius: 5px; } .cta:hover { background-color: #81C784; color: white; } .section { padding: 2rem; text-align: center; } .footer { background-color: #333; color: white; text-align: center; padding: 1rem; } </style> </head> <body> <header> <h1>Artem Cleaning Service</h1> </header> <nav> <a href="#home">Home</a> <a href="#services">Services</a> <a href="#about">About Us</a> <a href="#contact">Contact</a> <a href="#book">Book Now</a> </nav> <section class="hero" id="home"> <h1>Fresh Floors, Happy Homes</h1> <p>Professional Carpet Cleaning You Can Trust</p> <button class="cta">Book Your Cleaning Now</button> </section> <section class="section" id="services"> <h2>Our Services</h2> <ul> <li>General Carpet Cleaning</li> <li>Stain and Odor Removal</li> <li>Pet-Friendly Cleaning Solutions</li> <li>Upholstery Cleaning</li> <li>Commercial Carpet Cleaning</li> </ul> </section> <section class="section" id="about"> <h2>About Us</h2> <p>At Artem Cleaning Service, we are committed to providing high-quality carpet cleaning solutions. We believe in inclusivity, trust, and excellent service for every customer.</p> </section> <section class="section" id="contact"> <h2>Contact Us</h2> <form> <label for="name">Name:</label><br> <input type="text" id="name" name="name" required><br><br> <label for="email">Email:</label><br> <input type="email" id="email" name="email" required><br><br> <label for="message">Message:</label><br> <textarea id="message" name="message" rows="4" required></textarea><br><br> <button type="submit">Send Message</button> </form> </section> <footer class="footer"> <p>© 2025 Artem Cleaning Service. All rights reserved.</p> </footer> </body> </html>
Leave a Comment