admin
916d936332
Git archaeology: the grid was never a deliberate removal. It lived as a fixed `body::before` in index.html's inline <style> block and was dropped whenbed8675("D3 Part 2: index + kapcsolat on design system v2") migrated the page onto site.css.dd54e4c, which created site.css, has no body::before — it was a porting omission, and nothing took its place. No asset was lost; it was pure CSS. Restored at its original geometry and subtlety (50px cells, 1px lines, 3%), not redesigned. Only change: the accent is the v2 --blue #0083D8 instead of the retired legacy #0088cc, which site_gates.py bans. Scoped to body.page-index because index is the only page that ever had it. site.css cache-bust bumped to v=2 across all seven pages (nginx caches 7d). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Nn3VgQk9iwEGgyx6QJ2NvE
641 lines
39 KiB
HTML
641 lines
39 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="hu">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="Felhom.eu - Szolgáltatások és árak. Otthoni szerver telepítés, üzemeltetés, monitoring és támogatás.">
|
||
<title>Szolgáltatások - Felhom.eu</title>
|
||
<!-- shared assets: bump ?v= together on any site.css/icons.svg change -->
|
||
<link rel="stylesheet" href="/assets/site.css?v=2">
|
||
<link rel="icon" type="image/png" href="/assets/logo_favicon_2.svg">
|
||
<!-- analytics intentionally omitted for draft page -->
|
||
</head>
|
||
<body class="page-szolgaltatasok">
|
||
<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>
|
||
</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>
|
||
<!-- Page Header -->
|
||
<section class="page-header">
|
||
<div class="container">
|
||
<h1>Szolgáltatások és <span>Árak</span></h1>
|
||
<p>Átlátható árazás, tiszta feltételek. Tudod, mire fizetsz — sem több, sem kevesebb.</p>
|
||
|
||
<!-- Draft banner - remove when going live -->
|
||
<div class="draft-banner">
|
||
<span class="draft-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-construction"/></svg></span>
|
||
<p><strong>Belső tesztoldal</strong> — Ez az oldal még nem publikus. Az árak tájékoztató jellegűek, a végleges árazás a piaci visszajelzések alapján alakul.</p>
|
||
</div>
|
||
|
||
<div class="pricing-note">
|
||
<p>Az árak bruttó, végfelhasználói árak forintban. A feltüntetett összegek <strong>tájékoztató jellegűek</strong> és az adott szerver konfiguráció, az alkalmazások összetettsége, valamint a migrálandó adatmennyiség függvényében változhatnak. Minden projekt egyedi árajánlattal indul — a végső ár a konzultáció után kerül meghatározásra.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- =============================================
|
||
SECTION: Indulócsomagok (Starter Packages)
|
||
============================================= -->
|
||
<section class="content-section alt-bg" id="csomagok">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Induló <span>csomagok</span></h2>
|
||
<p>Válaszd ki az igényeidhez legjobban illő csomagot — mindegyik tartalmazza a teljes rendszer telepítését</p>
|
||
</div>
|
||
|
||
<div class="package-grid">
|
||
<!-- Alap csomag -->
|
||
<div class="package-card">
|
||
<div class="package-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-sprout"/></svg></div>
|
||
<h3>Alap</h3>
|
||
<p class="package-tagline">Kezdj kicsiben — próbáld ki az önhostolást néhány alkalmazással.</p>
|
||
<div class="package-price">~75 000 Ft</div>
|
||
<p class="package-price-note">egyszeri telepítési költség</p>
|
||
<ul class="package-features">
|
||
<li>Hardver ellenőrzés és stresszteszt</li>
|
||
<li>Operációs rendszer + infrastruktúra telepítés</li>
|
||
<li>3 alkalmazás telepítése és konfigurálása</li>
|
||
<li>Domain regisztráció és beállítás</li>
|
||
<li>SSL tanúsítvány (automatikus)</li>
|
||
<li>1 hónap monitoring szolgáltatás</li>
|
||
<li class="na">Adatmigráció nem tartalmazza</li>
|
||
<li class="na">Mentés tárhely nem tartalmazza</li>
|
||
</ul>
|
||
<a href="/kapcsolat" class="package-cta package-cta-secondary">Ajánlatot kérek →</a>
|
||
</div>
|
||
|
||
<!-- Komfort csomag -->
|
||
<div class="package-card featured">
|
||
<div class="package-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-home"/></svg></div>
|
||
<h3>Komfort</h3>
|
||
<p class="package-tagline">A legtöbb család számára ideális. Felhő-kiváltás, teljes kényelemmel.</p>
|
||
<div class="package-price">~130 000 Ft</div>
|
||
<p class="package-price-note">egyszeri telepítési költség</p>
|
||
<ul class="package-features">
|
||
<li>Hardver ellenőrzés és stresszteszt</li>
|
||
<li>Operációs rendszer + infrastruktúra telepítés</li>
|
||
<li>6 alkalmazás telepítése és konfigurálása</li>
|
||
<li>Domain regisztráció és beállítás</li>
|
||
<li>SSL tanúsítvány (automatikus)</li>
|
||
<li>Adatmigráció 500 GB-ig</li>
|
||
<li>VPN / távoli hozzáférés beállítás</li>
|
||
<li>2 hónap monitoring szolgáltatás</li>
|
||
</ul>
|
||
<a href="/kapcsolat" class="package-cta package-cta-primary">Ajánlatot kérek →</a>
|
||
</div>
|
||
|
||
<!-- Prémium csomag -->
|
||
<div class="package-card">
|
||
<div class="package-icon"><svg class="ico-tile" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-rocket"/></svg></div>
|
||
<h3>Prémium</h3>
|
||
<p class="package-tagline">Teljes digitális függetlenség — minden szolgáltatás, maximális támogatás.</p>
|
||
<div class="package-price">~200 000 Ft</div>
|
||
<p class="package-price-note">egyszeri telepítési költség</p>
|
||
<ul class="package-features">
|
||
<li>Hardver ellenőrzés és stresszteszt</li>
|
||
<li>Operációs rendszer + infrastruktúra telepítés</li>
|
||
<li>10 alkalmazás telepítése és konfigurálása</li>
|
||
<li>Domain regisztráció és beállítás</li>
|
||
<li>SSL tanúsítvány (automatikus)</li>
|
||
<li>Adatmigráció 2 TB-ig</li>
|
||
<li>VPN / távoli hozzáférés beállítás</li>
|
||
<li>3 hónap monitoring + 100 GB mentés tárhely</li>
|
||
</ul>
|
||
<a href="/kapcsolat" class="package-cta package-cta-secondary">Ajánlatot kérek →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- =============================================
|
||
SECTION: Egyszeri szolgáltatások (One-time)
|
||
============================================= -->
|
||
<section class="content-section" id="egyszeri">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Egyszeri <span>szolgáltatások</span></h2>
|
||
<p>Egyszer fizeted, tartósan élvezed. A szervered felállításához szükséges lépések.</p>
|
||
</div>
|
||
|
||
<div class="service-grid">
|
||
<!-- Hardver ellenőrzés -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-search"/></svg></span>
|
||
<span class="service-card-badge badge-onetime">Egyszeri</span>
|
||
</div>
|
||
<h3>Hardver ellenőrzés és stresszteszt</h3>
|
||
<p class="description">Mielőtt bármit telepítünk, alaposan leteszteljük a hardvered. CPU, memória, tárolóeszközök, hőmérséklet — mindent ellenőrzünk, hogy a szervered megbízhatóan működjön éveken át.</p>
|
||
<ul class="includes">
|
||
<li>CPU és memória stresszteszt (terheléspróba)</li>
|
||
<li>Tárolóeszközök SMART állapotfelmérése</li>
|
||
<li>Hőmérséklet monitoring terhelés alatt</li>
|
||
<li>Hálózati teljesítmény ellenőrzés</li>
|
||
<li>Részletes állapotjelentés</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Induló ár</div>
|
||
<div class="price-value">15 000 Ft</div>
|
||
<div class="price-note">Saját hardver használata esetén kötelező. Általunk javasolt új hardvernél nem szükséges.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Rendszer telepítés -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-settings"/></svg></span>
|
||
<span class="service-card-badge badge-onetime">Egyszeri</span>
|
||
</div>
|
||
<h3>Rendszer telepítés és konfigurálás</h3>
|
||
<p class="description">Az operációs rendszer telepítésétől a teljes infrastruktúra kialakításáig — tűzfal, hálózat, tárhelykezelés, automatikus SSL tanúsítványok. Amikor elkészül, kész fogadni az alkalmazásokat.</p>
|
||
<ul class="includes">
|
||
<li>Operációs rendszer telepítés és hardening</li>
|
||
<li>Konténer infrastruktúra kialakítás</li>
|
||
<li>Tűzfal és hálózat konfiguráció</li>
|
||
<li>Automatikus SSL tanúsítvány kezelés</li>
|
||
<li>Tárhely kezelés (SSD/HDD optimalizálás)</li>
|
||
<li>Alapvető monitoring beüzemelés</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Induló ár</div>
|
||
<div class="price-value">35 000 Ft</div>
|
||
<div class="price-note">Csomagban kedvezőbb — lásd az indulócsomagokat.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Alkalmazás telepítés -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-package"/></svg></span>
|
||
<span class="service-card-badge badge-onetime">Egyszeri / alkalmazás</span>
|
||
</div>
|
||
<h3>Alkalmazás telepítés</h3>
|
||
<p class="description">Minden alkalmazás egyedi telepítést és konfigurálást igényel. Az árba beletartozik az alkalmazás beüzemelése, alapkonfiguráció, első felhasználó létrehozása és a működés ellenőrzése.</p>
|
||
<ul class="includes">
|
||
<li>Alkalmazás telepítés és konfigurálás</li>
|
||
<li>Felhasználói fiók létrehozás</li>
|
||
<li>Reverz proxy és SSL beállítás</li>
|
||
<li>Mentési házirend beállítás</li>
|
||
<li>Működés ellenőrzés és dokumentáció</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Alkalmazásonként</div>
|
||
<div class="price-value">5 000 – 15 000 Ft</div>
|
||
<div class="price-note">Egyszerű alkalmazások (pl. Vaultwarden): ~5 000 Ft. Komplex rendszerek (pl. Nextcloud, Immich, média automatizáció): ~12 000–15 000 Ft.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Adatmigráció -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-upload"/></svg></span>
|
||
<span class="service-card-badge badge-onetime">Egyszeri</span>
|
||
</div>
|
||
<h3>Adatmigráció</h3>
|
||
<p class="description">Költöztesd át az adataidat a nagy felhőszolgáltatóktól (Google Photos, iCloud, Dropbox, OneDrive…) vagy helyi forrásokból a saját szerveredre. Az árat a migrálandó adatmennyiség határozza meg.</p>
|
||
<ul class="includes">
|
||
<li>Felhőszolgáltató export és letöltés</li>
|
||
<li>Adatstruktúra átalakítás szükség szerint</li>
|
||
<li>Import a célalkalmazásba</li>
|
||
<li>Integritás ellenőrzés (nincs adatvesztés)</li>
|
||
<li>Helyi adathordozóról migráció is lehetséges</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Adatmennyiség alapján</div>
|
||
<div class="price-value">8 000 – 35 000 Ft</div>
|
||
<div class="price-note">100 GB-ig: ~8 000 Ft · 100–500 GB: ~15 000 Ft · 500 GB – 1 TB: ~25 000 Ft · 1 TB felett: egyedi árazás</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Domain regisztráció -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-globe"/></svg></span>
|
||
<span class="service-card-badge badge-free">Ajándék</span>
|
||
</div>
|
||
<h3>Domain regisztráció és DNS kezelés</h3>
|
||
<p class="description">Minden ügyfél kap egy saját domaint, amit mi regisztrálunk és kezelünk. Ez nem csak kényelmes — a saját domain elengedhetetlen az SSL tanúsítványokhoz, és biztosítja, hogy minden alkalmazásod egyszerűen elérhető legyen.</p>
|
||
<ul class="includes">
|
||
<li>Domain regisztráció (pl. .hu, .com, .eu)</li>
|
||
<li>DNS kezelés és karbantartás</li>
|
||
<li>Minden alkalmazáshoz saját aldomain</li>
|
||
<li>SSL tanúsítvány minden aldomainhez</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Az első évben</div>
|
||
<div class="price-value">0 Ft</div>
|
||
<div class="price-note">Az első év domain költségét mi álljuk. Megújítás éves szinten: ~3 000–6 000 Ft/év (domainnév típustól függően), amit költségen továbbadunk.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- VPN / távoli hozzáférés -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-lock"/></svg></span>
|
||
<span class="service-card-badge badge-onetime">Egyszeri</span>
|
||
</div>
|
||
<h3>VPN / Távoli hozzáférés beállítás</h3>
|
||
<p class="description">Biztonságos hozzáférés a szerverhez otthonról távol is — VPN kapcsolaton keresztül, mintha otthon lennél. Ideális, ha utazás közben vagy munkahelyről is elérnéd az alkalmazásaidat.</p>
|
||
<ul class="includes">
|
||
<li>VPN szerver telepítés (WireGuard)</li>
|
||
<li>Kliens konfiguráció (telefon, laptop, tablet)</li>
|
||
<li>Biztonságos távoli elérés beállítás</li>
|
||
<li>Használati útmutató</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Induló ár</div>
|
||
<div class="price-value">10 000 Ft</div>
|
||
<div class="price-note">Komfort és Prémium csomagban benne van.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- =============================================
|
||
SECTION: Havi szolgáltatások (Monthly)
|
||
============================================= -->
|
||
<section class="content-section alt-bg" id="havi">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Havi <span>szolgáltatások</span></h2>
|
||
<p>A szervered folyamatosan működik — mi pedig folyamatosan figyelünk rá.</p>
|
||
</div>
|
||
|
||
<div class="service-grid">
|
||
<!-- Monitoring -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-chart-column"/></svg></span>
|
||
<span class="service-card-badge badge-monthly">Havi</span>
|
||
</div>
|
||
<h3>Rendszer monitoring és karbantartás</h3>
|
||
<p class="description">Folyamatos figyelés, hogy ne kelljen neked. Automatikus riasztások, ha bármi rendellenességet észlelünk — és rendszeres frissítések, hogy minden naprakész maradjon.</p>
|
||
<ul class="includes">
|
||
<li>24/7 rendszer állapot monitoring</li>
|
||
<li>Tárhely, CPU, memória figyelés</li>
|
||
<li>Mentések sikerességének ellenőrzése</li>
|
||
<li>SSL tanúsítvány lejárat figyelés</li>
|
||
<li>Biztonság-kritikus frissítések telepítése</li>
|
||
<li>Alkalmazás frissítések (negyedéves ciklusban)</li>
|
||
<li>Havi állapotjelentés e-mailben</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Havi díj</div>
|
||
<div class="price-value">5 000 Ft <span class="price-unit">/ hó</span></div>
|
||
<div class="price-note">Éves előfizetéssel: 4 500 Ft/hó (10% kedvezmény). Az első 1-3 hónap a csomagban benne van.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Mentés tárhely -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-cloud"/></svg></span>
|
||
<span class="service-card-badge badge-monthly">Havi</span>
|
||
</div>
|
||
<h3>Offsite mentés tárhely</h3>
|
||
<p class="description">A 3-2-1 mentési szabály utolsó pillére: az adataid egy másolata egy teljesen független, távoli szerveren. Így még katasztrófa esetén sem vész el semmi.</p>
|
||
<ul class="includes">
|
||
<li>Titkosított offsite mentés</li>
|
||
<li>Automatikus napi szinkronizáció</li>
|
||
<li>Visszaállítási lehetőség igény szerint</li>
|
||
<li>Földrajzilag elkülönített tárolás</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Adatmennyiség alapján</div>
|
||
<div class="price-value">1 500 Ft <span class="price-unit">/ 100 GB / hó</span></div>
|
||
<div class="price-note">Példa: 500 GB offsite mentés = 7 500 Ft/hó. Az első 100 GB a Prémium csomagban benne van.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- =============================================
|
||
SECTION: Eseti szolgáltatások (On-demand)
|
||
============================================= -->
|
||
<section class="content-section" id="eseti">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Eseti <span>szolgáltatások</span></h2>
|
||
<p>Ha változtatni szeretnél, vagy valami nem stimmel — itt vagyunk.</p>
|
||
</div>
|
||
|
||
<div class="service-grid">
|
||
<!-- Konfiguráció módosítás -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-wrench"/></svg></span>
|
||
<span class="service-card-badge badge-ondemand">Igény szerint</span>
|
||
</div>
|
||
<h3>Konfiguráció módosítás</h3>
|
||
<p class="description">Az alkalmazások kezdeti beállítása a telepítésben benne van. Ha utólag szeretnél módosítani (pl. új felhasználó, integráció, beállítás változtatás), azt külön kérésként kezeljük.</p>
|
||
<ul class="includes">
|
||
<li>Alkalmazás beállítás módosítás</li>
|
||
<li>Új felhasználó vagy jogosultság kezelés</li>
|
||
<li>Integráció más alkalmazásokkal</li>
|
||
<li>Téma / megjelenés testreszabás</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Kérésenként</div>
|
||
<div class="price-value">5 000 Ft <span class="price-unit">/ módosítás</span></div>
|
||
<div class="price-note">Egy kérés = egy logikailag összetartozó változtatás. Összetett módosítások esetén előre egyeztetünk.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Incidens kezelés -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-siren"/></svg></span>
|
||
<span class="service-card-badge badge-ondemand">Igény szerint</span>
|
||
</div>
|
||
<h3>Incidens kezelés és hibaelhárítás</h3>
|
||
<p class="description">Ha valami nem működik, nem az idő számít — a megoldás számít. Ezért esetnként számlázunk, nem óra alapon. Így nincs vita, nem kell az órát figyelni, és tudom, mit fogok számlázni.</p>
|
||
<ul class="includes">
|
||
<li>Hibadiagnosztika és elhárítás</li>
|
||
<li>Alkalmazás vagy szolgáltatás újraindítás</li>
|
||
<li>Adatvisszaállítás mentésből</li>
|
||
<li>Rendszer helyreállítás incidens után</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Esetenként</div>
|
||
<div class="price-value">8 000 – 20 000 Ft</div>
|
||
<div class="price-note">Egyszerű hiba (alkalmazás újraindítás, konfig javítás): ~8 000 Ft. Komplex incidens (adatvisszaállítás, rendszer helyreállítás): ~15 000–20 000 Ft.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Új alkalmazás telepítés (utólag) -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-plus"/></svg></span>
|
||
<span class="service-card-badge badge-ondemand">Igény szerint</span>
|
||
</div>
|
||
<h3>Új alkalmazás telepítés (utólag)</h3>
|
||
<p class="description">Találtál egy új alkalmazást, amit ki szeretnél próbálni? Bármikor bővítheted a szervered újabb alkalmazásokkal — ugyanolyan feltételekkel, mint az első telepítésnél.</p>
|
||
<ul class="includes">
|
||
<li>Ugyanaz, mint az induló alkalmazás telepítésnél</li>
|
||
<li>Meglévő rendszerbe integrálás</li>
|
||
<li>Mentési házirend kiterjesztés</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Alkalmazásonként</div>
|
||
<div class="price-value">5 000 – 15 000 Ft</div>
|
||
<div class="price-note">Az összeg az alkalmazás összetettségétől függ, megegyezik az induló telepítési árakkal.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Alkalmazás eltávolítás -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-trash-2"/></svg></span>
|
||
<span class="service-card-badge badge-ondemand">Igény szerint</span>
|
||
</div>
|
||
<h3>Alkalmazás eltávolítás</h3>
|
||
<p class="description">Ha már nincs szükséged egy alkalmazásra, tisztán eltávolítjuk — beleértve az adatokat, konfigurációt és a hozzá tartozó erőforrásokat.</p>
|
||
<ul class="includes">
|
||
<li>Alkalmazás és konfiguráció eltávolítás</li>
|
||
<li>Kapcsolódó adatok törlése vagy archiválása</li>
|
||
<li>Erőforrások felszabadítása</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Alkalmazásonként</div>
|
||
<div class="price-value">3 000 Ft</div>
|
||
<div class="price-note">Adatok törlés előtti exportálása igény szerint, az adatmigráció árazás szerint.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Éves rendszerfelülvizsgálat -->
|
||
<div class="service-card">
|
||
<div class="service-card-header">
|
||
<span class="service-card-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-stethoscope"/></svg></span>
|
||
<span class="service-card-badge badge-ondemand">Éves</span>
|
||
</div>
|
||
<h3>Éves rendszerfelülvizsgálat</h3>
|
||
<p class="description">Évente egyszer mélyreható átvizsgálás: hardver állapot, tárhely kapacitás, biztonsági állapot, teljesítmény optimalizáció. Megelőzés, hogy ne legyen meglepetés.</p>
|
||
<ul class="includes">
|
||
<li>Hardver állapotfelmérés (SMART, hőmérséklet)</li>
|
||
<li>Tárhely kapacitás és növekedés elemzés</li>
|
||
<li>Biztonsági audit és javaslatok</li>
|
||
<li>Teljesítmény optimalizáció</li>
|
||
<li>Írásos jelentés és javaslatok</li>
|
||
</ul>
|
||
<div class="price-box">
|
||
<div class="price-label">Évente</div>
|
||
<div class="price-value">15 000 Ft</div>
|
||
<div class="price-note">Monitoring előfizetőknek: 10 000 Ft/év (kedvezményes).</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- =============================================
|
||
SECTION: Miért saját domain?
|
||
============================================= -->
|
||
<section class="content-section alt-bg" id="domain">
|
||
<div class="container">
|
||
<div class="domain-section">
|
||
<div class="domain-text">
|
||
<h2>Miért kapsz <span>saját domaint?</span></h2>
|
||
<p>A saját domain nem luxus — hanem a megbízható rendszer alapja. Az SSL tanúsítványok, a biztonságos HTTPS hozzáférés és az alkalmazásaid egyszerű elérhetősége mind ezen múlik.</p>
|
||
<p>Az első évi domain regisztrációt mi álljuk. Utána a domain éves díját (jellemzően 3 000–6 000 Ft) költségen adjuk tovább — semmi rejtett felár.</p>
|
||
<p style="color: var(--text-3); font-size: 0.9rem;">Meglévő domained is használhatjuk, ha van — ilyenkor a DNS beállítást mi végezzük el.</p>
|
||
</div>
|
||
<div class="domain-visual">
|
||
<div class="domain-example">
|
||
<span class="domain-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-camera"/></svg></span>
|
||
<div>
|
||
<div class="domain-url">photos.pelda-csalad.hu</div>
|
||
<div class="domain-desc">Immich — családi fotók</div>
|
||
</div>
|
||
</div>
|
||
<div class="domain-example">
|
||
<span class="domain-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-folder"/></svg></span>
|
||
<div>
|
||
<div class="domain-url">cloud.pelda-csalad.hu</div>
|
||
<div class="domain-desc">Nextcloud — fájlok és naptár</div>
|
||
</div>
|
||
</div>
|
||
<div class="domain-example">
|
||
<span class="domain-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-clapperboard"/></svg></span>
|
||
<div>
|
||
<div class="domain-url">media.pelda-csalad.hu</div>
|
||
<div class="domain-desc">Jellyfin — filmek és sorozatok</div>
|
||
</div>
|
||
</div>
|
||
<div class="domain-example">
|
||
<span class="domain-icon"><svg class="ico-lg" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-lock"/></svg></span>
|
||
<div>
|
||
<div class="domain-url">vault.pelda-csalad.hu</div>
|
||
<div class="domain-desc">Vaultwarden — jelszókezelő</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- =============================================
|
||
SECTION: Hogyan működik? (Process)
|
||
============================================= -->
|
||
<section class="content-section" id="folyamat">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Hogyan <span>működik?</span></h2>
|
||
<p>Az első megkereséstől a működő rendszerig — lépésről lépésre</p>
|
||
</div>
|
||
|
||
<div class="process-timeline">
|
||
<div class="process-step">
|
||
<div class="step-number">1</div>
|
||
<div class="step-content">
|
||
<h4>Konzultáció</h4>
|
||
<p>Megbeszéljük, mire van szükséged: milyen alkalmazásokat használnál, mennyi adatod van, milyen hardvered van (vagy szeretnél). Ingyenes, kötelezettség nélkül.</p>
|
||
</div>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">2</div>
|
||
<div class="step-content">
|
||
<h4>Árajánlat</h4>
|
||
<p>A konzultáció alapján részletes árajánlatot küldünk — pontosan tudni fogod, mit kapsz és mennyiért. Semmi apróbetű.</p>
|
||
</div>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">3</div>
|
||
<div class="step-content">
|
||
<h4>Hardver ellenőrzés</h4>
|
||
<p>Átvesszük vagy szállíttatjuk a hardvert, és alapos tesztelés után megkezdjük a telepítést. Ha problémát találunk, egyeztetünk a megoldásról.</p>
|
||
</div>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">4</div>
|
||
<div class="step-content">
|
||
<h4>Telepítés és konfiguráció</h4>
|
||
<p>Az operációs rendszertől az utolsó alkalmazásig mindent beüzemelünk, leteszteljük és dokumentáljuk. Az adatmigrációt is ebben a fázisban végezzük.</p>
|
||
</div>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">5</div>
|
||
<div class="step-content">
|
||
<h4>Átadás és oktatás</h4>
|
||
<p>Visszaszállítjuk a szervert, bekötjük a hálózatba, és végigvezetünk az alkalmazások használatán. Kérdéseiddel bármikor fordulhatsz hozzánk.</p>
|
||
</div>
|
||
</div>
|
||
<div class="process-step">
|
||
<div class="step-number">6</div>
|
||
<div class="step-content">
|
||
<h4>Folyamatos monitoring</h4>
|
||
<p>Ha választod a monitoring szolgáltatást, a háttérben figyeljük a szervered állapotát, és proaktívan avatkozunk be, ha szükséges.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- =============================================
|
||
SECTION: CTA
|
||
============================================= -->
|
||
<section class="cta-section alt-bg">
|
||
<div class="container">
|
||
<div class="cta-box">
|
||
<h2>Kérdésed van? <span>Beszéljünk!</span></h2>
|
||
<p>Az egyedi árajánlat ingyenes és kötelezettségmentes. Írd meg, mire lenne szükséged — mi pedig megmondjuk, mennyibe kerül.</p>
|
||
<div class="cta-buttons">
|
||
<a href="/kapcsolat" class="cta-button"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-message-square"/></svg> Ajánlatot kérek</a>
|
||
<a href="mailto:info@felhom.eu" class="cta-button-secondary"><svg class="ico" aria-hidden="true"><use href="/assets/icons.svg?v=1#i-mail"/></svg> info@felhom.eu</a>
|
||
</div>
|
||
</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> |