added footer

Author: codeIntrovert

static/assets/sass/style.css

@@ -75,7 +75,7 @@ a {
 }
 
 a:hover {
-  color: #f99;
+  color: #6320ee;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -833,6 +833,10 @@ footer p {
   font-weight: 300;
 }
 
+footer li a {
+  color: #666 !important;
+}
+
 footer p a {
   color: #f8f0fb;
   transition: all 0.3s;

static/assets/sass/style.css.map

@@ -83,7 +83,7 @@ a
   text-decoration: none !important 
 
 a:hover  
-  color: #f99 
+  color: $primary-color
 
 
 h1,h2,h3,h4,h5,h6  
@@ -891,13 +891,15 @@ footer
 
   bottom: 0 
   width: 100% 
-  
+
 footer p  
   text-align: center 
   padding: 30px 0px 
   color: $main-font-color 
   font-weight: 300 
 
+footer li a
+  color: $dimText-color !important
 
 footer p a  
   color: $main-font-color 

static/assets/sass/style.sass

@@ -0,0 +1,47 @@
+<footer class="bg-primary-gradient">
+    <div class="container py-4 py-lg-5">
+        <div class="row justify-content-center">
+            <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item">
+                <h3 class="fs-6 fw-bold" style="margin-bottom: 10px;"> Services </h3>
+                <ul class="list-unstyled dim">
+                    <li><a href="#">Web design</a></li>
+                    <li><a href="#">Development</a></li>
+                    <li><a href="#">Hosting</a></li>
+                </ul>
+            </div>
+            <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item">
+                <h3 class="fs-6 fw-bold" style="margin-bottom: 10px;">About</h3>
+                <ul class="list-unstyled dim">
+                    <li><a href="#">Company</a></li>
+                    <li><a href="#">Team</a></li>
+                    <li><a href="#">Legacy</a></li>
+                </ul>
+            </div>
+            <div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item">
+                <h3 class="fs-6 fw-bold" style="margin-bottom: 10px;" >Careers</h3>
+                <ul class="list-unstyled dim">
+                    <li><a href="#">Job openings</a></li>
+                    <li><a href="#">Employee success</a></li>
+                    <li><a href="#">Benefits</a></li>
+                </ul>
+            </div>
+            <div
+                class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last item social">
+                <div class="fw-bold d-flex align-items-center mb-2">
+                    <span
+                        class="bs-icon-sm bs-icon-circle bs-icon-primary d-flex justify-content-center align-items-center bs-icon me-2">
+                        <img
+                  src="{{ url_for('static', filename='assets/images/logo.png') }}"
+                  alt=""
+                />
+                    </span></div>
+            </div>
+        </div>
+        <hr>
+        <div class="text-muted d-flex justify-content-between align-items-center pt-3">
+            <p class="mb-0">Copyright © 2023 The <a href="#">CodeColts</a> Company. All rights
+                reserved</p>
+            
+        </div>
+    </div>
+</footer>

templates/components/footer.html

@@ -116,12 +116,8 @@
       <div class="container">
         <div class="row">
           <div class="col-lg-12">
-            <p>
-              Copyright © 2023 The <a href="#">CodeColts</a> Company. All rights
-              reserved.
-
-              <br />
-            </p>
+            <!--footer-->
+            {% include 'components/footer.html'  %}
           </div>
         </div>
       </div>