Files
linuxservice/templates/linux.html

98 lines
5.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{.Title}}</title>
<!-- Basic SEO Meta Tags -->
<meta name="description" content="Linux in detail: distributiekeuze en functies. Hulp bij kiezen en voorbeelden van Linux in actie.">
<meta name="keywords" content="Linux, distributies, functies, Ubuntu, Linux Mint, Fedora, Pop!_OS, Elementary OS">
<meta name="author" content="{{.CompanyName}}">
<meta name="robots" content="index, follow">
<meta name="language" content="nl">
<!-- Open Graph Meta Tags for Social Media -->
<meta property="og:title" content="{{.Title}}">
<meta property="og:description" content="Maak kennis met populaire Linux-distributies en zie Linux in actie.">
<meta property="og:image" content="https://{{.Domain}}/static/images/TuxAinrom.webp">
<meta property="og:image:alt" content="Linux distributies en functies">
<meta property="og:url" content="https://{{.Domain}}/linux">
<meta property="og:type" content="website">
<meta property="og:site_name" content="{{.CompanyName}}">
<meta property="og:locale" content="nl_NL">
<!-- Favicon Links -->
<link rel="icon" type="image/x-icon" href="/static/icons/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/images/apple-touch-icon.png">
<link rel="manifest" href="/static/icons/manifest.json">
<!-- Theme Color for Mobile Browsers -->
<meta name="theme-color" content="#059669">
<meta name="msapplication-TileColor" content="#059669">
<!-- Canonical URL -->
<link rel="canonical" href="https://{{.Domain}}/linux">
<!-- CSS and Fonts -->
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
{{template "header" .}}
<main>
<section class="page-hero">
<div class="container">
<h1>Waarom Linux?</h1>
<p>Nieuw bij Linux? Geen zorgen. Linux is een veilig en snel besturingssysteem dat uw huidige computer nieuw leven kan geven, zonder licentiekosten. Hieronder vindt u een korte beslishulp, mijn aanpak en voorbeelden in beeld.</p>
</div>
</section>
{{template "benefits" .}}
<section class="section section--light-green distros">
<div class="container">
<h2>Welke Linux past bij u?</h2>
<p class="section-subtitle">Er zijn veel Linux-distributies, elk met hun eigen voordelen. Ik help u graag de perfecte keuze te maken.</p>
<div class="services-grid">
<div class="card card--service"><h3>Windowsachtig en eenvoudig</h3><p><strong>Linux Mint</strong> vertrouwde interface, zeer stabiel.</p></div>
<div class="card card--service"><h3>Populair en veelzijdig</h3><p><strong>Ubuntu LTS</strong> grote community, langetermijnupdates.</p></div>
<div class="card card--service"><h3>Gaming en drivers</h3><p><strong>Pop!_OS</strong> gaminggeoptimaliseerd, NVIDIAondersteuning.</p></div>
<div class="card card--service"><h3>Design en eenvoud</h3><p><strong>Elementary OS</strong> elegant en eenvoudig.</p></div>
<div class="card card--service"><h3>Prestaties en tweaken</h3><p><strong>Garuda Linux</strong> Archbasis, snelle prestaties.</p></div>
</div>
</div>
</section>
<section class="section section--light-green">
<div class="container">
<h2>Mijn aanpak</h2>
<div class="services-grid">
<div class="card card--service"><h3>1. Kennismaking (gratis)</h3><p>Korte intake: wensen, hardware en gebruik. Samen kiezen we een route.</p></div>
<div class="card card--service"><h3>2. Proefstart</h3><p>Linux live vanaf USB zodat u ziet hoe het werkt op uw pc.</p></div>
<div class="card card--service"><h3>3. Installatie</h3><p>Veilig, met updates, codecs, printer, NLtaal en basissoftware.</p></div>
<div class="card card--service"><h3>4. Migratie</h3><p>Bestanden, fotos, documenten en favorieten overzetten.</p></div>
<div class="card card--service"><h3>5. Uitleg & nazorg</h3><p>Korte training, daarna laagdrempelig bereikbaar voor vragen.</p></div>
</div>
</div>
</section>
{{template "linux_features" .}}
<section class="section cta">
<div class="container">
<h2>Klaar voor de overstap?</h2>
<p>Laat uw computer niet eindigen als e-waste. Geef hem een tweede leven met Linux - ik help u graag.</p>
<a href="/contact" class="btn btn-primary btn-large">Neem contact op</a>
</div>
</section>
</main>
{{template "footer" .}}
</body>
</html>