Progress so far. Waarom Linux still looks very ugly so WIP

templates/index.html

@@ -152,6 +152,20 @@
             </div>
         </section>
 
+        <section class="section section--light services">
+            <div class="container">
+                <h2><a href="/diensten">Mijn aanpak</a></h2>
+                <div class="steps-grid" style="margin-top:1.5rem">
+                    <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, Nederlandse taal en basissoftware.</p></div>
+                    <div class="card card--service"><h3>4. Migratie</h3><p>Bestanden, foto's, 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>
+                <p style="margin-top:1rem"><strong>Daarnaast</strong> geef ik gratis informatiebijeenkomsten en help ik soms bij Repair Cafés met installaties, zonder kosten.</p>
+            </div>
+        </section>
+
         <section id="distros" class="section section--light-green distros">
             <div class="container">
                 <h2><a href="/linux">Welke Linux past bij u?</a></h2>
@@ -296,10 +310,10 @@
                         <h3>Installatieservice</h3>
                         <p>Professionele Linux-installatie op uw computer, inclusief alle benodigde software.</p>
                     </a>
-                    <a class="card card--service card-link" href="/diensten">
-                        <h3>Datamigratie</h3>
-                        <p>Veilige overdracht van al uw bestanden, foto's en documenten van Windows naar Linux.</p>
-                    </a>
+                    <div class="card card--service">
+                        <h3><a href="/diensten">Datamigratie</a></h3>
+                        <p>Veilige overdracht van al uw bestanden, foto's en documenten van Windows naar Linux. Zie de <a href="/diensten#backup-disclaimer">back-updisclaimer</a>.</p>
+                    </div>
                     <a class="card card--service card-link" href="/diensten">
                         <h3>Training en ondersteuning</h3>
                         <p>Persoonlijke begeleiding om u vertrouwd te maken met uw nieuwe Linux-systeem.</p>