From 9c07af001c399113b4d655de5d62a01ab69e1afe Mon Sep 17 00:00:00 2001
From: hiep200311 <hiepmp088@gmail.com>
Date: Fri, 5 Jun 2026 20:55:20 +0700
Subject: [PATCH] feat: add modular sidebarLoader to all missing pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replace hardcoded inline sidebar markup with <div id="sidebar-container">
  on: aboutMain, newsMain, productMain, serviceMain, contactMain
- Add sidebar-container + sidebarLoader.js script to pages that had no
  sidebar at all: newsArticle1, newsArticle2, productSeparateCommerceLNG,
  productSeparateCommercePNG, productSeparateProductionPRU,
  productSeparateProductionGasMeter, productSeparateProductionVaporizer,
  productSeparateProductionPressureRegulatorValve
- Sidebar HTML/CSS/JS is now loaded dynamically from /components/sidebar/
  on all 14 pages (mobile breakpoint ≤768px)"
---
 views/aboutPages/aboutMain.html               | 59 +------------------
 views/contactPages/contactMain.html           | 59 +------------------
 .../newsPages/newsArticle1/newsArticle1.html  |  4 ++
 .../newsPages/newsArticle2/newsArticle2.html  |  4 ++
 views/newsPages/newsMain/newsMain.html        | 59 +------------------
 .../productPages/productMain/productMain.html | 59 +------------------
 .../productSeparateCommerceLNG.html           |  4 ++
 .../productSeparateCommercePNG.html           |  4 ++
 .../productSeparateProductionGasMeter.html    |  4 ++
 .../productSeparateProductionPRU.html         |  4 ++
 ...arateProductionPressureRegulatorValve.html |  4 ++
 .../productSeparateProductionVaporizer.html   |  4 ++
 views/servicePages/serviceMain.html           | 59 +------------------
 13 files changed, 47 insertions(+), 280 deletions(-)

diff --git a/views/aboutPages/aboutMain.html b/views/aboutPages/aboutMain.html
index 074d1e6..66653c8 100644
--- a/views/aboutPages/aboutMain.html
+++ b/views/aboutPages/aboutMain.html
@@ -25,62 +25,8 @@
     <!-- Header Component -->
     <div id="header"></div>
 
-    <!-- Floating Menu Button -->
-    <button class="floating-menu-btn" id="floatingMenuBtn">
-      <i class="bi bi-list"></i>
-    </button>
-
-    <!-- Sidebar Overlay -->
-    <div class="sidebar-overlay" id="sidebarOverlay"></div>
-
-    <!-- Sidebar -->
-    <div class="sidebar" id="sidebar">
-      <div class="sidebar-header">
-        <img
-          src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
-          alt="Ky Long Logo"
-          class="sidebar-logo"
-        />
-        <button class="close-sidebar">
-          <i class="bi bi-x-lg"></i>
-        </button>
-      </div>
-
-      <nav class="sidebar-nav">
-        <a href="/" class="nav-link">TRANG CHỦ</a>
-        <a href="/aboutMain" class="nav-link">GIỚI THIỆU</a>
-        <a href="/productMain" class="nav-link">SẢN PHẨM</a>
-        <a href="/serviceMain" class="nav-link">DỊCH VỤ</a>
-        <a href="/newsMain" class="nav-link">TIN TỨC</a>
-        <a href="/contactMain" class="nav-link">LIÊN HỆ</a>
-      </nav>
-
-      <div class="sidebar-contact">
-        <div class="d-flex align-items-center mb-3">
-          <div
-            class="contact-icon2 d-flex align-items-center justify-content-center me-2"
-          >
-            <i class="bi bi-geo-alt-fill"></i>
-          </div>
-          <div>
-            <div>Lầu 12, số 27 Đinh Bộ Lĩnh,</div>
-            <div>P. Bình Thạnh, TP.Hồ Chí Minh</div>
-          </div>
-        </div>
-
-        <div class="d-flex align-items-center">
-          <div
-            class="contact-icon d-flex align-items-center justify-content-center me-2"
-          >
-            <i class="bi bi-envelope-open-fill"></i>
-          </div>
-          <div>
-            <div>Email:</div>
-            <div>info@kylongtech.com</div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
 
     <!-- Main Content -->
     <div class="hero">
@@ -308,6 +254,7 @@
 
     <!-- Scripts -->
     <script src="/components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="aboutPages/aboutMain.js?v=1.2"></script>
     <script src="/components/footer/footerLoader.js"></script>
   </body>
diff --git a/views/contactPages/contactMain.html b/views/contactPages/contactMain.html
index ec04b08..3fed1dc 100644
--- a/views/contactPages/contactMain.html
+++ b/views/contactPages/contactMain.html
@@ -31,62 +31,8 @@
     <!-- Header Component -->
     <div id="header"></div>
 
-    <!-- Floating Menu Button -->
-    <button class="floating-menu-btn" id="floatingMenuBtn">
-      <i class="bi bi-list"></i>
-    </button>
-
-    <!-- Sidebar Overlay -->
-    <div class="sidebar-overlay" id="sidebarOverlay"></div>
-
-    <!-- Sidebar -->
-    <div class="sidebar" id="sidebar">
-      <div class="sidebar-header">
-        <img
-          src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
-          alt="Ky Long Logo"
-          class="sidebar-logo"
-        />
-        <button class="close-sidebar">
-          <i class="bi bi-x-lg"></i>
-        </button>
-      </div>
-
-      <nav class="sidebar-nav">
-        <a href="/" class="nav-link">TRANG CHỦ</a>
-        <a href="/aboutMain" class="nav-link">GIỚI THIỆU</a>
-        <a href="/productMain" class="nav-link">SẢN PHẨM</a>
-        <a href="/serviceMain" class="nav-link">DỊCH VỤ</a>
-        <a href="/newsMain" class="nav-link">TIN TỨC</a>
-        <a href="/contactMain" class="nav-link">LIÊN HỆ</a>
-      </nav>
-
-      <div class="sidebar-contact">
-        <div class="d-flex align-items-center mb-3">
-          <div
-            class="contact-icon2 d-flex align-items-center justify-content-center me-2"
-          >
-            <i class="bi bi-geo-alt-fill"></i>
-          </div>
-          <div>
-            <div>Lầu 12, số 27 Đinh Bộ Lĩnh,</div>
-            <div>P. Bình Thạnh, TP.Hồ Chí Minh</div>
-          </div>
-        </div>
-
-        <div class="d-flex align-items-center">
-          <div
-            class="contact-icon d-flex align-items-center justify-content-center me-2"
-          >
-            <i class="bi bi-envelope-open-fill"></i>
-          </div>
-          <div>
-            <div>Email:</div>
-            <div>info@kylongtech.com</div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
 
     <!----- CONTACT PAGE CONTENT ----->
     <section class="contact-section container py-5 my-3 overflow-hidden">
@@ -200,6 +146,7 @@
 
     <!-- Scripts -->
     <script src="/components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
     <script src="contactPages/contactMain.js?v=1.1"></script>
   </body>
diff --git a/views/newsPages/newsArticle1/newsArticle1.html b/views/newsPages/newsArticle1/newsArticle1.html
index f68258f..ab4c172 100644
--- a/views/newsPages/newsArticle1/newsArticle1.html
+++ b/views/newsPages/newsArticle1/newsArticle1.html
@@ -25,6 +25,9 @@
     <!-- Header Component -->
     <div id="header"></div>
 
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
+
     <div class="container my-4 my-md-5 overflow-hidden">
       <div class="row justify-content-center">
         <div class="col-12 col-md-10 col-lg-8">
@@ -498,6 +501,7 @@
     <div id="footer"></div>
 
     <script src="components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
     <script src="newsPages/newsArticle1/newsArticle1.js?v=1.0"></script>
   </body>
diff --git a/views/newsPages/newsArticle2/newsArticle2.html b/views/newsPages/newsArticle2/newsArticle2.html
index dffcd8e..8786385 100644
--- a/views/newsPages/newsArticle2/newsArticle2.html
+++ b/views/newsPages/newsArticle2/newsArticle2.html
@@ -25,6 +25,9 @@
     <!-- Header Component -->
     <div id="header"></div>
 
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
+
     <div class="container my-4 my-md-5 overflow-hidden">
       <div class="row justify-content-center">
         <div class="col-12 col-md-10 col-lg-8">
@@ -314,6 +317,7 @@
     <div id="footer"></div>
 
     <script src="components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
     <script src="newsPages/newsArticle1/newsArticle1.js?v=1.0"></script>
   </body>
diff --git a/views/newsPages/newsMain/newsMain.html b/views/newsPages/newsMain/newsMain.html
index 1949091..8d4175d 100644
--- a/views/newsPages/newsMain/newsMain.html
+++ b/views/newsPages/newsMain/newsMain.html
@@ -31,62 +31,8 @@
     <!-- Header Component -->
     <div id="header"></div>
 
-    <!-- Floating Menu Button -->
-    <button class="floating-menu-btn" id="floatingMenuBtn">
-      <i class="bi bi-list"></i>
-    </button>
-
-    <!-- Sidebar Overlay -->
-    <div class="sidebar-overlay" id="sidebarOverlay"></div>
-
-    <!-- Sidebar -->
-    <div class="sidebar" id="sidebar">
-      <div class="sidebar-header">
-        <img
-          src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
-          alt="Ky Long Logo"
-          class="sidebar-logo"
-        />
-        <button class="close-sidebar">
-          <i class="bi bi-x-lg"></i>
-        </button>
-      </div>
-
-      <nav class="sidebar-nav">
-        <a href="/" class="nav-link">TRANG CHỦ</a>
-        <a href="/aboutMain" class="nav-link">GIỚI THIỆU</a>
-        <a href="/productMain" class="nav-link">SẢN PHẨM</a>
-        <a href="/serviceMain" class="nav-link">DỊCH VỤ</a>
-        <a href="/newsMain" class="nav-link">TIN TỨC</a>
-        <a href="/contactMain" class="nav-link">LIÊN HỆ</a>
-      </nav>
-
-      <div class="sidebar-contact">
-        <div class="d-flex align-items-center mb-3">
-          <div
-            class="contact-icon2 d-flex align-items-center justify-content-center me-2"
-          >
-            <i class="bi bi-geo-alt-fill"></i>
-          </div>
-          <div>
-            <div>Lầu 12, số 27 Đinh Bộ Lĩnh,</div>
-            <div>P. Bình Thạnh, TP.Hồ Chí Minh</div>
-          </div>
-        </div>
-
-        <div class="d-flex align-items-center">
-          <div
-            class="contact-icon d-flex align-items-center justify-content-center me-2"
-          >
-            <i class="bi bi-envelope-open-fill"></i>
-          </div>
-          <div>
-            <div>Email:</div>
-            <div>info@kylongtech.com</div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
 
     <!-- NEWS CONTENT SECTION -->
     <main class="news-container">
@@ -281,6 +227,7 @@
 
     <script src="newsPages/newsMain/newsMain.js?v=1.1"></script>
     <script src="/components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
   </body>
 </html>
diff --git a/views/productPages/productMain/productMain.html b/views/productPages/productMain/productMain.html
index 06b9aca..4dc9921 100644
--- a/views/productPages/productMain/productMain.html
+++ b/views/productPages/productMain/productMain.html
@@ -25,62 +25,8 @@
     <!-- Header Component -->
     <div id="header"></div>
 
-    <!-- Floating Menu Button -->
-    <button class="floating-menu-btn" id="floatingMenuBtn">
-      <i class="bi bi-list"></i>
-    </button>
-
-    <!-- Sidebar Overlay -->
-    <div class="sidebar-overlay" id="sidebarOverlay"></div>
-
-    <!-- Sidebar -->
-    <div class="sidebar" id="sidebar">
-      <div class="sidebar-header">
-        <img
-          src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
-          alt="Ky Long Logo"
-          class="sidebar-logo"
-        />
-        <button class="close-sidebar">
-          <i class="bi bi-x-lg"></i>
-        </button>
-      </div>
-
-      <nav class="sidebar-nav">
-        <a href="/" class="nav-link">TRANG CHỦ</a>
-        <a href="/aboutMain" class="nav-link">GIỚI THIỆU</a>
-        <a href="/productMain" class="nav-link">SẢN PHẨM</a>
-        <a href="/serviceMain" class="nav-link">DỊCH VỤ</a>
-        <a href="/newsMain" class="nav-link">TIN TỨC</a>
-        <a href="/contactMain" class="nav-link">LIÊN HỆ</a>
-      </nav>
-
-      <div class="sidebar-contact">
-        <div class="d-flex align-items-center mb-3">
-          <div
-            class="contact-icon2 d-flex align-items-center justify-content-center me-2"
-          >
-            <i class="bi bi-geo-alt-fill"></i>
-          </div>
-          <div>
-            <div>Lầu 12, số 27 Đinh Bộ Lĩnh,</div>
-            <div>P. Bình Thạnh, TP.Hồ Chí Minh</div>
-          </div>
-        </div>
-
-        <div class="d-flex align-items-center">
-          <div
-            class="contact-icon d-flex align-items-center justify-content-center me-2"
-          >
-            <i class="bi bi-envelope-open-fill"></i>
-          </div>
-          <div>
-            <div>Email:</div>
-            <div>info@kylongtech.com</div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
 
     <!-- PRODUCT HERO SECTION -->
     <div class="symbol-hero">
@@ -379,6 +325,7 @@
 
     <script src="productPages/productMain/productMain.js?v=1.1"></script>
     <script src="/components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
   </body>
 </html>
diff --git a/views/productPages/productSeparateCommerceLNG/productSeparateCommerceLNG.html b/views/productPages/productSeparateCommerceLNG/productSeparateCommerceLNG.html
index cdb9f14..e0fe8b4 100644
--- a/views/productPages/productSeparateCommerceLNG/productSeparateCommerceLNG.html
+++ b/views/productPages/productSeparateCommerceLNG/productSeparateCommerceLNG.html
@@ -32,6 +32,9 @@
     <!-- Header Component -->
     <div id="header"></div>
 
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
+
     <!-- LNG HERO SECTION -->
     <section class="lng-hero">
       <div class="container">
@@ -142,6 +145,7 @@
     <div id="footer"></div>
 
     <script src="components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
     <script src="productPages/productSeparateCommerceLNG/productSeparateCommerceLNG.js?v=1.0"></script>
   </body>
diff --git a/views/productPages/productSeparateCommercePNG/productSeparateCommercePNG.html b/views/productPages/productSeparateCommercePNG/productSeparateCommercePNG.html
index 48ca1be..343a955 100644
--- a/views/productPages/productSeparateCommercePNG/productSeparateCommercePNG.html
+++ b/views/productPages/productSeparateCommercePNG/productSeparateCommercePNG.html
@@ -31,6 +31,9 @@
     <!-- Header Component -->
     <div id="header"></div>
 
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
+
     <!-- PNG HERO SECTION -->
     <section class="png-hero">
       <div class="container">
@@ -140,6 +143,7 @@
     <div id="footer"></div>
 
     <script src="components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
     <script src="productPages/productSeparateCommercePNG/productSeparateCommercePNG.js?v=1.0"></script>
   </body>
diff --git a/views/productPages/productSeparateProductionGasMeter/productSeparateProductionGasMeter.html b/views/productPages/productSeparateProductionGasMeter/productSeparateProductionGasMeter.html
index 35c9aea..e23921f 100644
--- a/views/productPages/productSeparateProductionGasMeter/productSeparateProductionGasMeter.html
+++ b/views/productPages/productSeparateProductionGasMeter/productSeparateProductionGasMeter.html
@@ -31,6 +31,9 @@
     <!-- Header Component -->
     <div id="header"></div>
 
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
+
     <!-- GAS METER HERO SECTION -->
     <section class="gas-meter-hero">
       <div class="container">
@@ -137,6 +140,7 @@
     <div id="footer"></div>
 
     <script src="components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
     <script src="productPages/productSeparateProductionGasMeter/productSeparateProductionGasMeter.js?v=1.0"></script>
   </body>
diff --git a/views/productPages/productSeparateProductionPRU/productSeparateProductionPRU.html b/views/productPages/productSeparateProductionPRU/productSeparateProductionPRU.html
index 6d8947f..666a034 100644
--- a/views/productPages/productSeparateProductionPRU/productSeparateProductionPRU.html
+++ b/views/productPages/productSeparateProductionPRU/productSeparateProductionPRU.html
@@ -32,6 +32,9 @@
     <!-- Header Component -->
     <div id="header"></div>
 
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
+
     <!-- PRU HERO SECTION -->
     <section class="pru-hero">
       <div class="container">
@@ -140,6 +143,7 @@
     <div id="footer"></div>
 
     <script src="components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
     <script src="productPages/productSeparateProductionPRU/productSeparateProductionPRU.js?v=1.0"></script>
   </body>
diff --git a/views/productPages/productSeparateProductionPressureRegulatorValve/productSeparateProductionPressureRegulatorValve.html b/views/productPages/productSeparateProductionPressureRegulatorValve/productSeparateProductionPressureRegulatorValve.html
index 7182f16..b471b2f 100644
--- a/views/productPages/productSeparateProductionPressureRegulatorValve/productSeparateProductionPressureRegulatorValve.html
+++ b/views/productPages/productSeparateProductionPressureRegulatorValve/productSeparateProductionPressureRegulatorValve.html
@@ -29,6 +29,9 @@
     <!-- Header Component -->
     <div id="header"></div>
 
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
+
     <!-- PRESSURE REGULATOR VALVE HERO SECTION -->
     <section class="valve-hero">
       <div class="container">
@@ -137,6 +140,7 @@
     <div id="footer"></div>
 
     <script src="components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
     <script src="productPages/productSeparateProductionPressureRegulatorValve/productSeparateProductionPressureRegulatorValve.js?v=1.0"></script>
   </body>
diff --git a/views/productPages/productSeparateProductionVaporizer/productSeparateProductionVaporizer.html b/views/productPages/productSeparateProductionVaporizer/productSeparateProductionVaporizer.html
index 5a3d9d7..3f3c1e6 100644
--- a/views/productPages/productSeparateProductionVaporizer/productSeparateProductionVaporizer.html
+++ b/views/productPages/productSeparateProductionVaporizer/productSeparateProductionVaporizer.html
@@ -29,6 +29,9 @@
     <!-- Header Component -->
     <div id="header"></div>
 
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
+
     <!-- VAPORIZER HERO SECTION -->
     <section class="vaporizer-hero">
       <div class="container">
@@ -137,6 +140,7 @@
     <div id="footer"></div>
 
     <script src="components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
     <script src="productPages/productSeparateProductionVaporizer/productSeparateProductionVaporizer.js?v=1.0"></script>
   </body>
diff --git a/views/servicePages/serviceMain.html b/views/servicePages/serviceMain.html
index 81d99b4..e3d5f88 100644
--- a/views/servicePages/serviceMain.html
+++ b/views/servicePages/serviceMain.html
@@ -26,62 +26,8 @@
     <!-- Header Component -->
     <div id="header"></div>
 
-    <!-- Floating Menu Button -->
-    <button class="floating-menu-btn" id="floatingMenuBtn">
-      <i class="bi bi-list"></i>
-    </button>
-
-    <!-- Sidebar Overlay -->
-    <div class="sidebar-overlay" id="sidebarOverlay"></div>
-
-    <!-- Sidebar -->
-    <div class="sidebar" id="sidebar">
-      <div class="sidebar-header">
-        <img
-          src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
-          alt="Ky Long Logo"
-          class="sidebar-logo"
-        />
-        <button class="close-sidebar">
-          <i class="bi bi-x-lg"></i>
-        </button>
-      </div>
-
-      <nav class="sidebar-nav">
-        <a href="/" class="nav-link">TRANG CHỦ</a>
-        <a href="/aboutMain" class="nav-link">GIỚI THIỆU</a>
-        <a href="/productMain" class="nav-link">SẢN PHẨM</a>
-        <a href="/serviceMain" class="nav-link">DỊCH VỤ</a>
-        <a href="/newsMain" class="nav-link">TIN TỨC</a>
-        <a href="/contactMain" class="nav-link">LIÊN HỆ</a>
-      </nav>
-
-      <div class="sidebar-contact">
-        <div class="d-flex align-items-center mb-3">
-          <div
-            class="contact-icon2 d-flex align-items-center justify-content-center me-2"
-          >
-            <i class="bi bi-geo-alt-fill"></i>
-          </div>
-          <div>
-            <div>Lầu 12, số 27 Đinh Bộ Lĩnh,</div>
-            <div>P. Bình Thạnh, TP.Hồ Chí Minh</div>
-          </div>
-        </div>
-
-        <div class="d-flex align-items-center">
-          <div
-            class="contact-icon d-flex align-items-center justify-content-center me-2"
-          >
-            <i class="bi bi-envelope-open-fill"></i>
-          </div>
-          <div>
-            <div>Email:</div>
-            <div>info@kylongtech.com</div>
-          </div>
-        </div>
-      </div>
-    </div>
+    <!-- Sidebar Component -->
+    <div id="sidebar-container"></div>
 
     <!-- SERVICE HERO SECTION -->
     <div class="service-hero">
@@ -321,6 +267,7 @@
 
     <script src="servicePages/serviceMain.js?v=1.2"></script>
     <script src="/components/header/headerLoader.js"></script>
+    <script src="/components/sidebar/sidebarLoader.js"></script>
     <script src="/components/footer/footerLoader.js"></script>
   </body>
 </html>