fix application section
This commit is contained in:
@ -10,9 +10,9 @@
|
||||
</div>
|
||||
<div class="nav-links">
|
||||
<a href="/"{{if eq .CurrentPage "home"}} class="active"{{end}}>Home</a>
|
||||
<a href="#voordelen">Voordelen ↓</a>
|
||||
<a href="#distros">Linux Keuze ↓</a>
|
||||
<a href="#diensten">Diensten ↓</a>
|
||||
<a href="#voordelen">↓ Voordelen</a>
|
||||
<a href="#distros">↓ Linux Keuze</a>
|
||||
<a href="#diensten">↓ Diensten</a>
|
||||
<a href="/contact"{{if eq .CurrentPage "contact"}} class="active"{{end}}>Contact</a>
|
||||
</div>
|
||||
<button class="mobile-menu-toggle" onclick="toggleMobileMenu()">
|
||||
@ -20,9 +20,9 @@
|
||||
</button>
|
||||
<div class="mobile-menu" id="mobile-menu">
|
||||
<a href="/"{{if eq .CurrentPage "home"}} class="active"{{end}}>Home</a>
|
||||
<a href="#voordelen">Voordelen ↓</a>
|
||||
<a href="#distros">Linux Keuze ↓</a>
|
||||
<a href="#diensten">Diensten ↓</a>
|
||||
<a href="#voordelen">↓ Voordelen</a>
|
||||
<a href="#distros">↓ Linux Keuze</a>
|
||||
<a href="#diensten">↓ Diensten</a>
|
||||
<a href="/contact"{{if eq .CurrentPage "contact"}} class="active"{{end}}>Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
<h2>Geef uw computer een tweede leven</h2>
|
||||
<p class="hero-subtitle">Windows 10 ondersteuning eindigt binnenkort? Geen probleem! Ontdek hoe Linux uw hardware nieuw leven kan geven.</p>
|
||||
<div class="hero-buttons">
|
||||
<a href="#voordelen" class="btn btn-primary">Meer weten</a>
|
||||
<a href="#voordelen" class="btn btn-primary">↓ Meer weten</a>
|
||||
<a href="/contact" class="btn btn-secondary">Gratis advies</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -254,81 +254,34 @@
|
||||
<section class="linux-features">
|
||||
<div class="container">
|
||||
<h2>Linux in Actie</h2>
|
||||
<p class="section-subtitle">Zie hoe Linux eruitziet en werkt op verschillende apparaten</p>
|
||||
<p class="section-subtitle">Zie hoe Linux eruitziet en werkt in de praktijk</p>
|
||||
|
||||
<div class="features-grid">
|
||||
<div class="feature-showcase">
|
||||
<div class="feature-mockup desktop-mockup">
|
||||
<div class="mockup-header">
|
||||
<div class="mockup-buttons">
|
||||
<span></span><span></span><span></span>
|
||||
</div>
|
||||
<div class="mockup-title">Garuda Linux Desktop</div>
|
||||
</div>
|
||||
<div class="mockup-content">
|
||||
<div class="desktop-wallpaper">
|
||||
<div class="desktop-panel">
|
||||
<div class="panel-left">
|
||||
<span class="app-icon">🏠</span>
|
||||
<span class="app-icon">📁</span>
|
||||
<span class="app-icon">🌐</span>
|
||||
<span class="app-icon">✉️</span>
|
||||
</div>
|
||||
<div class="panel-right">⚙️ 📶 🔋 12:34</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-image">
|
||||
<img src="/static/Zorin-17-desktop.webp" alt="Zorin OS 17 Desktop Interface" loading="lazy">
|
||||
</div>
|
||||
<h3>Bekende Desktop Interface</h3>
|
||||
<p>Linux ziet er vertrouwd uit met een moderne, gebruiksvriendelijke interface.</p>
|
||||
<h3>Moderne Desktop Interface</h3>
|
||||
<p>Linux ziet er vertrouwd en professioneel uit. Deze Zorin OS desktop lijkt op Windows maar is veel sneller en veiliger.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-showcase">
|
||||
<div class="feature-mockup app-mockup">
|
||||
<div class="mockup-header">
|
||||
<div class="mockup-buttons">
|
||||
<span></span><span></span><span></span>
|
||||
</div>
|
||||
<div class="mockup-title">Software Center</div>
|
||||
</div>
|
||||
<div class="mockup-content">
|
||||
<div class="app-list">
|
||||
<div class="app-item">📄 LibreOffice <span class="install-btn">Installeren</span></div>
|
||||
<div class="app-item">🎨 GIMP <span class="install-btn">Installeren</span></div>
|
||||
<div class="app-item">🎵 Spotify <span class="install-btn">Installeren</span></div>
|
||||
<div class="app-item">💬 Discord <span class="install-btn">Installeren</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-image">
|
||||
<img src="/static/LinuxMintCinnamonSoftwareManager.webp" alt="Linux Mint Software Manager" loading="lazy">
|
||||
</div>
|
||||
<h3>Eenvoudig Software Installeren</h3>
|
||||
<p>Duizenden gratis programma's met één klik installeren, net als een app store.</p>
|
||||
<p>Duizenden gratis programma's met één klik installeren via de Software Manager. Net zo makkelijk als een app store.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-showcase">
|
||||
<div class="feature-mockup performance-mockup">
|
||||
<div class="performance-bars">
|
||||
<div class="performance-item">
|
||||
<div class="perf-label">🚀 Opstarttijd</div>
|
||||
<div class="perf-bar">
|
||||
<div class="perf-fill windows" style="width: 80%">Windows: 45s</div>
|
||||
</div>
|
||||
<div class="perf-bar">
|
||||
<div class="perf-fill linux" style="width: 35%">Linux: 15s</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="performance-item">
|
||||
<div class="perf-label">💾 RAM gebruik</div>
|
||||
<div class="perf-bar">
|
||||
<div class="perf-fill windows" style="width: 70%">Windows: 3.5GB</div>
|
||||
</div>
|
||||
<div class="perf-bar">
|
||||
<div class="perf-fill linux" style="width: 30%">Linux: 1.5GB</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-image">
|
||||
<img src="/static/GamingBenchmarkLinuxvsWindows.webp" alt="Gaming Performance Linux vs Windows" loading="lazy">
|
||||
<div class="image-caption">
|
||||
<small>Bron: <a href="https://www.youtube.com/watch?v=4LI-1Zdk-Ys" target="_blank" rel="noopener">Linux vs Windows Gaming Performance</a></small>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Superieure Prestaties</h3>
|
||||
<p>Linux maakt uw computer sneller en gebruikt minder geheugen dan Windows.</p>
|
||||
<h3>Gaming Prestaties</h3>
|
||||
<p>Linux kan vaak betere gaming prestaties leveren dan Windows, met minder overhead en optimalisaties voor moderne games.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user