Fix Footer

app/templates/BasePage.html

 {% extends "Base.html" %}
 
 {% block page %}
-<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
-    <h5 class="my-0 mr-md-auto font-weight-normal">ChiefSend</h5>
-    <nav class="my-2 my-md-0 mr-md-3">
-        <a class="p-2 text-dark" href="{{ url_for('privacy') }}">Privacy</a>
-        <a class="p-2 text-dark" href="{{ url_for('about') }}">About</a>
-    </nav>
-</div>
+    <!-- Navbar -->
+    <div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
+        <h5 class="my-0 mr-md-auto font-weight-normal">ChiefSend</h5>
+        <nav class="my-2 my-md-0 mr-md-3">
+            <a class="p-2 text-dark" href="{{ url_for('privacy') }}">Privacy</a>
+            <a class="p-2 text-dark" href="{{ url_for('about') }}">About</a>
+        </nav>
+    </div>
 
-<div class="container">
-    {% block content %}
-    {% endblock content %}
+    <div class="container">
+        <!-- actual content -->
+        {% block content %}
+        {% endblock content %}
+        <!-- end actual content -->
+    </div>
 
+    <!-- Footer -->
     <footer class="pt-4 my-md-5 pt-md-5 border-top">
-        <div class="row text-center center">
+        <div class="footer-copyright text-center py-3">
             <small class="d-block mb-3 text-muted text-center">Chief Corporation &copy; 2020</small>
         </div>
     </footer>
-</div>
 {% endblock page %}