
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RL Switzerland</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>

    <header>

        <script src="https://cdn.lordicon.com/lordicon.js"></script>
        <lord-icon src="https://cdn.lordicon.com/xahuqqcs.json" trigger="hover"
            colors="primary:#569cf6,secondary:#ffffff" style="width:9.2593vmin;height:9.2593vmin">
        </lord-icon>

        <h1>RL Switzerland</h1>
    </header>

    <main>
        <section class="bio-section">
            <div class="bio-left">

                <script src="https://cdn.lordicon.com/lordicon.js"></script>
                <lord-icon src="https://cdn.lordicon.com/eouimtlu.json" trigger="hover"
                    style="width:7.4074vmin;height:7.4074vmin">
                </lord-icon>

                <h2>Roni Dakaj</h2>
                <p>Inhaber | Designer</p>
                <p>Roni Dakaj ist die kreative Kraft hinter unseren Designs. Mit einem ausgeprägten Blick für Ästhetik und
                    einer Leidenschaft für
                    Durch sein benutzerzentriertes Design stellt er sicher, dass jedes Projekt die Vision des Kunden
                    widerspiegelt und ein Ergebnis liefert
                    außergewöhnliches Benutzererlebnis.</p>
                <p>Roni Dakaj bringt Innovation in den Vordergrund und verwandelt Ideen in visuell beeindruckende und
                    ansprechende Produkte
                    Websites. Dazu macht er seriöse und prädige Designs.</p>
            </div>
        </section>

        <section class="pricing-table-section">
            <div class="pricing-table">
                <div class="pricing-column" onclick="showPackageDetails('Basis')">
                    <h2>Basis</h2>
                    <p> Perfekt für kleine Projekte </p>
                    <p> Ab 199.- </p>
                </div>
                <div class="pricing-column" onclick="showPackageDetails('standard')">
                    <h2>Standard</h2>
                    <p>Ideal für mittelständische Unternehmen</p>
                    <p>Ab 399.-</p>
                </div>
                <div class="pricing-column" onclick="showPackageDetails('pro')">
                    <h2>Pro</h2>
                    <p>Erweiterte Funktionen für große Unternehmen</p>
                    <p>Ab 599.-</p>
                </div>
            </div>

            <div class="package-details fade-in" id="Basis-details">
                <h2>Basis - Paket</h2>
                <p>Unser Basis-Paket eignet sich perfekt für kleine Projekte und Einzelpersonen, die eine Online-Präsenz
                    aufbauen möchten.
                    Ab 199.- beinhaltet dieses Paket:</p>
                <ul>
                    <li>Maßgeschneidertes Website-Design</li>
                    <li>Responsives Layout für mobile Geräte</li>
                    <li>Erweiterte SEO-Optimierung</li>
                    <li>Inkl. Webhosting Gebühren: 9.95 .- Jährlich.</li>
                    <li> (Optional): eigene E-Mail Adresse erstellen für ihr Unternehmen. 4.95.- Einmalig</li>
                </ul>
            </div>

            <div class="package-details fade-in" id="standard-details">
                <h2>Standard - Paket</h2>
                <p>Unser Standardpaket richtet sich an mittelständische Unternehmen, die einen professionellen
                    Online-Auftritt anstreben.
                    Ab 399.- umfasst dieses Paket:</p>
                <ul>
                    <li>Maßgeschneidertes Website-Design</li>
                    <li>Responsives Layout für mobile Geräte</li>
                    <li>Erweiterte SEO-Optimierung</li>
                    <li>Kontaktformulare und interaktive Elemente</li>
                    <li>Inkl. Webhosting Gebühren: 9.95.- Jährlich</li>
                    <li> (Optional): eigene E-Mail Adresse erstellen für ihr Unternehmen. 2.95.- Einmalig</li>
                    
                </ul>
            </div>

            <div class="package-details fade-in" id="pro-details">
                <h2>Pro - Paket</h2>
                <p>Unser Pro-Paket ist auf große Unternehmen zugeschnitten, die erweiterte Funktionen und Funktionen
                    benötigen.
                    Ab 599.- umfasst dieses Paket:</p>
                <ul>
                    <li>Maßgeschneidertes Website-Design</li>
                    <li>Responsives Layout für mobile Geräte</li>
                    <li>Erweiterte SEO-Optimierung</li>
                    <li>Interaktive und dynamische Inhalte</li>
                    <li>E-Commerce-Funktionen</li>
                    <li>Inkl. Webhosting Gebühren:  9.95.- Jährlich</li>
                    <li> (Optional): eigene E-Mail Adresse erstellen für ihr Unternehmen. (Kostenfrei)</li>
                </ul>
            </div>
        </section>

        <section class="bio-section">
            <div class="bio-right">

                <script src="https://cdn.lordicon.com/lordicon.js"></script>
                <lord-icon src="https://cdn.lordicon.com/lzgmgrnn.json" trigger="hover"
                    style="width:7.4074vmin;height:7.4074vmin">
                </lord-icon>

                <h2>Lirion Zeka</h2>
                <p>Inhaber | Entwickler</p>
                <p>Lirion Zeka ist unser technischer Assistent, der Konzepte in voll funktionsfähige Websites umwandelt. Als
                    Fachkraft
                    Als Entwickler ist er auf die Entwicklung robuster und skalierbarer Lösungen spezialisiert, die den
                    individuellen Anforderungen gerecht werden
                    jedes Projekt.</p>
                <p>Die Expertise von Lirion Zeka liegt in der Webentwicklung und stellt sicher, dass die von uns erstellten
                    Websites nicht nur
                    optisch ansprechend, funktionieren aber auch nahtlos auf verschiedenen Plattformen und Geräten.</p>
            </div>
        </section>



        <section id="contact" class="contact-section">
            <h2>Kontaktiere uns</h2>
            <p>Wenn Sie Fragen haben oder Ihr Projekt besprechen möchten, können Sie sich gerne an uns wenden. Waren hier
                Zu
                helfen!</p>

            <form>
                <label for="name">Dein Name:</label>
                <input type="text" id="name" name="name" required>

                <label for="email">Deine Email:</label>
                <input type="email" id="email" name="email" required>

                <label for="message">Deine Nachricht:</label>
                <textarea id="message" name="message" rows="4" required></textarea>

                <button type="submit">Senden</button>
            </form>
        </section>

    </main>

    <div class="footer-section">
        <footer>
            <p>
                Kontaktieren Sie uns unter: info@rlswitzerland.ch | Telefon: +41 76 812 24 24 </p>
        </footer>
    </div>
	
	
    </div>

    <script>
        function showPackageDetails(packageType) {
            // Hide all - Paket details
            document.querySelectorAll('.package-details').forEach(function (detail) {
                detail.style.display = 'none';
            });

            // Display the selected - Paket details with a fade-in effect
            document.getElementById(packageType + '-details').style.display = 'block';
        }
    </script>

</body>

</html>