<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dynasty 8 - Agence Immobilière</title>
    <link rel="stylesheet" href="./styles/style.css">
    <link rel="stylesheet" href="./styles/theme.css">
    <link rel="icon" href="/images/favicon.png" type="image/x-icon">
</head>
<body>
    <header>
        <img src="/images/logo2.png" alt="Dynasty 8" class="logo">
        <nav class="menu">
            <ul>
                <li><a href="index.html">Accueil</a></li>
                <li><a href="https://discord.gg/WmtuHAxbVU">Intranet</a></li>
                <li><a href="pages/contact.html">Contact</a></li>
            </ul>
        </nav>
    </header>
    
    
    <div class="banner" style="background-color: aqua;">
    </div>

    <div class="filter-container">
        <label for="type-filter">Type de propriété</label>
        <select id="type-filter">
            <option value="">Tous</option>
            <option value="Villa">Villa</option>
            <option value="Appartement">Appartement</option>
            <option value="Chalet">Chalet</option>
            <option value="Maison">Maison</option>
            <option value="Entrepot">Entrepot</option>
        </select>

        <label for="price-filter">Prix Maximum</label>
        <input type="range" id="price-range" name="price-range" min="0" max="5000000" step="25000" value="5000000">
        <span id="price-value">5000000 $</span>
        <button id="theme-toggle" style="background: none; border: none; cursor: pointer; font-size: 1.2rem;">
            🌙 Mode sombre
        </button>
    </div>

    <div id="properties-container" class="container"></div>

    <footer>
        &copy; 2024 Dynasty 8 - Tous droits réservés. | Made with ❤️ by <a href="https://github.com/MandoDB" style="color:white;">MandoDB</a>
        <br>
        <span style="font-size: 0.9rem;">Ce site est la propriété exclusive de <a href="https://discord.gg/CHqxghp5Q7" style="color:white;">Melissya</a>, et de <a href="https://github.com/MandoDB" style="color:white;">MandoDB</a>. Toutes utilisation du code source est fortuite.</span>
    </footer>
    
    <script src="./js/script.js" type="text/javascript"></script>
</body>
</html>
