Städ Time & Preferens Service AB



<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body style="font-family: Arial, sans-serif; color: #333; background-color: #f9f9f9; margin: 0; padding: 0;">
    <div style="max-width: 600px; margin: 20px auto; background: #ffffff; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px;">
        <h1 style="color: #007BFF; text-align: center;">Professionell städning med Städ Garanti</h1>
        <p>Vi erbjuder högkvalitativa städtjänster med fokus på kundnöjdhet och effektivitet. Våra erfarna städare ser till att ditt hem eller kontor blir skinande rent – varje gång!</p>

        <h2 style="color: #007BFF;">✅ Våra tjänster:</h2>
        <ul>
            <li>✔️ Flyttstädning med städgaranti</li>
            <li>✔️ Företagsstädning</li>
            <li>✔️ Kontorsstädning</li>
            <li>✔️ Hemstädning</li>
            <li>✔️ Byggstädning</li>
            <li>✔️ Fönsterputs</li>
        </ul>

        <h2 style="color: #007BFF;">💼 För företag:</h2>
        <ul>
            <li>✅ <strong>225 kr/timme + moms</strong></li>
            <li>✅ Fast pris – Skicka bilder för offert (beror på smutsnivå)</li>
        </ul>

        <h2 style="color: #007BFF;">🏡 För privatkunder:</h2>
        <ul>
            <li>✅ <strong>150 kr/timme + moms</strong> (efter RUT-avdrag)</li>
        </ul>

        <h2 style="color: #007BFF;">🌟 Vi använder professionella maskiner:</h2>
        <ul>
            <li>Kärcher skurmaskin 40/10</li>
            <li>Kärcher ångmaskin</li>
            <li>Kärcher högtryckstvätt</li>
            <li>Kärcher våt- och torrdammsugare</li>
            <li>Nilfisk tyst dammsugare</li>
            <li>Unger proffs fönsterputs-kit</li>
            <li>Kärcher mattrengöringsmaskin</li>
        </ul>

        <h2 style="color: #007BFF;">⚡ Ingen el? Inga problem!</h2>
        <p>Vi har en kraftfull powerstation för platser utan elabonnemang – städning oavsett förutsättningar!</p>

        <h2 style="color: #007BFF;">🏆 Varför välja oss?</h2>
        <ul>
            <li>✅ Erfaren personal</li>
            <li>✅ Städgaranti för högsta trygghet</li>
            <li>✅ Snabb och enkel bokning online</li>
        </ul>

        <div style="text-align: center; margin-top: 20px;">
            <a href="mailto:stadtime@hotmail.com" style="display: inline-block; background-color: #007BFF; color: #ffffff; padding: 12px 24px; text-decoration: none; border-radius: 5px; font-size: 16px;">📅 Boka nu</a>
        </div>

        <div style="text-align: center; margin-top: 20px; font-size: 14px; color: #666;">
            📞 076-410 97 67 | 📧 <a href="mailto:stadtime@hotmail.com" style="color: #007BFF;">stadtime@hotmail.com</a>
        </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html lang="sv">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Städtjänst Bokning</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>

    <header>
        <div class="container">
            <h1>Städtjänst Service</h1>
            <p>Vi erbjuder pålitlig och professionell städservice för ditt hem eller företag. Boka din tid idag!</p>
        </div>
    </header>

    <section class="booking-form">
        <div class="container">
            <h2>Boka din städtjänst</h2>

            <form action="mailto:stadtime@hotmail.com" method="post" enctype="text/plain">
                <div class="form-group">
                    <label for="name">Ditt namn:</label>
                    <input type="text" id="name" name="name" required>
                </div>

                <div class="form-group">
                    <label for="email">Din e-post:</label>
                    <input type="email" id="email" name="email" required>
                </div>

                <div class="form-group">
                    <label for="date">Välj Datum:</label>
                    <input type="date" id="date" name="date" required>
                </div>

                <div class="form-group">
                    <label for="time">Välj Tid:</label>
                    <input type="time" id="time" name="time" required>
                </div>

                <div class="form-group">
                    <label for="message">Meddelande:</label>
                    <textarea id="message" name="message" rows="4" required></textarea>
                </div>

                <button type="submit" class="btn">Skicka Bokning</button>
            </form>
        </div>
    </section>

    <section class="live-chat">
        <div class="container">
            <h2>Kontakta Oss Direkt</h2>
            <p>Har du frågor eller vill du chatta med oss om din bokning? Klicka på knappen nedan för att komma i kontakt med oss via WhatsApp!</p>
            <a href="https://wa.me/46764109767" target="_blank" class="whatsapp-btn">
                <button>Chatta med oss på WhatsApp</button>
            </a>
        </div>
    </section>

    <footer>
        <div class="container">
            <p>&copy; 2025 Städtjänst Service - All Rights Reserved</p>
        </div>
    </footer>

</body>
</html>