From 2401499cd79547e75bf88245b2f578a33bf9598c Mon Sep 17 00:00:00 2001
From: Sourabh782 <sourabhsinghrawat782@gmail.com>
Date: Tue, 30 Jul 2024 19:05:37 +0530
Subject: [PATCH 1/2] fixed Language selection UI in Footer section to match
 with site's UI

---
 footer.css | 19 +++++++++++++++++++
 index.html |  5 +++--
 2 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 footer.css

diff --git a/footer.css b/footer.css
new file mode 100644
index 00000000..3c1209ed
--- /dev/null
+++ b/footer.css
@@ -0,0 +1,19 @@
+.goog-te-combo{
+    background: #5074cf;
+    color: white;
+    height: 40px;
+    border-radius: 70px;
+    padding: 10px;
+    border: #1457ff;
+    backdrop-filter: blur(20px);
+    font-size: medium;
+    font-weight: 400;
+}
+
+.goog-te-combo option{
+    background: #9fbaff;
+    height: 40px;
+    margin-top: 5px;
+    font-size: medium;
+    color: black;
+}
diff --git a/index.html b/index.html
index 727a40d8..19717aaa 100644
--- a/index.html
+++ b/index.html
@@ -33,6 +33,7 @@
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
   <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="footer.css">
   <link rel="stylesheet" href="./Image-Gallery/style.css">
   <link rel="stylesheet" href="./Image-Gallery/stylecaptions.css">
   <link rel="stylesheet" href="explore.css">
@@ -1730,8 +1731,8 @@ <h4>Contact Us</h4>
           </div>
 
         </div>
-        <div style="padding: 32px; background-color: #9fbaff; 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: #333;">Select Language:</label>
+        <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>
           <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>
       

From 0682fb39e73e6b262d2b1015de9fc3f7784a3bae Mon Sep 17 00:00:00 2001
From: Sourabh782 <sourabhsinghrawat782@gmail.com>
Date: Wed, 31 Jul 2024 19:26:14 +0530
Subject: [PATCH 2/2] Resolved Footer section UI

---
 footer.css | 26 ++++++++++++++++++++++++++
 index.html | 20 ++++++++++----------
 styles.css |  4 +++-
 3 files changed, 39 insertions(+), 11 deletions(-)

diff --git a/footer.css b/footer.css
index 3c1209ed..9cc8570d 100644
--- a/footer.css
+++ b/footer.css
@@ -1,3 +1,18 @@
+.footer__container {
+    width: 100%;
+    /* max-width: 1800px; */
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    justify-content: space-between;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 20px;
+    color: var(--secondary-color);
+    margin: 0;
+    padding: 0;
+  }
+
 .goog-te-combo{
     background: #5074cf;
     color: white;
@@ -17,3 +32,14 @@
     font-size: medium;
     color: black;
 }
+
+.footer_text{
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.footer_text a{
+    color: white;
+    /* margin-top: 10px; */
+}
diff --git a/index.html b/index.html
index 19717aaa..bfd458f5 100644
--- a/index.html
+++ b/index.html
@@ -1618,7 +1618,7 @@ <h2 class="section__title" data-aos="fade-up">Subscribe to get special prize</h2
 
 
     <footer class="footer" data-aos="fade-up">
-      <div class="section__container footer__container">
+      <div class=" footer__container">
         <div class="footer__col">
           <h3 class="footer-head" class="footer__title" style="cursor: default;">Tourguide<span>.</span></h3>
           <p>
@@ -1630,7 +1630,7 @@ <h3 class="footer-head" class="footer__title" style="cursor: default;">Tourguide
         </div>
         <div class="footer__col">
           <h3 class="footer-head" class="footer__title">Places You May Want to Visit<span>.</span></h3>
-          <p class="footer__text">
+          <p class="footer__text footer_text">
 
             <a href="Cultural_Exp.html">Cultural Experiences</a>
 
@@ -1734,6 +1734,14 @@ <h4>Contact Us</h4>
         <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>
           <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>
+
+      <!--  New copyright code to make it dynamic and display current year -->
+      <div class="footer__bar">
+        <div>
+          <li>Copyright &copy;<span id="year"></span> </span> Arpan Chowdhury. All rights reserved. </li>
+        </div>
       </div>
       
       
@@ -1785,14 +1793,6 @@ <h4>Contact Us</h4>
         </script> -->
         
 
-
-        <!--  New copyright code to make it dynamic and display current year -->
-        <div class="footer__bar">
-          <div>
-            <li>Copyright &copy;<span id="year"></span> </span> Arpan Chowdhury. All rights reserved. </li>
-          </div>
-        </div>
-
     </footer>
     
   
diff --git a/styles.css b/styles.css
index 2506999e..fc404585 100644
--- a/styles.css
+++ b/styles.css
@@ -1280,15 +1280,17 @@ body, html {
 
 .footer__container {
   width: 100%;
+  /* max-width: 1800px; */
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: flex-start;
+  justify-content: space-between;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   color: var(--secondary-color);
   margin: 0;
-    padding: 0;
+  padding: 0;
 }
 
 .footer__col {