<!DOCTYPE html>
<html lang="en" data-bs-theme="auto" dir="ltr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page Not Configured</title>

    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    
    
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

    <style>
        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 0.7;
            }
            50% {
                transform: scale(1.05);
                opacity: 1;
            }
            100% {
                transform: scale(1);
                opacity: 0.7;
            }
        }

        body {
            display: grid;
            place-items: center;
            min-height: 100vh;
            margin: 0;
            background-color: var(--bs-body-bg);
            font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

        .content-wrapper {
            max-width: 800px;
            padding: 2rem;
            width: 100%;
        }

        .icon-container .bi {
            font-size: 8rem;
            color: var(--bs-tertiary-color);
            animation: pulse 4s ease-in-out infinite;
        }

        .text-container h1 {
            font-weight: 300;
            border-bottom: 1px solid var(--bs-border-color);
            padding-bottom: 1rem;
        }

        .lead {
            font-size: 1.1rem;
            color: var(--bs-secondary-color);
            line-height: 1.7;
        }

        .lead strong {
            color: var(--bs-emphasis-color);
        }

        @media (max-width: 768px) {
            .content-wrapper {
                text-align: center;
            }
            .text-container h1 {
                font-size: 2rem;
            }
        }
    </style>
</head>
<body class="d-flex align-items-center justify-content-center">

    <div class="content-wrapper">
        <div class="row g-5 align-items-center">
            <div class="col-md-4 text-center">
                <div class="icon-container">
                    
                    <i class="bi bi-compass"></i>
                </div>
            </div>
            <div class="col-md-8">
                <div class="text-container">
                    <h1 class="display-5 mb-4">Page Not Configured</h1>
                    <p class="lead mt-4">
                        There is no website configured for the address <strong>www.etinstallaties.nl</strong> yet.<br>If you are the owner, please contact the developer.                    </p>
                </div>
            </div>
        </div>
    </div>

    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>

    
    <script>
        (() => {
            'use strict'

            const getStoredTheme = () => localStorage.getItem('theme')
            const setStoredTheme = theme => localStorage.setItem('theme', theme)

            const getPreferredTheme = () => {
                const storedTheme = getStoredTheme()
                if (storedTheme) {
                    return storedTheme
                }
                return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
            }

            const setTheme = theme => {
                if (theme === 'auto') {
                    document.documentElement.setAttribute('data-bs-theme', window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')
                } else {
                    document.documentElement.setAttribute('data-bs-theme', theme)
                }
            }

            setTheme(getPreferredTheme())

            window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
                const storedTheme = getStoredTheme()
                if (storedTheme !== 'light' && storedTheme !== 'dark') {
                    setTheme(getPreferredTheme())
                }
            })
        })()
    </script>
</body>
</html>