Files
linuxservice/templates/linux.html

132 lines
6.4 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 en voorbeelden in beeld.</p>
</div>
</section>
<section class="section section--light intro-gnome">
<div class="container">
<h2 class="section__title">Rustig overstappen naar Linux</h2>
<div class="grid grid--2-col">
<div>
<div class="feature-image">
<img src="/static/images/gnome.webp" alt="GNOME desktop op Linux" loading="lazy">
<div class="image-caption">
<small>GNOME desktop. Bron: <a href="https://www.ifixit.com/Guide/How+to+install+a+GUI+on+Arch+Linux/167611" target="_blank" rel="noopener">iFixit</a></small>
</div>
</div>
</div>
<div>
<h3>Bekende bediening</h3>
<p>Menu, vensters, bureaublad: het werkt zoals u verwacht. U kunt direct aan de slag.</p>
<h3>Wat u dagelijks nodig hebt</h3>
<p>Internet, e-mail, videobellen, fotos beheren, bankieren en documenten maken: het kan allemaal. Veel vertrouwde apps zijn beschikbaar en er zijn goede alternatieven voor Windows-programmas. Ik help u stap voor stap op weg.</p>
</div>
</div>
</div>
</section>
{{template "benefits" (dict "Page" . "SectionClass" "section--light-green") }}
<section class="section section--light distros">
<div class="container">
<h2>Welke Linux past bij u?</h2>
<p class="section-subtitle">Een paar goede keuzes met elk een duidelijk profiel.</p>
<div class="distro-tiles">
<div class="distro-tile">
<img src="/static/images/mint.svg" alt="Linux Mint" class="distro-tile__img">
<h3>Linux Mint</h3>
<p>Windows-achtig, stabiel, vertrouwd voor overstappers.</p>
</div>
<div class="distro-tile">
<img src="/static/images/ubuntu.png" alt="Ubuntu" class="distro-tile__img">
<h3>Ubuntu LTS</h3>
<p>Populair, langetermijnupdates, breed inzetbaar.</p>
</div>
<div class="distro-tile">
<img src="/static/images/popos.svg" alt="Pop!_OS" class="distro-tile__img">
<h3>Pop!_OS</h3>
<p>Gaming-geoptimaliseerd, uitstekende NVIDIA-ondersteuning.</p>
</div>
<div class="distro-tile">
<img src="/static/images/fedora.png" alt="Fedora" class="distro-tile__img">
<h3>Fedora</h3>
<p>Nieuwste technologie, Red Hat-basis, ontwikkelaarstools.</p>
</div>
<div class="distro-tile">
<img src="/static/images/elementary.png" alt="Elementary OS" class="distro-tile__img">
<h3>Elementary OS</h3>
<p>Elegant, eenvoudig, design-gericht.</p>
</div>
<div class="distro-tile">
<img src="/static/images/garuda.svg" alt="Garuda Linux" class="distro-tile__img">
<h3>Garuda Linux</h3>
<p>Arch-basis, snelle prestaties, modern.</p>
</div>
</div>
</div>
</section>
{{template "linux_features" (dict "Page" . "SectionClass" "section--light-green") }}
<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>