Skip to content

Commit

Permalink
Merge pull request #2406 from SrijaVuppala295/x
Browse files Browse the repository at this point in the history
Changing the Social Media Icons !!
  • Loading branch information
iamrahulmahato authored Nov 10, 2024
2 parents 5dbed93 + 567e57c commit 167ff57
Showing 1 changed file with 73 additions and 1 deletion.
74 changes: 73 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down

0 comments on commit 167ff57

Please sign in to comment.