aboutUs.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us</title>
    <link rel="stylesheet" href="style.css">

</head>
<body>
    <header id="table">
        <h1 style="color: rgb(255, 255, 255);">CHARITY & FUNDRAISING</h1>
    </header>
    <br>
    <main>
        <nav class="navbar">
            <div class="logo">CHARITY & FUNDRAISING</div>
            <div class="hamburger" onclick="toggleMenu()">☰</div>
            <ul class="nav-links" id="navLinks">
              <li><a href="index.html">HOME</a></li>
              <li><a href="aboutUs.html">ABOUT US</a></li>
              <li><a href="Campaign.html">CAMPAIGNS</a></li>
              <li><a href="GetInvolved.html">GET INVOLVED</a></li>
              <li><a href="contactUs.html">CONTACT US</a></li>
            </ul>
          </nav>
    <h2 style="text-align: center;">    
    <img src="about us.png" height="50">
    About Us</h2>
    <hr>
     <div data-role="content" style="text-align:center ;">
    <h2 style="text-align:center">Our Team</h2>
    <div class="profile">
      <img src="hail.jpg" style="height: 300px; width: 250px;">
      <h3>MUHAMMAD HAIL BIN MOHD ARIFF</h3>
      <p>Phone: 018-4701022</p>
    </div>
   <br>
    <h2 style="text-align:center">Our Team</h2>
    <div class="profile">
      <img src="Gambar Formal.jpg" style="height: 300px;">
      <h3>MUHAMMAD NAFIZ BIN MOHAMED NAZARUDIN</h3>
      <p>Phone: 018-3456789</p>
  </div>
  <br>
  <h2 style="text-align:center">Our Team</h2>
    <div class="profile">
      <img src="Alip.jpeg" style="height: 300px;">
      <h3>MUHAMMAD ALIF NAJMI BIN SAHRI</h3>
      <p>Phone: 012-3456789</p>
  </div>

<br>
  <h2 style="text-align:center">Our Team</h2>
    <div class="profile">
      <img src="meon.jpg" style="height: 300px;">
      <h3>MUHAMMAD AMIRUL BIN NORIZAN</h3>
      <p>Phone: 012-3456789</p>
  </div>
<hr>
    <h3 style="text-align: center;">Our Story</h3>
   
            <p>Charity & Fundraising was founded in [Year] by a group of passionate individuals who saw a gap in the support available for vulnerable communities. Driven by a shared vision of a more equitable society, we set out to address the challenges faced by those who needed help the most. Over the years, we have grown and evolved, but our core values of empathy, integrity, and determination have remained steadfast.</p>

    <h3 style="text-align: center;">Our Mission</h3>
    <hr>
            <p>At Charity & Fundraising, our mission is to empower individuals and communities by providing essential support, resources, and opportunities. We believe that every person has the right to a fulfilling life, and we work tirelessly to break down barriers and create lasting change.</p>

            <a href="ContactUs.html">
                <img style="display: block; margin: auto;" src="join us.jpg" alt="Join Us" height="150">
            </a>
            <hr>
                <p>We are grateful for the support of our donors, volunteers, and partners who make our work possible. If you share our passion for creating a better world, we invite you to join us. Whether through donations, volunteering, or spreading the word, every action makes a difference.</p>
                <p>Together, we can build a brighter future for all.</p>
                <p>Thank you for being a part of our journey.</p>
                <p>Charity & Fundraising Team</p>
    
   
    </a>
    <footer>
        <h3>ChrFnd © 2025 All Right Reserved</h3>
    </footer>
    <script>
        function toggleMenu() {
          const navLinks = document.getElementById("navLinks");
          navLinks.classList.toggle("show");
        }
    </script>
</body>
<br>
<br>

</html>