diff --git a/public/includes/footer.html b/public/includes/footer.html
index cb04f69..670f14e 100644
--- a/public/includes/footer.html
+++ b/public/includes/footer.html
@@ -25,7 +25,7 @@
       </div>
       <div class="col-6 col-lg-3">
         <div class="card h-100 bg-transparent">
-          <img class="card-img" src="assets/static/20230909_150343.jpg" alt="Portrait foto van mijzelf.">
+          <img class="card-img" src="/assets/static/20230909_150343.jpg" alt="Portrait foto van mijzelf.">
         </div>
       </div>
     </div>
@@ -35,7 +35,7 @@
     <p>
       Vandevliet Aerial Shots &copy; <!--# config timefmt="%Y" --><!--# echo var="date_local" -->
       &bull; <a href="/privacy">Privacyverklaring</a>
-      &bull; <a href="assets/static/Vandevliet AS - Algemene Voorwaarden - 240818.pdf" target="_blank">Algemene Voorwaarden</a>
+      &bull; <a href="/assets/static/Vandevliet AS - Algemene Voorwaarden - 240818.pdf" target="_blank">Algemene Voorwaarden</a>
     </p>
   </div>
 </footer>
\ No newline at end of file
diff --git a/public/includes/head.html b/public/includes/head.html
index 884853c..28c8668 100644
--- a/public/includes/head.html
+++ b/public/includes/head.html
@@ -34,14 +34,14 @@
   <meta http-equiv="Pragma" content="no-cache">
   <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
 
-  <link rel="icon" href="assets/static/favicon.ico" type="image/x-icon">
-  <link rel="icon" href="assets/static/favicon.png" type="image/png">
+  <link rel="icon" href="/assets/static/favicon.ico" type="image/x-icon">
+  <link rel="icon" href="/assets/static/favicon.png" type="image/png">
 
-  <link rel="stylesheet" href="assets/css/styles.min.css">
+  <link rel="stylesheet" href="/assets/css/styles.min.css">
 
   <script src="https://kit.fontawesome.com/7e7cf109ad.js" crossorigin="anonymous" defer></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.min.js" crossorigin="anonymous" defer></script>
-  <script src="assets/js/scripts.min.js" async></script>
+  <script src="/assets/js/scripts.min.js" async></script>
 
   <meta name="description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen.">
   <meta property="og:description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen.">
diff --git a/public/includes/nav.html b/public/includes/nav.html
index 2efcf84..e507475 100644
--- a/public/includes/nav.html
+++ b/public/includes/nav.html
@@ -1,7 +1,7 @@
 <nav class="navbar navbar-expand-lg fixed-top">
   <div class="container-xxl justify-content-center">
     <a class="navbar-brand" href="/#">
-      <img src="assets/static/logo-aerialshots-v1-w.png" alt="Vandevliet Aerial Shots logo" height="48">
+      <img src="/assets/static/logo-aerialshots-v1-w.png" alt="Vandevliet Aerial Shots logo" height="48">
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
diff --git a/public/index.html b/public/index.html
index cab6626..6b4493b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,11 +2,11 @@
 <html lang="nl" data-bs-theme="dark">
 
 <!--# set var="title" value="Vandevliet Aerial Shots" -->
-<!--# include file="includes/head.html" -->
+<!--# include file="/includes/head.html" -->
 
 <body class="home">
   <header>
-    <!--# include file="includes/nav.html" -->
+    <!--# include file="/includes/nav.html" -->
 
     <div class="hero position-relative overflow-hidden">
       <div class="hero-body position-absolute bottom-0" style="z-index: 1;">
@@ -16,7 +16,7 @@
         <p><a class="btn btn-primary" href="#section-services">Ontdek meer <i class="fa-solid fa-arrow-down"></i></a></p>
       </div>
       <video class="cover parallax" preload="auto" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
-        <source src="assets/static/showreel.mp4" type="video/mp4">
+        <source src="/assets/static/showreel.mp4" type="video/mp4">
       </video>
     </div>
   </header>
@@ -28,7 +28,7 @@
       <div class="row">
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
-            <img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/fittings-2784899_640.jpg" alt="Abstracte close-up afbeelding van een machine.">
+            <img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/fittings-2784899_640.jpg" alt="Abstracte close-up afbeelding van een machine.">
             <div class="card-body bg-light text-dark">
               <h3 class="card-title">
                 <i class="fa-solid fa-industry"></i>
@@ -42,7 +42,7 @@
         </div>
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
-            <img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/sa-rapita-2483668_640.jpg" alt="Afbeelding van een moderne woning.">
+            <img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/sa-rapita-2483668_640.jpg" alt="Afbeelding van een moderne woning.">
             <div class="card-body bg-light text-dark">
               <h3 class="card-title">
                 <i class="fa-solid fa-house"></i>
@@ -56,7 +56,7 @@
         </div>
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
-            <img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/ferris-wheel-7299042_640.jpg" alt="Afbeelding van een attractie in een recreatiepark.">
+            <img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/ferris-wheel-7299042_640.jpg" alt="Afbeelding van een attractie in een recreatiepark.">
             <div class="card-body bg-light text-dark">
               <h3 class="card-title">
                 <i class="fa-solid fa-house"></i>
@@ -70,7 +70,7 @@
         </div>
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
-            <img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/motor-cross-1634206_640.jpg" alt="Afbeelding van motorcross sport.">
+            <img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/motor-cross-1634206_640.jpg" alt="Afbeelding van motorcross sport.">
             <div class="card-body bg-light text-dark">
               <h3 class="card-title">
                 <i class="fa-solid fa-motorcycle"></i>
@@ -84,7 +84,7 @@
         </div>
         <div class="col-sm-6 col-lg">
           <div class="card h-100">
-            <img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/audience-1850119_640.jpg" alt="Afbeelding van publiek bij een concert.">
+            <img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/audience-1850119_640.jpg" alt="Afbeelding van publiek bij een concert.">
             <div class="card-body bg-light text-dark">
               <h3 class="card-title">
                 <i class="fa-solid fa-guitar"></i>
@@ -247,14 +247,14 @@
           <div id="carouselMyDrones" class="carousel slide">
             <div class="carousel-inner">
               <div class="carousel-item active">
-                <img class="img-fluid" src="assets/static/DSC_4615.png" alt="Afbeelding van mijn 7-inch FPV drone met GoPro actiecamera.">
+                <img class="img-fluid" src="/assets/static/DSC_4615.png" alt="Afbeelding van mijn 7-inch FPV drone met GoPro actiecamera.">
                 <div class="carousel-caption">
                   <!-- <h3>First slide label</h3> -->
                   <p>Mijn 7-inch FPV drone met GoPro actiecamera,<br>ideaal voor outdoor vliegen en lange afstanden.</p>
                 </div>
               </div>
               <div class="carousel-item">
-                <img class="img-fluid" src="assets/static/20240815_184226.png" alt="Afbeelding van mijn 3.5-inch cinewhoop met Caddx Walnut camera.">
+                <img class="img-fluid" src="/assets/static/20240815_184226.png" alt="Afbeelding van mijn 3.5-inch cinewhoop met Caddx Walnut camera.">
                 <div class="carousel-caption">
                   <!-- <h3>Second slide label</h3> -->
                   <p>Mijn 3.5-inch cinewhoop met Caddx Walnut camera,<br>ideaal voor indoor vliegen en dichtbij personen.</p>
@@ -284,7 +284,7 @@
         <h2 class="card-title mt-4 text-center">Over mij</h2>
         <div class="row g-0">
           <div class="col-lg-6 gradient-to-top-light">
-            <img class="card-img" style="object-position: left;" src="assets/static/GX010078_1703521535190.MP4_snapshot_01.11.jpg" alt="Afbeelding van mezelf terwijl ik een FPV drone bestuur.">
+            <img class="card-img" style="object-position: left;" src="/assets/static/GX010078_1703521535190.MP4_snapshot_01.11.jpg" alt="Afbeelding van mezelf terwijl ik een FPV drone bestuur.">
           </div>
           <div class="col-lg-6">
             <div class="card-body">
@@ -308,7 +308,7 @@
 
   </main>
 
-  <!--# include file="includes/footer.html" -->
+  <!--# include file="/includes/footer.html" -->
 </body>
 
 </html>
\ No newline at end of file
diff --git a/public/privacy.html b/public/privacy.html
index 0b71be7..d2d2519 100644
--- a/public/privacy.html
+++ b/public/privacy.html
@@ -2,11 +2,11 @@
 <html lang="nl" data-bs-theme="dark">
 
 <!--# set var="title" value="Privacyverklaring • Vandevliet Aerial Shots" -->
-<!--# include file="includes/head.html" -->
+<!--# include file="/includes/head.html" -->
 
 <body>
   <header>
-    <!--# include file="includes/nav.html" -->
+    <!--# include file="/includes/nav.html" -->
   </header>
 
   <main>
@@ -45,7 +45,7 @@
 
   </main>
 
-  <!--# include file="includes/footer.html" -->
+  <!--# include file="/includes/footer.html" -->
 </body>
 
 </html>
\ No newline at end of file
