<!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/Halloween.png" alt="Banner Image">
</div>
<h2>Please Select Language</h2>
<div class="chat-container">
<ul class="chat">
<li class="message right">
<p><a href="/Halloween/en/Origin.html">English</a></p>
</li>
<li class="message right">
<p><a href="/Halloween/fr/Origin.html">French</a></p>
</li>
<!--li class="message right">
<p style="line-height:10px;"><a href="/Halloween/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>
<div class="footer-container">
<p>Our Mobile App Coming Soon(IA)!</p>
<div class="download-links">
<a href="https://forms.gle/KAYCqrM58Rotz1Mm8" target="_blank">Donate</a>
<span> | </span>
<a href="https://forms.gle/ZntSByGim4t6aPq3A" target="_blank">Volunteer</a>
<span> | </span>
<a href="https://forms.gle/PXwf8FAoy65x3HYC7" target="_blank">Join Our Scholar Council</a>
</div>
<div class="social-icons">
<a href="https://www.facebook.com/people/Naseehah/61557889276164/" target="_blank">Facebook</a>
<a href="https://www.facebook.com/people/Naseehah/61557889276164/" target="_blank">Instagram</a>
<a href="https://www.facebook.com/people/Naseehah/61557889276164/" target="_blank">Twitter</a>
</div>
</div>
<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>