Update footer alignment (#96)

* Upgraded bootstrap to v5.2

* Updated date on footer.

* Corrected row alinment of hero image icon.

* Adjusted quickstart numbering offsets.

* Added font-awesome v4.7.

* Corrected placement of the navigation collapse button on small media devices.

* Scaled banner image for small and medium devices.

* Adjusted the base layout.

* Updated gallery page.

* Updated Dev Features page.

* Updated Admin Features page.

* Updated gallery page.

* Aligned important link and icons using flexbox.

* Aligned gallery hero content.

* Aligned footer to center.

* Fixed unresponsive header dropdown button.

* Updated Bootstrap base JS and CSS libraries and references.

* Removed obscuring text from base and footer pages.

* Realigned footer text to center.

Author: jkaris

_includes/footer.html

@@ -6,10 +6,10 @@
 
     <section class="btm">
       <div class="row">
-        <div class="col-md-6">
+        <div class="col-md-10">
           <p>This <a href="http://github.com/geonode/geonode.github.com/" target="_blank">Website</a> is licensed <a href='https://github.com/GeoNode/geonode/blob/master/license.txt'>CC by SA 2022.</a> - <a href='https://github.com/GeoNode/geonode/blob/master/AUTHORS'>GeoNode Contributors.</a> Designed by <a href="http://www.spatialdev.com/" target="_blank">Spatial Dev</a></p>
         </div>
-        <div class="col-md-6">
+        <div class="col-md-2">
           <div class="pull-right social">
             <a href="http://github.com/geonode/" target="_blank" alt="GitHub"><i class="fa fa-github-alt"></i></a>
             <a href="https://twitter.com/GeoNode" class="tw" target="_blank" alt="Twitter"><i class="fa fa-twitter"></i></a>

_includes/header.html

@@ -1,38 +1,34 @@
 <header class="main">
-  <div class="container">
-    <div class="row">
-      <div class="col-md-2 col-lg-2 col-sm-3 col-xs-2"><a class="brand" href="{{ site.baseurl }}/">GeoNode</a></div>
-      <div class="col-md-1 col-lg-1 col-sm-1 col-xs-1">
-        <div class="btn-group nav-coll">
-          <button type="button" class="btn-nav-coll" data-toggle="dropdown">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <ul class="dropdown-menu">
-            <li><a href="{{ site.baseurl }}/user_features">For Users</a></li>
-            <li><a href="{{ site.baseurl }}/dev_features">For Developers</a></li>
-            <li><a href="{{ site.baseurl }}/admin_features">For Admins</a></li>
-            <li><a href="https://docs.geonode.org/en/master/usage/index.html">Workshops</a></li>
-            <li><a href="{{ site.baseurl }}/communication/">Communication</a></li>
-            <li><a href="{{ site.baseurl }}/faqs">FAQs</a></li>
-            <li><a href="{{ site.baseurl }}/gallery/">Sites Gallery</a></li>
-            <li><a href="{{ site.baseurl }}/blog/">Blog</a></li>
-            <li><a href="https://docs.geonode.org" target="_blank">Documentation</a></li>
-            <li><a href="http://github.com/geonode/geonode/issues" target = "_blank">Issue Tracker</a></li>
-            <li><a href="{{ site.baseurl }}/providers/">Commercial Providers</a></li>
-            <li><a href="{{ site.baseurl }}/jobs/">Jobs</a></li>
-          </ul>
+    <div class="navbar">
+        <div class="container-fluid">
+            <a class="brand" href="{{ site.baseurl }}/">GeoNode</a>
+            <div class="btn-group nav-coll">
+                <button type="button" class="btn-nav-coll" data-bs-toggle="dropdown" aria-expanded="false">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+                <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
+                    <li><a class="dropdown-item" href="{{ site.baseurl }}/user_features">For Users</a></li>
+                    <li><a class="dropdown-item" href="{{ site.baseurl }}/dev_features">For Developers</a></li>
+                    <li><a class="dropdown-item" href="{{ site.baseurl }}/admin_features">For Admins</a></li>
+                    <li><a class="dropdown-item" href="https://docs.geonode.org/en/master/usage/index.html">Workshops</a></li>
+                    <li><a class="dropdown-item" href="{{ site.baseurl }}/communication/">Communication</a></li>
+                    <li><a class="dropdown-item" href="{{ site.baseurl }}/faqs">FAQs</a></li>
+                    <li><a class="dropdown-item" href="{{ site.baseurl }}/gallery/">Sites Gallery</a></li>
+                    <li><a class="dropdown-item" href="{{ site.baseurl }}/blog/">Blog</a></li>
+                    <li><a class="dropdown-item" href="https://docs.geonode.org" target="_blank">Documentation</a></li>
+                    <li><a class="dropdown-item" href="http://github.com/geonode/geonode/issues" target = "_blank">Issue Tracker</a></li>
+                    <li><a class="dropdown-item" href="{{ site.baseurl }}/providers/">Commercial Providers</a></li>
+                    <li><a class="dropdown-item" href="{{ site.baseurl }}/jobs/">Jobs</a></li>
+                </ul>
         </div>
-      </div>
-      <div class="col-md-7 col-lg-8 col-sm-7">
-        <div class="pull-right">
-          <a href="{{ site.baseurl }}/gallery" class="btn btn-success">Gallery</a>
-          <a href="{{ site.baseurl }}/#install" class="btn btn-success">Quick Start</a>
-          <a target="_blank" href="http://master.demo.geonode.org" class="btn btn-warning">Try the Demo</a>
-          <a href="{{ site.baseurl }}/blog/" class="btn btn-success">Blog</a>
+            <div class="pull-right">
+                <a href="{{ site.baseurl }}/gallery" class="btn btn-success">Gallery</a>
+                <a href="{{ site.baseurl }}/#install" class="btn btn-success">Quick Start</a>
+                <a target="_blank" href="http://master.demo.geonode.org" class="btn btn-warning">Try the Demo</a>
+                <a href="{{ site.baseurl }}/blog/" class="btn btn-success">Blog</a>
+            </div>
         </div>
-      </div>
     </div>
-  </div>
-</header>
+</header>

_layouts/base.html

@@ -18,7 +18,7 @@
     <link href="https://fonts.googleapis.com/css?family={{ font }}" rel="stylesheet" type="text/css">
     {% endfor %}
     <link rel="stylesheet" href="{{site.baseurl}}/static/css/site.css" type="text/css" media="all" />
-    <link rel="stylesheet" href="{{site.baseurl}}/static/css/bootstrap.css" type="text/css" media="all" />
+    <link rel="stylesheet" href="{{site.baseurl}}/static/css/bootstrap.min.css" type="text/css" media="all" />
     <link rel="stylesheet" href="{{site.baseurl}}/static/css/font-awesome.min.css">
     <!-- HTML5 shim, for IE6-8 support of HTML elements -->
     <!--[if lt IE 9]>

static/css/bootstrap.min.css.map

@@ -5802,15 +5802,15 @@ strong {
 @media (min-width: 1200px) {
   header.main {
       background: #03424c;
-      padding: 10px 0;
+      padding: 1px 0;
       font-family: 'Lato', sans-serif;
   }
 
   header.main a.brand {
       display: block;
       width: 138px;
       height: 35px;
-      margin-top: 8px;
+      margin: 8px 0 0 0;
       text-indent: -9999px;
       background: url("../img/geonode_logo.png") no-repeat 0 0;
       float: left
@@ -5825,11 +5825,11 @@ strong {
 
   .nav-coll .btn-nav-coll {
       padding: 7px 10px;
-      margin: 5px 0 0;
+      margin: 5px 1px 0 0;
       background: #055f6d;
       height: 40px;
       border: 0;
-      border-radius: 2px;
+      border-radius: 5px;
   }
 }
 
@@ -5864,7 +5864,7 @@ strong {
       background: #055f6d;
       height: 40px;
       border: 0;
-      border-radius: 2px;
+      border-radius: 5px;
   }
 }
 
@@ -6394,7 +6394,8 @@ footer.footer section.btm {
     padding: 19px 0;
     font-size: 11px;
     font-family: 'Lato', sans-serif;
-    font-weight: 700
+    font-weight: 700;
+    text-align: center;
 }
 
 footer.footer section.btm .social a {