<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Naseehah Project</title>
</head>
<body>
<div class="wrapper">
<header>
<nav class="navbar">
<ul class="nav-links">
<li><a href="/index.html">Home</a></li>
</ul>
<div class="logo-header">
<img src="/Assets/Naseehah-Logo.png" alt="Naseehah Logo" class="small-logo">
</div>
</nav>
</header>
<main>
<div class="banner">
<img src="/Assets/Banners/SantaSecret.png" alt="Banner Image">
</div>
<h2>Please Select Language</h2>
<div class="chat-container">
<ul class="chat">
<li class="message right">
<p><a href="/StValentine/en/Origin.html">English</a></p>
</li>
<li class="message right">
<p><a href="/StValentine/fr/Origin.html">French</a></p>
</li>
<!--li class="message right">
<p style="line-height:10px;"><a href="/StValentine/mfe/Origin.html">Mauritian Creole</a>*<br/><span style="font-size:10px; margin-top:10px;">This section may contain gramatical mistakes and does not reflect the official Mauritian Creole</span></p>
</li-->
</ul>
</div>
</main>
</div>
<div class="button-container">
<button class="contact-button"><a href="https://forms.gle/Fcg8KmxJafoUpVqF8" target="_blank">Any further questions, please reach out to us</a></button>
</div>
<footer class="site-footer">
<div class="footer-inner container">
<div class="footer-brand">
<img src="/Assets/Naseehah-Logo.png" alt="Naseehah" loading="lazy" width="160" height="60">
<p class="subtle">Sincere, practical guidance—grounded in Islamic teachings.</p>
</div>
<nav class="footer-links" aria-label="Footer">
<div>
<h4>Explore</h4>
<a href="/#campaigns">Campaigns</a>
<a href="/#advice">Advice</a>
<a href="/#projects">Projects</a>
</div>
<div>
<h4>Connect</h4>
<a href="https://ko-fi.com/naseehah/tip" target="_blank" rel="noopener">Donate</a>
<a href="https://forms.gle/ZntSByGim4t6aPq3A" target="_blank" rel="noopener">Volunteer</a>
<a href="https://forms.gle/PXwf8FAoy65x3HYC7" target="_blank" rel="noopener">Scholar Council</a>
</div>
<div>
<h4>Follow</h4>
<a href="https://www.facebook.com/people/Naseehah/61557889276164/" target="_blank" rel="noopener">Facebook</a>
<a href="https://www.facebook.com/people/Naseehah/61557889276164/" target="_blank" rel="noopener">Instagram</a>
<a href="https://www.facebook.com/people/Naseehah/61557889276164/" target="_blank" rel="noopener">Twitter</a>
</div>
</nav>
</div>
<div class="footer-bar">
<p>Mobile app coming soon, in shā’ Allāh.</p>
<a href="/#home" class="back-to-top" aria-label="Back to top">
<i class="fa-solid fa-arrow-up"></i>
</a>
</div>
</footer>
<script>
window.addEventListener('scroll', function() {
var navbar = document.querySelector('.navbar');
if (window.scrollY > 50) { // Adjust this value to control when the background appears
navbar.classList.add('scrolled');
} else {
navbar.classList.remove('scrolled');
}
});
</script>
</body>
</html>