From ae474acd1d36c235851ecf439489659a4053badf Mon Sep 17 00:00:00 2001
From: lovely mahour <141830010+lovelymahor@users.noreply.github.com>
Date: Sun, 4 Aug 2024 16:43:06 +0530
Subject: [PATCH]  Change Footer Alignment and Color Contrast (#1245)

---
 Image-Gallery/style.css | 2 +-
 index.html              | 8 ++++----
 styles.css              | 6 ++++--
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css
index 4888e898..687f448d 100644
--- a/Image-Gallery/style.css
+++ b/Image-Gallery/style.css
@@ -55,7 +55,7 @@ body {
 }
 
 .footer__col h4 {
-  color: var(--footer-text-color);
+  color: #123456;
 }
 
 .footer__col p {
diff --git a/index.html b/index.html
index cefcb13f..7e6542d6 100644
--- a/index.html
+++ b/index.html
@@ -1858,7 +1858,7 @@ <h2 class="section__title" data-aos="fade-up">Subscribe to get special prize</h2
     <footer class="footer" data-aos="fade-up">
       <div class=" footer__container">
         <div class="footer__col">
-          <h3 class="footer-head" class="footer__title" style="cursor: default;">Tourguide<span>.</span></h3>
+          <h3 class="footer-head" class="footer__title" style="cursor: default;">Tourguide<span></span></h3>
           <p>
             Ready for your next adventure? Let's make it unforgettable.<br>
           </p>
@@ -1867,7 +1867,7 @@ <h3 class="footer-head" class="footer__title" style="cursor: default;">Tourguide
           </p>
         </div>
         <div class="footer__col">
-          <h3 class="footer-head" class="footer__title">Places You May Want to Visit<span>.</span></h3>
+          <h3 class="footer-head" class="footer__title">Places You May Want to Visit<span></span></h3>
           <p class="footer__text footer_text">
 
             <a href="Cultural_Exp.html">Cultural Experiences</a>
@@ -1889,7 +1889,7 @@ <h4 class="footer-head" class="footer__subtitle">Support</h4>
           </div>
         </div>
         <div class="footer__col">
-          <h4 class="footer-head" style="padding-left: 35px;"> Address</h4>
+          <h4 class="footer-head" style="padding-left: 35px; color: #123456;"> Address</h4>
           <div class="mapouter">
             <div class="gmap_canvas"><iframe width="200" height="200" id="gmap_canvas"
                 src="https://maps.google.com/maps?q=wellington%20street%20kolkata&t=k&z=11&ie=UTF8&iwloc=&output=embed"
@@ -1968,7 +1968,7 @@ <h4>Contact Us</h4>
 
         </div>
         <div style="padding: 32px; background-color: transparent; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
-          <label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 10px; font-size: 20px; color: white;">Select Language:</label>
+          <label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 10px; font-size: 20px; color: #123456;">Select Language:</label>
           <div id="google_translate_element" style="display: inline-block; margin-top: 10px; padding: 20px; border: 1px solid #ff9fcf; border-radius: 5px; background-color: #fff;"></div>
         </div>
       </div>
diff --git a/styles.css b/styles.css
index c93c7ce0..1bc4abc3 100644
--- a/styles.css
+++ b/styles.css
@@ -1319,6 +1319,7 @@ body, html {
   font-weight: 600;
   margin-bottom: 20px;
   color: #123456;
+  font-weight: bold;
 }
 
 .footer__col h3 span {
@@ -1341,9 +1342,9 @@ body, html {
 
 .footer__col h4 {
   font-size: 1.5rem;
-  font-weight: 600;
+  font-weight: bold;
   margin-bottom: 15px;
-  color: #ff0000;
+  color: #123456;
 }
 
 .footer__bar {
@@ -1356,6 +1357,7 @@ body, html {
   color: var(--extra-light);
   padding-top: 1rem;
   margin-top: 1rem;
+  background: linear-gradient(to right, rgba(204, 204, 204, 0), #123456, rgba(204, 204, 204, 0)); /* Gradient effect */
   border-top: 2px solid var(--text-light);
 }