From 28ebe09bf0bd7fc82a31cc825a2e0009639d02f7 Mon Sep 17 00:00:00 2001
From: Ina Elise <113548269+Inaelise@users.noreply.github.com>
Date: Thu, 4 Apr 2024 11:12:45 +0200
Subject: [PATCH] 227 move imagessvgs folder to assets folder and fix file
 paths (#261)

* Moved images/SVGs to assets folder

* Fixed file path for SVGs
---
 {images => assets/images}/SVGs/Search.svg     |  0
 .../images}/SVGs/chevron-down.svg             |  0
 {images => assets/images}/SVGs/donate.svg     |  0
 .../images}/SVGs/dropdownArrow.svg            |  0
 {images => assets/images}/SVGs/facebook.svg   |  0
 .../images}/SVGs/globe-solid.svg              |  0
 {images => assets/images}/SVGs/globe.svg      |  0
 {images => assets/images}/SVGs/headerLogo.svg |  0
 {images => assets/images}/SVGs/heart.svg      |  0
 {images => assets/images}/SVGs/madagascar.svg |  0
 {images => assets/images}/SVGs/norway.svg     |  0
 .../images}/SVGs/unitedKingdom.svg            |  0
 index.html                                    | 16 +++++++--------
 pages/about-page.html                         | 16 +++++++--------
 pages/blog-post.html                          | 20 +++++++++----------
 pages/blog.html                               | 16 +++++++--------
 pages/children-specific-article.html          | 16 +++++++--------
 pages/contact-page.html                       | 16 +++++++--------
 pages/event.html                              | 16 +++++++--------
 pages/gallery-page.html                       | 16 +++++++--------
 pages/meet-the-children.html                  | 16 +++++++--------
 pages/news-post.html                          | 20 +++++++++----------
 pages/news.html                               | 16 +++++++--------
 pages/our-work.html                           | 16 +++++++--------
 pages/support-page.html                       | 16 +++++++--------
 25 files changed, 108 insertions(+), 108 deletions(-)
 rename {images => assets/images}/SVGs/Search.svg (100%)
 rename {images => assets/images}/SVGs/chevron-down.svg (100%)
 rename {images => assets/images}/SVGs/donate.svg (100%)
 rename {images => assets/images}/SVGs/dropdownArrow.svg (100%)
 rename {images => assets/images}/SVGs/facebook.svg (100%)
 rename {images => assets/images}/SVGs/globe-solid.svg (100%)
 rename {images => assets/images}/SVGs/globe.svg (100%)
 rename {images => assets/images}/SVGs/headerLogo.svg (100%)
 rename {images => assets/images}/SVGs/heart.svg (100%)
 rename {images => assets/images}/SVGs/madagascar.svg (100%)
 rename {images => assets/images}/SVGs/norway.svg (100%)
 rename {images => assets/images}/SVGs/unitedKingdom.svg (100%)

diff --git a/images/SVGs/Search.svg b/assets/images/SVGs/Search.svg
similarity index 100%
rename from images/SVGs/Search.svg
rename to assets/images/SVGs/Search.svg
diff --git a/images/SVGs/chevron-down.svg b/assets/images/SVGs/chevron-down.svg
similarity index 100%
rename from images/SVGs/chevron-down.svg
rename to assets/images/SVGs/chevron-down.svg
diff --git a/images/SVGs/donate.svg b/assets/images/SVGs/donate.svg
similarity index 100%
rename from images/SVGs/donate.svg
rename to assets/images/SVGs/donate.svg
diff --git a/images/SVGs/dropdownArrow.svg b/assets/images/SVGs/dropdownArrow.svg
similarity index 100%
rename from images/SVGs/dropdownArrow.svg
rename to assets/images/SVGs/dropdownArrow.svg
diff --git a/images/SVGs/facebook.svg b/assets/images/SVGs/facebook.svg
similarity index 100%
rename from images/SVGs/facebook.svg
rename to assets/images/SVGs/facebook.svg
diff --git a/images/SVGs/globe-solid.svg b/assets/images/SVGs/globe-solid.svg
similarity index 100%
rename from images/SVGs/globe-solid.svg
rename to assets/images/SVGs/globe-solid.svg
diff --git a/images/SVGs/globe.svg b/assets/images/SVGs/globe.svg
similarity index 100%
rename from images/SVGs/globe.svg
rename to assets/images/SVGs/globe.svg
diff --git a/images/SVGs/headerLogo.svg b/assets/images/SVGs/headerLogo.svg
similarity index 100%
rename from images/SVGs/headerLogo.svg
rename to assets/images/SVGs/headerLogo.svg
diff --git a/images/SVGs/heart.svg b/assets/images/SVGs/heart.svg
similarity index 100%
rename from images/SVGs/heart.svg
rename to assets/images/SVGs/heart.svg
diff --git a/images/SVGs/madagascar.svg b/assets/images/SVGs/madagascar.svg
similarity index 100%
rename from images/SVGs/madagascar.svg
rename to assets/images/SVGs/madagascar.svg
diff --git a/images/SVGs/norway.svg b/assets/images/SVGs/norway.svg
similarity index 100%
rename from images/SVGs/norway.svg
rename to assets/images/SVGs/norway.svg
diff --git a/images/SVGs/unitedKingdom.svg b/assets/images/SVGs/unitedKingdom.svg
similarity index 100%
rename from images/SVGs/unitedKingdom.svg
rename to assets/images/SVGs/unitedKingdom.svg
diff --git a/index.html b/index.html
index 370c48ad..9359ccd5 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@
     <div class="flex flex-row items-center gap-10 text-base">
         <a href="#">
           <img
-            src="images/SVGs/headerLogo.svg"
+            src="./assets/images/SVGs/headerLogo.svg"
             aria-label="Header Logo"
             alt="Header Logo"
             class="cursor-pointer w-20 h-20"
@@ -39,7 +39,7 @@
         >
           <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
           <img
-            src="images/SVGs/Search.svg"
+            src="./assets/images/SVGs/Search.svg"
             class="w-5 h-5 -mr-1"
             aria-label="Search Button"
             alt="Search Button"
@@ -62,7 +62,7 @@
           <div class="flex items-center">
             <span class="text-2xl font-medium">Projects</span>
             <img
-              src="images/SVGs/chevron-down.svg"
+              src="./assets/images/SVGs/chevron-down.svg"
               aria-label="Projects Dropdown Menu"
               alt="Projects Dropdown Menu"
               class="ml-3"
@@ -92,7 +92,7 @@
           id="language-selector"
         >
           <img
-            src="images/SVGs/globe-solid.svg"
+            src="./assets/images/SVGs/globe-solid.svg"
             aria-label="Globe Icon For Language Selection"
             alt="Language Selection"
             class="cursor-pointer object-contain h-5 w-5"
@@ -100,7 +100,7 @@
           <div class="absolute left-0 w-full bg-white" id="language-options">
             <a href="#" class="block">
               <img
-                src="images/SVGs/norway.svg"
+                src="./assets/images/SVGs/norway.svg"
                 aria-label="Norwegian Flag Language Selection"
                 alt="Norwegian Flag"
                 class="inline h-6 w-8"
@@ -108,7 +108,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="images/SVGs/unitedKingdom.svg"
+                src="./assets/images/SVGs/unitedKingdom.svg"
                 aria-label="English Flag Language Selection"
                 alt="English Flag"
                 class="inline h-6 w-8"
@@ -116,7 +116,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="images/SVGs/madagascar.svg"
+                src="./assets/images/SVGs/madagascar.svg"
                 aria-label="Malagasy Flag Language Selection"
                 alt="Malagasy Flag"
                 class="inline h-6 w-8"
@@ -151,7 +151,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
               class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
             >
               <img
-                src="images/SVGs/Search.svg"
+                src="./assets/images/SVGs/Search.svg"
                 class="w-4 h-4"
                 aria-label="Search Now Button"
                 alt="Search Now Button"
diff --git a/pages/about-page.html b/pages/about-page.html
index 503e2709..cae7257c 100644
--- a/pages/about-page.html
+++ b/pages/about-page.html
@@ -14,12 +14,12 @@
     <header class="flex h-24 items-center justify-between px-10 mt-6">
         <div class="flex flex-row items-center gap-10 text-base">
             <a href="#">
-                <img src="../images/SVGs/headerLogo.svg" aria-label="Header Logo" alt="Header Logo" class="cursor-pointer w-20 h-20">
+                <img src="../assets/images/SVGs/headerLogo.svg" aria-label="Header Logo" alt="Header Logo" class="cursor-pointer w-20 h-20">
             </a>
         </div>
         <nav class="flex flex-row items-center gap-10">
             <button id="openSearchBarDrawer" class="flex gap-4 items-center cursor-pointer hover:scale-105 transition-transform">  <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
-                <img src="../images/SVGs/Search.svg" class="w-5 h-5 -mr-1" aria-label="Search Button" alt="Search Button">
+                <img src="../assets/images/SVGs/Search.svg" class="w-5 h-5 -mr-1" aria-label="Search Button" alt="Search Button">
                 <span class="text-2xl font-medium">Search</span>
             </button>
             <a href="#" class="text-2xl font-medium cursor-pointer hover:scale-105 transition-transform">News</a>
@@ -27,7 +27,7 @@
             <div class="relative cursor-pointer hover:scale-105 transition-transform">
                 <div class="flex items-center">
                     <span class="text-2xl font-medium">Projects</span>
-                    <img src="../images/SVGs/chevron-down.svg" aria-label="Projects Dropdown Menu" alt="Projects Dropdown Menu" class="ml-3">
+                    <img src="../assets/images/SVGs/chevron-down.svg" aria-label="Projects Dropdown Menu" alt="Projects Dropdown Menu" class="ml-3">
                 </div>
                 <!-- Dropdown projects menu, hidden, toggle visibility with JS -->
                 <div class="absolute hidden mt-2 bg-white">
@@ -39,16 +39,16 @@
                 DONATE
             </button>
             <div class="relative flex w-5 h-5 items-center group" id="language-selector">
-                <img src="../images/SVGs/globe-solid.svg" aria-label="Globe Icon For Language Selection" alt="Language Selection" class="cursor-pointer object-contain h-5 w-5">
+                <img src="../assets/images/SVGs/globe-solid.svg" aria-label="Globe Icon For Language Selection" alt="Language Selection" class="cursor-pointer object-contain h-5 w-5">
                 <div class="absolute left-0 w-full bg-white" id="language-options">
                     <a href="#" class="block">
-                        <img src="../images/SVGs/norway.svg" aria-label="Norwegian Flag Language Selection" alt="Norwegian Flag" class="inline h-6 w-8"> 
+                        <img src="../assets/images/SVGs/norway.svg" aria-label="Norwegian Flag Language Selection" alt="Norwegian Flag" class="inline h-6 w-8"> 
                     </a>
                     <a href="#" class="block">
-                        <img src="../images/SVGs/unitedKingdom.svg" aria-label="English Flag Language Selection" alt="English Flag" class="inline h-6 w-8"> 
+                        <img src="../assets/images/SVGs/unitedKingdom.svg" aria-label="English Flag Language Selection" alt="English Flag" class="inline h-6 w-8"> 
                     </a>
                     <a href="#" class="block">
-                        <img src="../images/SVGs/madagascar.svg" aria-label="Malagasy Flag Language Selection" alt="Malagasy Flag" class="inline h-6 w-8"> 
+                        <img src="../assets/images/SVGs/madagascar.svg" aria-label="Malagasy Flag Language Selection" alt="Malagasy Flag" class="inline h-6 w-8"> 
                     </a>
                 </div>
             </div>
@@ -63,7 +63,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
                     <label for="Search-Drawer" class="sr-only">Search Site</label>
                     <input type="search" class="search-drawer_input flex-grow bg-transparent focus:outline-none p-2 text-sm" id="Search-Drawer" placeholder="Search..." autocomplete="off">
                     <button type="submit" class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center">
-                        <img src="../images/SVGs/Search.svg" class="w-4 h-4" aria-label="Search Now Button" alt="Search Now Button">
+                        <img src="../assets/images/SVGs/Search.svg" class="w-4 h-4" aria-label="Search Now Button" alt="Search Now Button">
                     </button>
                 </form>
             </div>
diff --git a/pages/blog-post.html b/pages/blog-post.html
index e27ce060..d6c27503 100644
--- a/pages/blog-post.html
+++ b/pages/blog-post.html
@@ -22,7 +22,7 @@
       <div class="flex flex-row items-center gap-10 text-base">
         <a href="#">
           <img
-            src="../images/SVGs/headerLogo.svg"
+            src="../assets/images/SVGs/headerLogo.svg"
             aria-label="Header Logo"
             alt="Header Logo"
             class="cursor-pointer w-20 h-20"
@@ -36,7 +36,7 @@
         >
           <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
           <img
-            src="../images/SVGs/Search.svg"
+            src="../assets/images/SVGs/Search.svg"
             class="w-5 h-5 -mr-1"
             aria-label="Search Button"
             alt="Search Button"
@@ -59,7 +59,7 @@
           <div class="flex items-center">
             <span class="text-2xl font-medium">Projects</span>
             <img
-              src="../images/SVGs/chevron-down.svg"
+              src="../assets/images/SVGs/chevron-down.svg"
               aria-label="Projects Dropdown Menu"
               alt="Projects Dropdown Menu"
               class="ml-3"
@@ -89,7 +89,7 @@
           id="language-selector"
         >
           <img
-            src="../images/SVGs/globe-solid.svg"
+            src="../assets/images/SVGs/globe-solid.svg"
             aria-label="Globe Icon For Language Selection"
             alt="Language Selection"
             class="cursor-pointer object-contain h-5 w-5"
@@ -97,7 +97,7 @@
           <div class="absolute left-0 w-full bg-white" id="language-options">
             <a href="#" class="block">
               <img
-                src="../images/SVGs/norway.svg"
+                src="../assets/images/SVGs/norway.svg"
                 aria-label="Norwegian Flag Language Selection"
                 alt="Norwegian Flag"
                 class="inline h-6 w-8"
@@ -105,7 +105,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/unitedKingdom.svg"
+                src="../assets/images/SVGs/unitedKingdom.svg"
                 aria-label="English Flag Language Selection"
                 alt="English Flag"
                 class="inline h-6 w-8"
@@ -113,7 +113,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/madagascar.svg"
+                src="../assets/images/SVGs/madagascar.svg"
                 aria-label="Malagasy Flag Language Selection"
                 alt="Malagasy Flag"
                 class="inline h-6 w-8"
@@ -148,7 +148,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
               class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
             >
               <img
-                src="../images/SVGs/Search.svg"
+                src="../assets/images/SVGs/Search.svg"
                 class="w-4 h-4"
                 aria-label="Search Now Button"
                 alt="Search Now Button"
@@ -233,11 +233,11 @@ <h3 class="font-justAnotherHand text-[40px] font-normal mb-4">A Symphony of Sigh
             <div class="w-full px-4 flex flex-row justify-between items-center mt-[75px] mb-[75px]">
               <div class="flex gap-4">
                 <button class="flex items-center text-gray-600 hover:text-gray-800 text-sunset-red">
-                  <img src="../images/SVGs/heart.svg" alt="Like" class="w-6 h-6 mr-2"/> 
+                  <img src="../assets/images/SVGs/heart.svg" alt="Like" class="w-6 h-6 mr-2"/> 
                   Like
                 </button>
                 <button class="flex items-center text-gray-600 hover:text-gray-800 text-sunset-red">
-                  <img src="../images/SVGs/facebook.svg" alt="Share" class="w-6 h-6 mr-2"/>
+                  <img src="../assets/images/SVGs/facebook.svg" alt="Share" class="w-6 h-6 mr-2"/>
                   Share
                 </button>
               </div>
diff --git a/pages/blog.html b/pages/blog.html
index 260ff91b..b8f3386c 100644
--- a/pages/blog.html
+++ b/pages/blog.html
@@ -24,7 +24,7 @@
       <div class="flex flex-row items-center gap-10 text-base">
         <a href="#">
           <img
-            src="../images/SVGs/headerLogo.svg"
+            src="../assets/images/SVGs/headerLogo.svg"
             aria-label="Header Logo"
             alt="Header Logo"
             class="cursor-pointer w-20 h-20"
@@ -38,7 +38,7 @@
         >
           <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
           <img
-            src="../images/SVGs/Search.svg"
+            src="../assets/images/SVGs/Search.svg"
             class="w-5 h-5 -mr-1"
             aria-label="Search Button"
             alt="Search Button"
@@ -61,7 +61,7 @@
           <div class="flex items-center">
             <span class="text-2xl font-medium">Projects</span>
             <img
-              src="../images/SVGs/chevron-down.svg"
+              src="../assets/images/SVGs/chevron-down.svg"
               aria-label="Projects Dropdown Menu"
               alt="Projects Dropdown Menu"
               class="ml-3"
@@ -91,7 +91,7 @@
           id="language-selector"
         >
           <img
-            src="../images/SVGs/globe-solid.svg"
+            src="../assets/images/SVGs/globe-solid.svg"
             aria-label="Globe Icon For Language Selection"
             alt="Language Selection"
             class="cursor-pointer object-contain h-5 w-5"
@@ -99,7 +99,7 @@
           <div class="absolute left-0 w-full bg-white" id="language-options">
             <a href="#" class="block">
               <img
-                src="../images/SVGs/norway.svg"
+                src="../assets/images/SVGs/norway.svg"
                 aria-label="Norwegian Flag Language Selection"
                 alt="Norwegian Flag"
                 class="inline h-6 w-8"
@@ -107,7 +107,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/unitedKingdom.svg"
+                src="../assets/images/SVGs/unitedKingdom.svg"
                 aria-label="English Flag Language Selection"
                 alt="English Flag"
                 class="inline h-6 w-8"
@@ -115,7 +115,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/madagascar.svg"
+                src="../assets/images/SVGs/madagascar.svg"
                 aria-label="Malagasy Flag Language Selection"
                 alt="Malagasy Flag"
                 class="inline h-6 w-8"
@@ -151,7 +151,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
               class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
             >
               <img
-                src="../images/SVGs/Search.svg"
+                src="../assets/images/SVGs/Search.svg"
                 class="w-4 h-4"
                 aria-label="Search Now Button"
                 alt="Search Now Button"
diff --git a/pages/children-specific-article.html b/pages/children-specific-article.html
index e5dc7150..3a575f88 100644
--- a/pages/children-specific-article.html
+++ b/pages/children-specific-article.html
@@ -22,7 +22,7 @@
       <div class="flex flex-row items-center gap-10 text-base">
         <a href="#">
           <img
-            src="/images/SVGs/headerLogo.svg"
+            src="../assets/images/SVGs/headerLogo.svg"
             aria-label="Header Logo"
             alt="Header Logo"
             class="cursor-pointer w-20 h-20"
@@ -36,7 +36,7 @@
         >
           <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
           <img
-            src="/images/SVGs/Search.svg"
+            src="../assets/images/SVGs/Search.svg"
             class="w-5 h-5 -mr-1"
             aria-label="Search Button"
             alt="Search Button"
@@ -59,7 +59,7 @@
           <div class="flex items-center">
             <span class="text-2xl font-medium">Projects</span>
             <img
-              src="/images/SVGs/chevron-down.svg"
+              src="../assets/images/SVGs/chevron-down.svg"
               aria-label="Projects Dropdown Menu"
               alt="Projects Dropdown Menu"
               class="ml-3"
@@ -89,7 +89,7 @@
           id="language-selector"
         >
           <img
-            src="/images/SVGs/globe-solid.svg"
+            src="../assets/images/SVGs/globe-solid.svg"
             aria-label="Globe Icon For Language Selection"
             alt="Language Selection"
             class="cursor-pointer object-contain h-5 w-5"
@@ -97,7 +97,7 @@
           <div class="absolute left-0 w-full bg-white" id="language-options">
             <a href="#" class="block">
               <img
-                src="/images/SVGs/norway.svg"
+                src="../assets/images/SVGs/norway.svg"
                 aria-label="Norwegian Flag Language Selection"
                 alt="Norwegian Flag"
                 class="inline h-6 w-8"
@@ -105,7 +105,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="/images/SVGs/unitedKingdom.svg"
+                src="../assets/images/SVGs/unitedKingdom.svg"
                 aria-label="English Flag Language Selection"
                 alt="English Flag"
                 class="inline h-6 w-8"
@@ -113,7 +113,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="/images/SVGs/madagascar.svg"
+                src="../assets/images/SVGs/madagascar.svg"
                 aria-label="Malagasy Flag Language Selection"
                 alt="Malagasy Flag"
                 class="inline h-6 w-8"
@@ -149,7 +149,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
                 class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
               >
                 <img
-                  src="images/SVGs/Search.svg"
+                  src="../assets/images/SVGs/Search.svg"
                   class="w-4 h-4"
                   aria-label="Search Now Button"
                   alt="Search Now Button"
diff --git a/pages/contact-page.html b/pages/contact-page.html
index d7702e45..9bebfc79 100644
--- a/pages/contact-page.html
+++ b/pages/contact-page.html
@@ -17,7 +17,7 @@
       <div class="flex flex-row items-center gap-10 text-base">
         <a href="#">
           <img
-            src="../images/SVGs/headerLogo.svg"
+            src="../assets/images/SVGs/headerLogo.svg"
             aria-label="Header Logo"
             alt="Header Logo"
             class="cursor-pointer w-20 h-20"
@@ -31,7 +31,7 @@
         >
           <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
           <img
-            src="../images/SVGs/Search.svg"
+            src="../assets/images/SVGs/Search.svg"
             class="w-5 h-5 -mr-1"
             aria-label="Search Button"
             alt="Search Button"
@@ -54,7 +54,7 @@
           <div class="flex items-center">
             <span class="text-2xl font-medium">Projects</span>
             <img
-              src="../images/SVGs/chevron-down.svg"
+              src="../assets/images/SVGs/chevron-down.svg"
               aria-label="Projects Dropdown Menu"
               alt="Projects Dropdown Menu"
               class="ml-3"
@@ -84,7 +84,7 @@
           id="language-selector"
         >
           <img
-            src="../images/SVGs/globe-solid.svg"
+            src="../assets/images/SVGs/globe-solid.svg"
             aria-label="Globe Icon For Language Selection"
             alt="Language Selection"
             class="cursor-pointer object-contain h-5 w-5"
@@ -92,7 +92,7 @@
           <div class="absolute left-0 w-full bg-white" id="language-options">
             <a href="#" class="block">
               <img
-                src="../images/SVGs/norway.svg"
+                src="../assets/images/SVGs/norway.svg"
                 aria-label="Norwegian Flag Language Selection"
                 alt="Norwegian Flag"
                 class="inline h-6 w-8"
@@ -100,7 +100,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/unitedKingdom.svg"
+                src="../assets/images/SVGs/unitedKingdom.svg"
                 aria-label="English Flag Language Selection"
                 alt="English Flag"
                 class="inline h-6 w-8"
@@ -108,7 +108,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/madagascar.svg"
+                src="../assets/images/SVGs/madagascar.svg"
                 aria-label="Malagasy Flag Language Selection"
                 alt="Malagasy Flag"
                 class="inline h-6 w-8"
@@ -143,7 +143,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
               class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
             >
               <img
-                src="../images/SVGs/Search.svg"
+                src="../assets/images/SVGs/Search.svg"
                 class="w-4 h-4"
                 aria-label="Search Now Button"
                 alt="Search Now Button"
diff --git a/pages/event.html b/pages/event.html
index e20f6186..dbac102f 100644
--- a/pages/event.html
+++ b/pages/event.html
@@ -24,7 +24,7 @@
       <div class="flex flex-row items-center gap-10 text-base">
         <a href="#">
           <img
-            src="../images/SVGs/headerLogo.svg"
+            src="../assets/images/SVGs/headerLogo.svg"
             aria-label="Header Logo"
             alt="Header Logo"
             class="cursor-pointer w-20 h-20"
@@ -38,7 +38,7 @@
         >
           <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
           <img
-            src="../images/SVGs/Search.svg"
+            src="../assets/images/SVGs/Search.svg"
             class="w-5 h-5 -mr-1"
             aria-label="Search Button"
             alt="Search Button"
@@ -61,7 +61,7 @@
           <div class="flex items-center">
             <span class="text-2xl font-medium">Projects</span>
             <img
-              src="../images/SVGs/chevron-down.svg"
+              src="../assets/images/SVGs/chevron-down.svg"
               aria-label="Projects Dropdown Menu"
               alt="Projects Dropdown Menu"
               class="ml-3"
@@ -91,7 +91,7 @@
           id="language-selector"
         >
           <img
-            src="../images/SVGs/globe-solid.svg"
+            src="../assets/images/SVGs/globe-solid.svg"
             aria-label="Globe Icon For Language Selection"
             alt="Language Selection"
             class="cursor-pointer object-contain h-5 w-5"
@@ -99,7 +99,7 @@
           <div class="absolute left-0 w-full bg-white" id="language-options">
             <a href="#" class="block">
               <img
-                src="../images/SVGs/norway.svg"
+                src="../assets/images/SVGs/norway.svg"
                 aria-label="Norwegian Flag Language Selection"
                 alt="Norwegian Flag"
                 class="inline h-6 w-8"
@@ -107,7 +107,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/unitedKingdom.svg"
+                src="../assets/images/SVGs/unitedKingdom.svg"
                 aria-label="English Flag Language Selection"
                 alt="English Flag"
                 class="inline h-6 w-8"
@@ -115,7 +115,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/madagascar.svg"
+                src="../assets/images/SVGs/madagascar.svg"
                 aria-label="Malagasy Flag Language Selection"
                 alt="Malagasy Flag"
                 class="inline h-6 w-8"
@@ -151,7 +151,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
               class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
             >
               <img
-                src="../images/SVGs/Search.svg"
+                src="../assets/images/SVGs/Search.svg"
                 class="w-4 h-4"
                 aria-label="Search Now Button"
                 alt="Search Now Button"
diff --git a/pages/gallery-page.html b/pages/gallery-page.html
index acbb76f2..56ae7adb 100644
--- a/pages/gallery-page.html
+++ b/pages/gallery-page.html
@@ -18,12 +18,12 @@
     <header class="flex h-24 items-center justify-between px-10 mt-6">
       <div class="flex flex-row items-center gap-10 text-base">
           <a href="#">
-              <img src="../images/SVGs/headerLogo.svg" aria-label="Header Logo" alt="Header Logo" class="cursor-pointer w-20 h-20">
+              <img src="../assets/images/SVGs/headerLogo.svg" aria-label="Header Logo" alt="Header Logo" class="cursor-pointer w-20 h-20">
           </a>
       </div>
       <nav class="flex flex-row items-center gap-10">
           <button id="openSearchBarDrawer" class="flex gap-4 items-center cursor-pointer hover:scale-105 transition-transform">  <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
-              <img src="../images/SVGs/Search.svg" class="w-5 h-5 -mr-1" aria-label="Search Button" alt="Search Button">
+              <img src="../assets/images/SVGs/Search.svg" class="w-5 h-5 -mr-1" aria-label="Search Button" alt="Search Button">
               <span class="text-2xl font-medium">Search</span>
           </button>
           <a href="#" class="text-2xl font-medium cursor-pointer hover:scale-105 transition-transform">News</a>
@@ -31,7 +31,7 @@
           <div class="relative cursor-pointer hover:scale-105 transition-transform">
               <div class="flex items-center">
                   <span class="text-2xl font-medium">Projects</span>
-                  <img src="../images/SVGs/chevron-down.svg" aria-label="Projects Dropdown Menu" alt="Projects Dropdown Menu" class="ml-3">
+                  <img src="../assets/images/SVGs/chevron-down.svg" aria-label="Projects Dropdown Menu" alt="Projects Dropdown Menu" class="ml-3">
               </div>
               <!-- Dropdown projects menu, hidden, toggle visibility with JS -->
               <div class="absolute hidden mt-2 bg-white">
@@ -43,16 +43,16 @@
               DONATE
           </button>
           <div class="relative flex w-5 h-5 items-center group" id="language-selector">
-              <img src="../images/SVGs/globe-solid.svg" aria-label="Globe Icon For Language Selection" alt="Language Selection" class="cursor-pointer object-contain h-5 w-5">
+              <img src="../assets/images/SVGs/globe-solid.svg" aria-label="Globe Icon For Language Selection" alt="Language Selection" class="cursor-pointer object-contain h-5 w-5">
               <div class="absolute left-0 w-full bg-white" id="language-options">
                   <a href="#" class="block">
-                      <img src="../images/SVGs/norway.svg" aria-label="Norwegian Flag Language Selection" alt="Norwegian Flag" class="inline h-6 w-8"> 
+                      <img src="../assets/images/SVGs/norway.svg" aria-label="Norwegian Flag Language Selection" alt="Norwegian Flag" class="inline h-6 w-8"> 
                   </a>
                   <a href="#" class="block">
-                      <img src="../images/SVGs/unitedKingdom.svg" aria-label="English Flag Language Selection" alt="English Flag" class="inline h-6 w-8"> 
+                      <img src="../assets/images/SVGs/unitedKingdom.svg" aria-label="English Flag Language Selection" alt="English Flag" class="inline h-6 w-8"> 
                   </a>
                   <a href="#" class="block">
-                      <img src="../images/SVGs/madagascar.svg" aria-label="Malagasy Flag Language Selection" alt="Malagasy Flag" class="inline h-6 w-8"> 
+                      <img src="../assets/images/SVGs/madagascar.svg" aria-label="Malagasy Flag Language Selection" alt="Malagasy Flag" class="inline h-6 w-8"> 
                   </a>
               </div>
           </div>
@@ -67,7 +67,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
                   <label for="Search-Drawer" class="sr-only">Search Site</label>
                   <input type="search" class="search-drawer_input flex-grow bg-transparent focus:outline-none p-2 text-sm" id="Search-Drawer" placeholder="Search..." autocomplete="off">
                   <button type="submit" class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center">
-                      <img src="../images/SVGs/Search.svg" class="w-4 h-4" aria-label="Search Now Button" alt="Search Now Button">
+                      <img src="../assets/images/SVGs/Search.svg" class="w-4 h-4" aria-label="Search Now Button" alt="Search Now Button">
                   </button>
               </form>
           </div>
diff --git a/pages/meet-the-children.html b/pages/meet-the-children.html
index 78d67637..274ef0a1 100644
--- a/pages/meet-the-children.html
+++ b/pages/meet-the-children.html
@@ -19,12 +19,12 @@
     <header class="flex h-24 items-center justify-between px-10 mt-6">
         <div class="flex flex-row items-center gap-10 text-base">
             <a href="#">
-                <img src="../images/SVGs/headerLogo.svg" aria-label="Header Logo" alt="Header Logo" class="cursor-pointer w-20 h-20">
+                <img src="../assets/images/SVGs/headerLogo.svg" aria-label="Header Logo" alt="Header Logo" class="cursor-pointer w-20 h-20">
             </a>
         </div>
         <nav class="flex flex-row items-center gap-10">
             <button id="openSearchBarDrawer" class="flex gap-4 items-center cursor-pointer hover:scale-105 transition-transform">  <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
-                <img src="../images/SVGs/Search.svg" class="w-5 h-5 -mr-1" aria-label="Search Button" alt="Search Button">
+                <img src="../assets/images/SVGs/Search.svg" class="w-5 h-5 -mr-1" aria-label="Search Button" alt="Search Button">
                 <span class="text-2xl font-medium">Search</span>
             </button>
             <a href="#" class="text-2xl font-medium cursor-pointer hover:scale-105 transition-transform">News</a>
@@ -32,7 +32,7 @@
             <div class="relative cursor-pointer hover:scale-105 transition-transform">
                 <div class="flex items-center">
                     <span class="text-2xl font-medium">Projects</span>
-                    <img src="../images/SVGs/chevron-down.svg" aria-label="Projects Dropdown Menu" alt="Projects Dropdown Menu" class="ml-3">
+                    <img src="../assets/images/SVGs/chevron-down.svg" aria-label="Projects Dropdown Menu" alt="Projects Dropdown Menu" class="ml-3">
                 </div>
                 <!-- Dropdown projects menu, hidden, toggle visibility with JS -->
                 <div class="absolute hidden mt-2 bg-white">
@@ -44,16 +44,16 @@
                 DONATE
             </button>
             <div class="relative flex w-5 h-5 items-center group" id="language-selector">
-                <img src="../images/SVGs/globe-solid.svg" aria-label="Globe Icon For Language Selection" alt="Language Selection" class="cursor-pointer object-contain h-5 w-5">
+                <img src="../assets/images/SVGs/globe-solid.svg" aria-label="Globe Icon For Language Selection" alt="Language Selection" class="cursor-pointer object-contain h-5 w-5">
                 <div class="absolute left-0 w-full bg-white" id="language-options">
                     <a href="#" class="block">
-                        <img src="../images/SVGs/norway.svg" aria-label="Norwegian Flag Language Selection" alt="Norwegian Flag" class="inline h-6 w-8"> 
+                        <img src="../assets/images/SVGs/norway.svg" aria-label="Norwegian Flag Language Selection" alt="Norwegian Flag" class="inline h-6 w-8"> 
                     </a>
                     <a href="#" class="block">
-                        <img src="../images/SVGs/unitedKingdom.svg" aria-label="English Flag Language Selection" alt="English Flag" class="inline h-6 w-8"> 
+                        <img src="../assets/images/SVGs/unitedKingdom.svg" aria-label="English Flag Language Selection" alt="English Flag" class="inline h-6 w-8"> 
                     </a>
                     <a href="#" class="block">
-                        <img src="../images/SVGs/madagascar.svg" aria-label="Malagasy Flag Language Selection" alt="Malagasy Flag" class="inline h-6 w-8"> 
+                        <img src="../assets/images/SVGs/madagascar.svg" aria-label="Malagasy Flag Language Selection" alt="Malagasy Flag" class="inline h-6 w-8"> 
                     </a>
                 </div>
             </div>
@@ -68,7 +68,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
                     <label for="Search-Drawer" class="sr-only">Search Site</label>
                     <input type="search" class="search-drawer_input flex-grow bg-transparent focus:outline-none p-2 text-sm" id="Search-Drawer" placeholder="Search..." autocomplete="off">
                     <button type="submit" class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center">
-                        <img src="../images/SVGs/Search.svg" class="w-4 h-4" aria-label="Search Now Button" alt="Search Now Button">
+                        <img src="../assets/images/SVGs/Search.svg" class="w-4 h-4" aria-label="Search Now Button" alt="Search Now Button">
                     </button>
                 </form>
             </div>
diff --git a/pages/news-post.html b/pages/news-post.html
index fbe1c729..3bd20d28 100644
--- a/pages/news-post.html
+++ b/pages/news-post.html
@@ -19,7 +19,7 @@
       <div class="flex flex-row items-center gap-10 text-base">
         <a href="#">
           <img
-            src="../images/SVGs/headerLogo.svg"
+            src="../assets/images/SVGs/headerLogo.svg"
             aria-label="Header Logo"
             alt="Header Logo"
             class="cursor-pointer w-20 h-20"
@@ -33,7 +33,7 @@
         >
           <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
           <img
-            src="../images/SVGs/Search.svg"
+            src="../assets/images/SVGs/Search.svg"
             class="w-5 h-5 -mr-1"
             aria-label="Search Button"
             alt="Search Button"
@@ -56,7 +56,7 @@
           <div class="flex items-center">
             <span class="text-2xl font-medium">Projects</span>
             <img
-              src="../images/SVGs/chevron-down.svg"
+              src="../assets/images/SVGs/chevron-down.svg"
               aria-label="Projects Dropdown Menu"
               alt="Projects Dropdown Menu"
               class="ml-3"
@@ -86,7 +86,7 @@
           id="language-selector"
         >
           <img
-            src="../images/SVGs/globe-solid.svg"
+            src="../assets/images/SVGs/globe-solid.svg"
             aria-label="Globe Icon For Language Selection"
             alt="Language Selection"
             class="cursor-pointer object-contain h-5 w-5"
@@ -94,7 +94,7 @@
           <div class="absolute left-0 w-full bg-white" id="language-options">
             <a href="#" class="block">
               <img
-                src="../images/SVGs/norway.svg"
+                src="../assets/images/SVGs/norway.svg"
                 aria-label="Norwegian Flag Language Selection"
                 alt="Norwegian Flag"
                 class="inline h-6 w-8"
@@ -102,7 +102,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/unitedKingdom.svg"
+                src="../assets/images/SVGs/unitedKingdom.svg"
                 aria-label="English Flag Language Selection"
                 alt="English Flag"
                 class="inline h-6 w-8"
@@ -110,7 +110,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/madagascar.svg"
+                src="../assets/images/SVGs/madagascar.svg"
                 aria-label="Malagasy Flag Language Selection"
                 alt="Malagasy Flag"
                 class="inline h-6 w-8"
@@ -145,7 +145,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
               class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
             >
               <img
-                src="../images/SVGs/Search.svg"
+                src="../assets/images/SVGs/Search.svg"
                 class="w-4 h-4"
                 aria-label="Search Now Button"
                 alt="Search Now Button"
@@ -203,11 +203,11 @@ <h3 class="text-[40px] font-[550] mb-4">A Symphony of Sights and Sounds</h3>
         <div class="w-full px-4 flex flex-row justify-between items-center mt-[75px] mb-[75px]">
           <div class="flex gap-4">
             <button class="flex items-center text-gray-600 hover:text-gray-800 text-sunset-red">
-              <img src="../images/SVGs/heart.svg" alt="Like" class="w-6 h-6 mr-2"/> 
+              <img src="../assets/images/SVGs/heart.svg" alt="Like" class="w-6 h-6 mr-2"/> 
               Like
             </button>
             <button class="flex items-center text-gray-600 hover:text-gray-800 text-sunset-red">
-              <img src="../images/SVGs/facebook.svg" alt="Share" class="w-6 h-6 mr-2"/>
+              <img src="../assets/images/SVGs/facebook.svg" alt="Share" class="w-6 h-6 mr-2"/>
               Share
             </button>
           </div>
diff --git a/pages/news.html b/pages/news.html
index a1813944..0e6c874b 100644
--- a/pages/news.html
+++ b/pages/news.html
@@ -19,7 +19,7 @@
       <div class="flex flex-row items-center gap-10 text-base">
         <a href="#">
           <img
-            src="../images/SVGs/headerLogo.svg"
+            src="../assets/images/SVGs/headerLogo.svg"
             aria-label="Header Logo"
             alt="Header Logo"
             class="cursor-pointer w-20 h-20"
@@ -33,7 +33,7 @@
         >
           <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
           <img
-            src="../images/SVGs/Search.svg"
+            src="../assets/images/SVGs/Search.svg"
             class="w-5 h-5 -mr-1"
             aria-label="Search Button"
             alt="Search Button"
@@ -56,7 +56,7 @@
           <div class="flex items-center">
             <span class="text-2xl font-medium">Projects</span>
             <img
-              src="../images/SVGs/chevron-down.svg"
+              src="../assets/images/SVGs/chevron-down.svg"
               aria-label="Projects Dropdown Menu"
               alt="Projects Dropdown Menu"
               class="ml-3"
@@ -86,7 +86,7 @@
           id="language-selector"
         >
           <img
-            src="../images/SVGs/globe-solid.svg"
+            src="../assets/images/SVGs/globe-solid.svg"
             aria-label="Globe Icon For Language Selection"
             alt="Language Selection"
             class="cursor-pointer object-contain h-5 w-5"
@@ -94,7 +94,7 @@
           <div class="absolute left-0 w-full bg-white" id="language-options">
             <a href="#" class="block">
               <img
-                src="../images/SVGs/norway.svg"
+                src="../assets/images/SVGs/norway.svg"
                 aria-label="Norwegian Flag Language Selection"
                 alt="Norwegian Flag"
                 class="inline h-6 w-8"
@@ -102,7 +102,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/unitedKingdom.svg"
+                src="../assets/images/SVGs/unitedKingdom.svg"
                 aria-label="English Flag Language Selection"
                 alt="English Flag"
                 class="inline h-6 w-8"
@@ -110,7 +110,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="../images/SVGs/madagascar.svg"
+                src="../assets/images/SVGs/madagascar.svg"
                 aria-label="Malagasy Flag Language Selection"
                 alt="Malagasy Flag"
                 class="inline h-6 w-8"
@@ -145,7 +145,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
               class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
             >
               <img
-                src="../images/SVGs/Search.svg"
+                src="../assets/images/SVGs/Search.svg"
                 class="w-4 h-4"
                 aria-label="Search Now Button"
                 alt="Search Now Button"
diff --git a/pages/our-work.html b/pages/our-work.html
index 99db6a38..401fcfd8 100644
--- a/pages/our-work.html
+++ b/pages/our-work.html
@@ -22,7 +22,7 @@
       <div class="flex flex-row items-center gap-10 text-base">
         <a href="#">
           <img
-            src="/images/SVGs/headerLogo.svg"
+            src="../assets/images/SVGs/headerLogo.svg"
             aria-label="Header Logo"
             alt="Header Logo"
             class="cursor-pointer w-20 h-20"
@@ -36,7 +36,7 @@
         >
           <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
           <img
-            src="/images/SVGs/Search.svg"
+            src="../assets/images/SVGs/Search.svg"
             class="w-5 h-5 -mr-1"
             aria-label="Search Button"
             alt="Search Button"
@@ -59,7 +59,7 @@
           <div class="flex items-center">
             <span class="text-2xl font-medium">Projects</span>
             <img
-              src="/images/SVGs/chevron-down.svg"
+              src="../assets/images/SVGs/chevron-down.svg"
               aria-label="Projects Dropdown Menu"
               alt="Projects Dropdown Menu"
               class="ml-3"
@@ -89,7 +89,7 @@
           id="language-selector"
         >
           <img
-            src="/images/SVGs/globe-solid.svg"
+            src="../assets/images/SVGs/globe-solid.svg"
             aria-label="Globe Icon For Language Selection"
             alt="Language Selection"
             class="cursor-pointer object-contain h-5 w-5"
@@ -97,7 +97,7 @@
           <div class="absolute left-0 w-full bg-white" id="language-options">
             <a href="#" class="block">
               <img
-                src="/images/SVGs/norway.svg"
+                src="../assets/images/SVGs/norway.svg"
                 aria-label="Norwegian Flag Language Selection"
                 alt="Norwegian Flag"
                 class="inline h-6 w-8"
@@ -105,7 +105,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="/images/SVGs/unitedKingdom.svg"
+                src="../assets/images/SVGs/unitedKingdom.svg"
                 aria-label="English Flag Language Selection"
                 alt="English Flag"
                 class="inline h-6 w-8"
@@ -113,7 +113,7 @@
             </a>
             <a href="#" class="block">
               <img
-                src="/images/SVGs/madagascar.svg"
+                src="../assets/images/SVGs/madagascar.svg"
                 aria-label="Malagasy Flag Language Selection"
                 alt="Malagasy Flag"
                 class="inline h-6 w-8"
@@ -148,7 +148,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
               class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center"
             >
               <img
-                src="images/SVGs/Search.svg"
+                src="../assets/images/SVGs/Search.svg"
                 class="w-4 h-4"
                 aria-label="Search Now Button"
                 alt="Search Now Button"
diff --git a/pages/support-page.html b/pages/support-page.html
index b4c37b74..9f5ca5ae 100644
--- a/pages/support-page.html
+++ b/pages/support-page.html
@@ -18,12 +18,12 @@
     <header class="flex h-24 items-center justify-between px-10 mt-6">
         <div class="flex flex-row items-center gap-10 text-base">
             <a href="#">
-                <img src="../images/SVGs/headerLogo.svg" aria-label="Header Logo" alt="Header Logo" class="cursor-pointer w-20 h-20">
+                <img src="../assets/images/SVGs/headerLogo.svg" aria-label="Header Logo" alt="Header Logo" class="cursor-pointer w-20 h-20">
             </a>
         </div>
         <nav class="flex flex-row items-center gap-10">
             <button id="openSearchBarDrawer" class="flex gap-4 items-center cursor-pointer hover:scale-105 transition-transform">  <!-- JS intention: On click, remove -translate-y-full from section id="search-drawer-from-header", and add translate-y-0 -->
-                <img src="../images/SVGs/Search.svg" class="w-5 h-5 -mr-1" aria-label="Search Button" alt="Search Button">
+                <img src="../assets/images/SVGs/Search.svg" class="w-5 h-5 -mr-1" aria-label="Search Button" alt="Search Button">
                 <span class="text-2xl font-medium">Search</span>
             </button>
             <a href="#" class="text-2xl font-medium cursor-pointer hover:scale-105 transition-transform">News</a>
@@ -31,7 +31,7 @@
             <div class="relative cursor-pointer hover:scale-105 transition-transform">
                 <div class="flex items-center">
                     <span class="text-2xl font-medium">Projects</span>
-                    <img src="../images/SVGs/chevron-down.svg" aria-label="Projects Dropdown Menu" alt="Projects Dropdown Menu" class="ml-3">
+                    <img src="../assets/images/SVGs/chevron-down.svg" aria-label="Projects Dropdown Menu" alt="Projects Dropdown Menu" class="ml-3">
                 </div>
                 <!-- Dropdown projects menu, hidden, toggle visibility with JS -->
                 <div class="absolute hidden mt-2 bg-white">
@@ -43,16 +43,16 @@
                 DONATE
             </button>
             <div class="relative flex w-5 h-5 items-center group" id="language-selector">
-                <img src="../images/SVGs/globe-solid.svg" aria-label="Globe Icon For Language Selection" alt="Language Selection" class="cursor-pointer object-contain h-5 w-5">
+                <img src="../assets/images/SVGs/globe-solid.svg" aria-label="Globe Icon For Language Selection" alt="Language Selection" class="cursor-pointer object-contain h-5 w-5">
                 <div class="absolute left-0 w-full bg-white" id="language-options">
                     <a href="#" class="block">
-                        <img src="../images/SVGs/norway.svg" aria-label="Norwegian Flag Language Selection" alt="Norwegian Flag" class="inline h-6 w-8"> 
+                        <img src="../assets/images/SVGs/norway.svg" aria-label="Norwegian Flag Language Selection" alt="Norwegian Flag" class="inline h-6 w-8"> 
                     </a>
                     <a href="#" class="block">
-                        <img src="../images/SVGs/unitedKingdom.svg" aria-label="English Flag Language Selection" alt="English Flag" class="inline h-6 w-8"> 
+                        <img src="../assets/images/SVGs/unitedKingdom.svg" aria-label="English Flag Language Selection" alt="English Flag" class="inline h-6 w-8"> 
                     </a>
                     <a href="#" class="block">
-                        <img src="../images/SVGs/madagascar.svg" aria-label="Malagasy Flag Language Selection" alt="Malagasy Flag" class="inline h-6 w-8"> 
+                        <img src="../assets/images/SVGs/madagascar.svg" aria-label="Malagasy Flag Language Selection" alt="Malagasy Flag" class="inline h-6 w-8"> 
                     </a>
                 </div>
             </div>
@@ -67,7 +67,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
                     <label for="Search-Drawer" class="sr-only">Search Site</label>
                     <input type="search" class="search-drawer_input flex-grow bg-transparent focus:outline-none p-2 text-sm" id="Search-Drawer" placeholder="Search..." autocomplete="off">
                     <button type="submit" class="search-drawer_submit p-2 text-gray-500 flex items-center justify-center">
-                        <img src="../images/SVGs/Search.svg" class="w-4 h-4" aria-label="Search Now Button" alt="Search Now Button">
+                        <img src="../assets/images/SVGs/Search.svg" class="w-4 h-4" aria-label="Search Now Button" alt="Search Now Button">
                     </button>
                 </form>
             </div>