felhom.eu/website/404.html

<!DOCTYPE html>
<html lang="hu" class="no-js">
<head>
    <script>document.documentElement.className=document.documentElement.className.replace('no-js','js');</script>
    <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">
    <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin.woff2">
    <link rel="preload" as="font" type="font/woff2" crossorigin href="/assets/fonts/pjs-latin-ext.woff2">
    <!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
    <link rel="stylesheet" href="/assets/site.css?v=25">
    <link rel="stylesheet" href="/assets/shell.css?v=25">
    <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="shell page-404">
    <header class="mobile-topbar">
        <a href="/" class="mobile-topbar-logo"><img src="/assets/logo_notext_white.svg" alt="Felhom.eu"></a>
        <button type="button" class="nav-burger" id="navBurger" aria-expanded="false" aria-controls="sidebar" aria-label="Menü">
            <span class="hamburger-box"><span class="hamburger-line"></span><span class="hamburger-line"></span><span class="hamburger-line"></span></span>
        </button>
    </header>
    <div class="nav-backdrop" id="navBackdrop" hidden></div>
    <nav class="sidebar" id="sidebar">
        <div class="sidebar-header">
            <a href="/" class="sidebar-logo-link">
                <img src="/assets/logo_notext_white.svg" alt="" class="sidebar-logo" aria-hidden="true">
                <img src="/assets/logo-wordmark.png" alt="felhom.eu" class="sidebar-word">
            </a>
        </div>
        <ul class="nav-links">
                <li><a href="/"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg>Kezdőlap</a></li>
                <li><a href="/szolgaltatasok"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg>Szolgáltatások</a></li>
                <li class="nav-group">
                    <button type="button" class="nav-group-toggle" aria-expanded="false" aria-controls="nav-group-apps"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg>Alkalmazások<svg class="ico nav-chevron" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chevron-down"/></svg></button>
                    <ul id="nav-group-apps" class="nav-links nav-links-sub nav-links-nested">
                        <li><a href="/alkalmazasok">Az alkalmazásokról</a></li>
                        <li><a href="/alkalmazasok#fajlkezeles">Fájlkezelés &amp; Irodai</a></li>
                        <li><a href="/alkalmazasok#media">Média &amp; Szórakozás</a></li>
                        <li><a href="/alkalmazasok#otthon">Otthon &amp; Életmód</a></li>
                        <li><a href="/alkalmazasok#produktivitas">Produktivitás &amp; Tudáskezelés</a></li>
                        <li><a href="/alkalmazasok#rendszer">Rendszer &amp; Fejlesztés</a></li>
                    </ul>
                </li>
                <li><a href="/technologiak"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-layers"/></svg>Technológiák</a></li>
                <li><a href="/biztonsagimentes"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-shield-check"/></svg>Biztonsági mentés</a></li>
        </ul>
        <div class="sidebar-bottom">
            <a href="/teszteles" class="btn btn-outline sidebar-cta">Jelentkezem tesztelőnek →</a>
            <div class="nav-group-label">A Felhomról</div>
            <ul class="nav-links nav-links-sub">
                    <li><a href="/#hogyan-mukodik">Hogyan működik</a></li>
                    <li><a href="/gyik">GYIK</a></li>
                    <li><a href="/kapcsolat">Kapcsolat</a></li>
            </ul>
            <div class="sidebar-footer">
                <details class="lang-globe"><summary class="lang-globe-btn" aria-label="Nyelv" title="Nyelv"><svg class="ico" 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="#" lang="en" hreflang="en" class="lang-globe-item">English</a></li></ul></details>
            </div>
        </div>
    </nav>
<main class="content">
                <div class="page-header">
                <h1>Ez az oldal <span>nem található</span></h1>
            </div>
                <p class="page-lede">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>

        <section class="content-section">
            <div class="container">
                <div class="apps-cta">
                    <a href="/" class="cta-button">Vissza a kezdőlapra →</a>
                </div>
            </div>
        </section>
    <footer>
        <div class="container">
            <p>© 2026 felhom.eu – Saját felhőd, saját szabályaid</p>
            <p class="footer-legal">Üzemeltető: Nagyfenyvesi Viktor · <a href="mailto:info@felhom.eu">info@felhom.eu</a> · <a href="/adatkezeles">Adatkezelési tájékoztató</a> · <a href="/feltetelek">Feltételek</a></p>
        </div>
    </footer>
    </main>
    <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>
    <script>
    (function(){
        var b=document.getElementById('navBurger'),s=document.getElementById('sidebar'),k=document.getElementById('navBackdrop');
        if(!b||!s||!k)return;
        function open(){s.classList.add('is-open');k.hidden=false;document.body.classList.add('nav-open');b.setAttribute('aria-expanded','true');}
        function close(){s.classList.remove('is-open');k.hidden=true;document.body.classList.remove('nav-open');b.setAttribute('aria-expanded','false');}
        b.addEventListener('click',function(){s.classList.contains('is-open')?close():open();});
        k.addEventListener('click',close);
        document.addEventListener('keydown',function(e){if(e.key==='Escape'&&s.classList.contains('is-open')){close();b.focus();}});
        s.querySelectorAll('a').forEach(function(l){l.addEventListener('click',close);});
        window.addEventListener('resize',function(){if(window.innerWidth>768)close();});
    })();
    document.addEventListener('click',function(e){
        var btn=e.target.closest?e.target.closest('.nav-group-toggle'):null;
        if(!btn)return;
        var g=btn.closest('.nav-group');if(!g)return;
        var willOpen=!g.classList.contains('is-open');
        document.querySelectorAll('.nav-group.is-open').forEach(function(x){
            x.classList.remove('is-open');
            var t=x.querySelector('.nav-group-toggle');if(t)t.setAttribute('aria-expanded','false');
        });
        if(willOpen){g.classList.add('is-open');btn.setAttribute('aria-expanded','true');}
    });
    </script>
</body>
</html>