felhom.eu/website/404.html

<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Az oldal nem található | Felhom.eu</title>
    <meta name="robots" content="noindex, follow">
    <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
    <link rel="stylesheet" href="/assets/site.css?v=3">
    <link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
    <script defer src="https://stats.felhom.eu/script.js" data-website-id="d419db57-5e1c-48df-bdb3-c29f25fb1661"></script>
</head>
<body class="page-404">
    <nav>
        <div class="container">
            <a href="/" class="logo">
                <img src="/assets/logo.png" alt="Felhom.eu logo">
                <span class="logo-text">felhom.eu</span>
            </a>
            <ul class="nav-links">
                <li><a href="/#szolgaltatasok">Szolgáltatások</a></li>
                <li><a href="/alkalmazasok">Alkalmazások</a></li>
                <li><a href="/technologiak">Technológiák</a></li>
                <li><a href="/biztonsagimentes">Mentések</a></li>
                <li><a href="/gyik">GYIK</a></li>
                <li><a href="/kapcsolat">Kapcsolat</a></li>
                <li class="lang-globe-li"><details class="lang-globe"><summary class="lang-globe-btn" aria-label="Nyelv" title="Nyelv"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg></summary><ul class="lang-globe-menu"><li><a href="/" lang="hu" hreflang="hu" class="lang-globe-item current" aria-current="true">Magyar</a></li><li><a href="/en/" lang="en" hreflang="en" class="lang-globe-item">English</a></li></ul></details></li>
            </ul>
            <button class="hamburger" id="hamburger" aria-label="Menü megnyitása" aria-expanded="false">
                <span class="hamburger-box">
                    <span class="hamburger-line"></span>
                    <span class="hamburger-line"></span>
                    <span class="hamburger-line"></span>
                </span>
            </button>
        </div>
    </nav>
    <div class="mobile-overlay" id="mobileOverlay"></div>

    <main>
        <section class="page-header">
            <div class="container">
                <h1>Ez az oldal <span>nem található</span></h1>
                <p>A keresett cím nem létezik, vagy elköltözött. A kezdőlapról mindent elérsz.</p>
                <p lang="en">This page does not exist. <a href="/en/">Go to the English home page</a>.</p>
            </div>
        </section>
        <section class="content-section">
            <div class="container">
                <div class="apps-cta">
                    <a href="/" class="cta-button">Vissza a kezdőlapra →</a>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="container">
            <p>© 2026 felhom.eu — Saját felhőd, saját szabályaid</p>
        </div>
    </footer>
    <script>
    (function() {
        var hamburger = document.getElementById('hamburger');
        var navLinks = document.querySelector('.nav-links');
        var overlay = document.getElementById('mobileOverlay');
        var body = document.body;

        if (!hamburger || !navLinks || !overlay) {
            console.warn('[mobile-menu] Missing elements:', {
                hamburger: !!hamburger,
                navLinks: !!navLinks,
                overlay: !!overlay
            });
            return;
        }

        function openMenu() {
            hamburger.classList.add('is-active');
            navLinks.classList.add('is-open');
            overlay.classList.add('is-visible');
            body.classList.add('menu-open');
            hamburger.setAttribute('aria-expanded', 'true');
            hamburger.setAttribute('aria-label', 'Menü bezárása');
        }

        function closeMenu() {
            hamburger.classList.remove('is-active');
            navLinks.classList.remove('is-open');
            overlay.classList.remove('is-visible');
            body.classList.remove('menu-open');
            hamburger.setAttribute('aria-expanded', 'false');
            hamburger.setAttribute('aria-label', 'Menü megnyitása');
        }

        hamburger.addEventListener('click', function() {
            if (navLinks.classList.contains('is-open')) {
                closeMenu();
            } else {
                openMenu();
            }
        });

        overlay.addEventListener('click', closeMenu);

        navLinks.querySelectorAll('a').forEach(function(link) {
            link.addEventListener('click', closeMenu);
        });

        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape' && navLinks.classList.contains('is-open')) {
                closeMenu();
            }
        });

        window.addEventListener('resize', function() {
            if (window.innerWidth > 900 && navLinks.classList.contains('is-open')) {
                closeMenu();
            }
        });
    })();
    </script>
</body>
</html>