From dfc1dccad31d2f03a7aaae81b356a57f1b922c5d Mon Sep 17 00:00:00 2001
From: Harsh <harsh.cr7@gmail.com>
Date: Thu, 3 Oct 2024 19:35:28 +0530
Subject: [PATCH 1/3] Alignment of Contact-Us and Address section Updated

---
 index.html | 132 ++++++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 101 insertions(+), 31 deletions(-)

diff --git a/index.html b/index.html
index 710a7d43..482b0745 100644
--- a/index.html
+++ b/index.html
@@ -3023,40 +3023,38 @@ <h3>Rate Us</h3>
 
     <section class="section-contact" id="contact" aria-label="contact">
       
-        <h1 class="ctc">CONTACT US!</h1>
-        <p class="p">Have a Question?</p>
-       
-   
-  <div class="flexi">
-   
-    <div class="contact">
-      <h3 style="text-align: center; color: #A30F17 ;" >Get in touch</h3>
-      <div class="contact-container">
-        
-        <form class="contact-form" id="contactForm">
-          <label for="name">Name</label>
-          <input type="text" id="name" name="name" placeholder="Your Name" required>
+<h1 class="ctc">CONTACT US!</h1>
+<p class="p">Have a Question?</p>
 
-          <label for="email">Email</label>
-          <input type="email" id="email" name="email" placeholder="your-email@example.com" required>
+<div class="flexi">
+  <div class="contact">
+    <h3 style="text-align: left; color: #A30F17;">Get in touch</h3>
+    <div class="contact-container">
+      <form class="contact-form" id="contactForm">
+        <label for="name">Name</label>
+        <input type="text" id="name" name="name" placeholder="Your Name" required>
 
-          <label for="subject">Subject</label>
-          <input type="text" id="subject" name="subject" placeholder="Subject" required>
+        <label for="email">Email</label>
+        <input type="email" id="email" name="email" placeholder="your-email@example.com" required>
 
-          <label for="message">Message</label>
-          <textarea id="message" name="message" placeholder="Your Message" required></textarea>
+        <label for="subject">Subject</label>
+        <input type="text" id="subject" name="subject" placeholder="Subject" required>
 
-          <button type="submit">Send Message</button>
-        </form>
-        <div class="image-fader">
+        <label for="message">Message</label>
+        <textarea id="message" name="message" placeholder="Your Message" required></textarea>
+
+        <button type="submit">Send Message</button>
+      </form>
+      <div class="image-fader">
           <img src="/assets/images/ctc1.png" alt="ctc1">
           <img src="/assets/images/ctc5.png" alt="ctc5">
           <img src="/assets/images/ctc3.png" alt="ctc3">
           <img src="/assets/images/ctc4.png" alt="ctc4">
         </div>
-      </div>
     </div>
-<div class="cardi">
+  </div>
+
+  <div class="address-side">
     <div class="contact-card white-border-card">
       <li>
         <p class="card-title address-title">
@@ -3064,7 +3062,7 @@ <h3 style="text-align: center; color: #A30F17 ;" >Get in touch</h3>
           Address :
         </p><br>
         <address class="address">
-          12, Nayabad <br>
+          12, Nayabad, <br>
           Kolkata, India 700054
         </address>
       </li>
@@ -3083,13 +3081,85 @@ <h3 style="text-align: center; color: #A30F17 ;" >Get in touch</h3>
         <a href="mailto:support@swapreads.com" class="card-link">support@swapreads.com</a>
       </li>
     </div>
-    </div>
   </div>
-  <iframe
-    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3686.5834653201455!2d88.40974607348684!3d22.482281936278092!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0273c5411d60d7%3A0x5d6e57763593194b!2sSouthern%20Cleve%20Housing%2C%2012%2C%20Bhagat%20Singh%20Nagar%2C%20Nayabad%2C%20Kolkata%2C%20West%20Bengal%20700150!5e0!3m2!1sen!2sin!4v1716043813992!5m2!1sen!2sin"
-    style="border:0; margin-bottom:30px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
-  </iframe>
-</section>
+</div>
+
+<iframe
+  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3686.5834653201455!2d88.40974607348684!3d22.482281936278092!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0273c5411d60d7%3A0x5d6e57763593194b!2sSouthern%20Cleve%20Housing%2C%2012%2C%20Bhagat%20Singh%20Nagar%2C%20Nayabad%2C%20Kolkata%2C%20West%20Bengal%20700150!5e0!3m2!1sen!2sin!4v1716043813992!5m2!1sen!2sin"
+  style="border: 10px;padding: 1%; margin-bottom:20px; margin-top:10px" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
+</iframe>
+
+<style>
+  .flexi {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin-left: -100px; /* Shift both sections further left */
+  }
+
+  .contact {
+    flex: 0.75;
+    margin-right:-60px;
+    margin-top: 0;
+    margin-bottom: 17px;
+  }
+  .address-side {
+    flex: 0.25; /* Reduced flex value to make the address section narrower */
+    margin-left: -150px; /* Keep the left shift to bring it closer to the center */
+    margin-top: 0;
+    margin-right: 100px;
+    margin-bottom: 17px;
+    
+}
+
+
+  h1.ctc, p.p {
+    margin-bottom: 0;
+  }
+
+  .contact-container, .address-side {
+    margin-top: 0;
+  }
+
+  .contact-form {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .contact-form input, .contact-form textarea {
+    margin-bottom: 20px;
+    padding: 10px;
+    font-size: 14px;
+  }
+
+  .contact-form button {
+    padding: 10px;
+    background-color: #A30F17;
+    color: #fff;
+    border: none;
+    cursor: pointer;
+  }
+
+  .image-fader img {
+    width: 100px;
+    margin: 5px;
+  }
+
+  .white-border-card {
+    border: 1px solid #fff;
+    padding: 20px;
+  }
+
+  .card-title {
+    font-weight: bold;
+  }
+
+  .card-link {
+    color: #A30F17;
+    text-decoration: none;
+  }
+</style>
+
 
 <script src="https://cdn.emailjs.com/dist/email.min.js"></script>
 <script>

From 90441e32b357d91d7bcb74acab531802666263ae Mon Sep 17 00:00:00 2001
From: Harsh <harsh.cr7@gmail.com>
Date: Fri, 4 Oct 2024 14:44:45 +0530
Subject: [PATCH 2/3] Changed

---
 index.html | 33 ++++++++++++++++++++++++---------
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 482b0745..f7b921ee 100644
--- a/index.html
+++ b/index.html
@@ -3021,7 +3021,7 @@ <h3>Rate Us</h3>
     
       
 
-    <section class="section-contact" id="contact" aria-label="contact">
+<section class="section-contact" id="contact" aria-label="contact">
       
 <h1 class="ctc">CONTACT US!</h1>
 <p class="p">Have a Question?</p>
@@ -3083,12 +3083,6 @@ <h3 style="text-align: left; color: #A30F17;">Get in touch</h3>
     </div>
   </div>
 </div>
-
-<iframe
-  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3686.5834653201455!2d88.40974607348684!3d22.482281936278092!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0273c5411d60d7%3A0x5d6e57763593194b!2sSouthern%20Cleve%20Housing%2C%2012%2C%20Bhagat%20Singh%20Nagar%2C%20Nayabad%2C%20Kolkata%2C%20West%20Bengal%20700150!5e0!3m2!1sen!2sin!4v1716043813992!5m2!1sen!2sin"
-  style="border: 10px;padding: 1%; margin-bottom:20px; margin-top:10px" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
-</iframe>
-
 <style>
   .flexi {
     display: flex;
@@ -3134,7 +3128,7 @@ <h3 style="text-align: left; color: #A30F17;">Get in touch</h3>
 
   .contact-form button {
     padding: 10px;
-    background-color: #A30F17;
+    background-color: palevioletred;
     color: #fff;
     border: none;
     cursor: pointer;
@@ -3155,10 +3149,31 @@ <h3 style="text-align: left; color: #A30F17;">Get in touch</h3>
   }
 
   .card-link {
-    color: #A30F17;
+    color:palevioletred;
     text-decoration: none;
   }
 </style>
+<style>
+  .map-container {
+    position: relative;
+    overflow: hidden; 
+  }
+
+  .map-container iframe {
+    pointer-events: none; 
+    transition: pointer-events 0.3s ease; 
+  }
+
+  .map-container:hover iframe {
+    pointer-events:auto; 
+  }
+</style>  
+<iframe
+  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3686.5834653201455!2d88.40974607348684!3d22.482281936278092!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0273c5411d60d7%3A0x5d6e57763593194b!2sSouthern%20Cleve%20Housing%2C%2012%2C%20Bhagat%20Singh%20Nagar%2C%20Nayabad%2C%20Kolkata%2C%20West%20Bengal%20700150!5e0!3m2!1sen!2sin!4v1716043813992!5m2!1sen!2sin"
+  style="border: 10px;padding: 1%; margin-bottom:20px; margin-top:10px" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
+</iframe>
+</section>
+
 
 
 <script src="https://cdn.emailjs.com/dist/email.min.js"></script>

From 5a1daf29fe66743884f1280db39dd15f0b7cece0 Mon Sep 17 00:00:00 2001
From: Harsh <harsh.cr7@gmail.com>
Date: Fri, 4 Oct 2024 23:31:39 +0530
Subject: [PATCH 3/3] Resolved conflict again

---
 index.html | 16 ----------------
 1 file changed, 16 deletions(-)

diff --git a/index.html b/index.html
index 48a97665..dc402544 100644
--- a/index.html
+++ b/index.html
@@ -3073,24 +3073,8 @@ <h3>Rate Us</h3>
 
 <section class="section-contact" id="contact" aria-label="contact">
       
-<<<<<<< HEAD
 <h1 class="ctc">CONTACT US!</h1>
 <p class="p">Have a Question?</p>
-=======
-        <h1 class="ctc">CONTACT US!</h1>
-        <p class="p">Have a Question?</p>
-       
-   
-  <div class="flexi">
-   
-    <div class="contact">
-      <h3 style="text-align: center; color: #A30F17;" >Get in touch</h3>
-      <div class="contact-container">
-        
-        <form class="contact-form" id="contactForm">
-          <label for="name">Name</label>
-          <input type="text" id="name" name="name" placeholder="Your Name" required>
->>>>>>> 3f10ea8bf4ca9b1e6f458c7845da6f334f383129
 
 <div class="flexi">
   <div class="contact">