modified footer

Nathius262 · Jun 22, 2024 · e72c73a · e72c73a
1 parent 9d30d15
commit e72c73a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -73,9 +73,9 @@ <h1 class="d-grid">
                 <section class="about pt-5 mt-0">
                     <div class="d-flex justify-content-end" id="live-stream">
                         <div class="live-stream d-flex align-items-center">
-                            <img width="45" src="static/img/icon/live_stream.png" alt="">
+                            <img width="45" src="static/img/icon/live_stream.png" alt="live stream">
                             <div class="mx-2">
-                                <a href="live-stream.html">Live Streaming</a>
+                                <a class="fs-5" style="background: none; color:var(--white); letter-spacing:2.5px;" href="live-stream.html">Live Streaming</a>
                             </div>
                         </div>
                     </div>

diff --git a/static/css/style.css b/static/css/style.css
@@ -296,7 +296,6 @@ a{
 
 }
 
-
 /**********
 **********
 **********

diff --git a/static/js/components/Footer.js b/static/js/components/Footer.js
@@ -24,8 +24,14 @@ function Footer(){
                 <div class="col-md-4">
                 
                     <div class="d-grid">
-                        <div class="my-1"><img src="static/img/icon/email.png" width="30" alt="email"> glorycarriersministryint’l@gmail.com</div>
-                        <div class="my-1"><img src="static/img/icon/phone.png" width="30" alt="phone"> +234 000 000 000, +234 000 000 000</div>
+                        <div class="my-1 d-sm-flex align-items-center"><img src="static/img/icon/email.png" width="30" alt="email"> <a class="nav-link fw-light fs-6 mx-1" href="mailto:glorycarriersministryint’l@gmail.com">glorycarriersministryint’l@gmail.com</a></div>
+                        <div class="my-1 d-sm-flex align-items-center justify-content-center">
+                            <img class="" src="static/img/icon/phone.png" width="30" alt="phone"> 
+                            <div class="d-sm-flex mx-1">
+                                <a class="nav-link fw-light fs-6" href="tel:+234 000 000 000">+234 000 000 000, </a>
+                                <a class="nav-link fw-light fs-6" href="tel:+234 000 000 000">+234 000 000 000</a>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -296,7 +296,6 @@ a{ @@
     }
     /**********
     **********
     **********
@@ Expand Down @@