Refactor footer structure and update version info

Author: noussairlazrak

index.html

@@ -301,33 +301,28 @@
 
 
  </div>
+<footer class="snwg-footer py-2">
+    <div class="container d-flex justify-content-between align-items-center">
 
-    
 
-    <footer class="bg-white text-inverse pt-3">
-        <div class="container">
-            <div class="row align-items-center">
-                <div class="col-12 d-flex justify-content-start flex-row flex-md-row flex-column-reverse flex-sm-column-reverse flex-lg-row footer-logos">
-                    <a href="https://gmao.gsfc.nasa.gov/" target="_blank" rel="noopener" class="footer-logo-link">
-                        <img src="parametres/ESD-logo.png" alt="NASA Logo" class="footer-logo-img">
-                    </a>
-                    <a href="https://marroninstitute.nyu.edu/" target="_blank" rel="noopener" class="footer-logo-link">
-                        <img src="parametres/Marron_logo.png" alt="NYU Marron Logo" class="footer-logo-img">
-                    </a>
-                </div>
-            </div>
+        <div class="d-flex align-items-center gap-3">
+            <p class="mb-0">© 2025 SNWG Localized Forecasts.</p>
+            <p class="mb-0">Version: 1.2</p>
         </div>
-        <div class="container">
-            <div class="d-md-flex align-items-center justify-content-between">
-                <div class="footer-left">
-                    <p class="mb-0">© 2025 SNWG Localized Forecasts.</p>
-                </div>
-                <div class="footer-right">
-                    <p class="mb-0">Version: 1.1</p>
-                </div>
-            </div>
+
+
+        <div class="d-flex align-items-center gap-3">
+            <a href="https://gmao.gsfc.nasa.gov/" target="_blank" rel="noopener">
+                <img src="parametres/ESD-logo.png" alt="NASA Logo" style="height: 35px;">
+            </a>
+            <a href="https://marroninstitute.nyu.edu/" target="_blank" rel="noopener">
+                <img src="parametres/Marron_logo.png" alt="NYU Marron Logo" style="height: 35px;">
+            </a>
         </div>
-    </footer>
+
+    </div>
+</footer>
+
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 
@@ -345,4 +340,4 @@
     <script src="https://unpkg.com/georaster-layer-for-leaflet"></script>
 
 </body>
-</html>
+</html>