added footer

Author: senaditya

README.md

@@ -129,4 +129,6 @@ For any questions or feedback, please reach out to [me](aditya.sen1hl@gmail.com)
 
 ---
 
-Feel free to customize the above template according to your project's specific details and requirements.
+Feel free to customize the above template according to your project's specific details and requirements.
+
+<img src="./screenshot.png">

main/static/main/css/styles.css

@@ -69,4 +69,12 @@
 #published {
     color: rgba(0, 0, 0, 0.333);
     font-weight: 600;
+}
+
+footer{
+    margin-top: 10rem;
+}
+
+#copyright{
+    background-color: rgb(49, 49, 255);
 }

main/templates/main/base.html

@@ -21,6 +21,7 @@
     {% block content %}
 
     {% endblock %}
+    {% include 'main/includes/footer.html' %}
 </body>
 
 </html>

main/templates/main/includes/footer.html

@@ -0,0 +1,16 @@
+{% load static %}
+<footer class="row-cols-1 row-cols-sm-2 row-cols-md-5 pt-5 border-top bg-primary d-flex flex-column">
+    <div class="col mb-3 ms-5">
+        <h5>You've reached the end!</h5>
+        <ul class="nav flex-column">
+            <li class="nav-item mb-2"><a href="/" class="nav-link p-0 text-body-secondary">Home</a></li>
+            <li class="nav-item mb-2"><a href="https://instagram.com/senaditya" class="nav-link p-0 text-body-secondary">Instagram</a></li>
+            
+            <li class="nav-item mb-2"><a href="https://twitter.com/senaditya" class="nav-link p-0 text-body-secondary">Twitter</a></li>
+        </ul>
+    </div>
+    <div class="col d-flex ps-5 py-3 w-100" id="copyright">
+        <span class="text-body-secondary">&copy; 2024 PythonTutorials
+        </span>
+    </div>
+</footer>

main/templates/main/includes/navbar.html

@@ -4,7 +4,7 @@
     <a class="navbar-brand col-lg-2 me-0" href="/">
       <img src="{% static 'main/img/logo.svg' %}" alt="Logo" width="30" height="24"
         class="d-inline-block align-text-top">
-      Python Tutorials
+      PythonTutorials
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample11"
       aria-controls="navbarsExample11" aria-expanded="false" aria-label="Toggle navigation">