Merge pull request #2406 from SrijaVuppala295/x

iamrahulmahato · web-flow · commit 167ff57cd6b8 · 2024-11-10T17:11:40.000+05:30
Changing the Social Media Icons !!
diff --git a/index.html b/index.html
@@ -4026,7 +4026,79 @@ <h3>Follow Us</h3>
 
         }
     </style>
-    
+
+</head>
+<body>
+            <div class="share-section">
+                <button id="shareBtn">Share Us</button>
+            </div>
+        </div>
+    </section>
+    <script>
+        document.getElementById('shareBtn').addEventListener('click', function() {
+            if (navigator.share) {
+                navigator.share({
+                    title: 'Contact Us',
+                    text: 'Check out this Contact Us page!',
+                    url: window.location.href
+                }).then(() => {
+                    console.log('Thanks for sharing!');
+                }).catch((error) => {
+                    console.error('Error sharing:', error);
+                });
+            } else {
+                alert('Web Share API is not supported in your browser.');
+            }
+        });
+    </script>
+</a></li>
+
+        <!-- Bottom Links Section -->
+        <ul class="gridbox">
+            <li><a href="#">Help Centre</a></li>
+            <li><a href="./welcometestimonials.html">Testimonials</a></li>
+            <li><a href="#">Account</a></li>
+            <li><a href="#">Media Centre</a></li>
+            <li><a href="./terms.html">Terms of Use</a></li>
+            <li><a href="./privacy.html">Privacy</a></li>
+            
+            <li><a href="#">Cookie Preferences</a></li>
+            <li><a href="./contact.html">Contact Us</a></li>
+            
+        </ul>
+        
+        <!-- Footer Bottom -->
+        <div class="footer-bottom">
+            <div class="social-icons">
+                <a href="#"><i class="fab fa-facebook-f"></i></a>
+                <a href="#" class="x-icon" aria-label="X">
+                    X
+                </a>
+                
+                <style>
+                .x-icon {
+                    font-size: 20px; /* Adjust font size as needed */
+                    color: black;    /* Adjust color as needed */
+                    text-decoration: none;
+                    font-weight: bold;
+                    font-family: Arial, sans-serif;
+                }
+                </style>
+                
+                <a href="#"><i class="fab fa-instagram"></i></a>
+                <a href="#"><i class="fab fa-linkedin-in"></i></a> <!-- LinkedIn -->
+                <a href="#"><i class="fab fa-youtube"></i></a> <!-- YouTube -->
+                <a href="#"><i class="fab fa-pinterest"></i></a> <!-- Pinterest -->
+                <a href="#"><i class="fab fa-snapchat-ghost"></i></a>
+            </div>
+            <p>© 2024 Open Projects. All Rights Reserved. </p>
+        </div>
+    </footer>
+
+</body>
+
+</html>
+
 
 
 <button id="scrollToTopBtn" title="Go to top"><i class="ri-arrow-up-double-fill"></i></button>
