<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="MwalaJS is a modern framework founded by Hekima Ambalile Mwala. We offer scalable and efficient web solutions in Tanzania, with main branches in Arusha, Mbeya, and Morogoro.">
    <meta name="keywords" content="MwalaJS, Framework, Software, Founder Hekima Ambalile Mwala,Hekima Mwala,Hekima,Mwala, Arusha, Tanzania, Web Solutions">
    <meta name="author" content="Hekima Ambalile Mwala">
    <meta property="og:title" content="About Us - MwalaJS">
    <meta property="og:description" content="Discover the story behind MwalaJS, a framework created by Hekima Ambalile Mwala. We offer efficient web solutions across Tanzania with branches in Arusha, Mbeya, and Morogoro.">
    <meta property="og:image" content="path-to-your-image.jpg"> <!-- Replace with your actual image link -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://your-website-url.com/about-us"> <!-- Replace with your actual URL -->
    <title>About Us - MwalaJS</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <style>
        body {
            background-color: #f4f4f9;
            font-family: Arial, sans-serif;
            color: #333;
        }
        .header-section {
            background: #1e3c72;
            color: white;
            padding: 50px 0;
            text-align: center;
        }
        .header-section h1 {
            font-size: 36px;
            font-weight: bold;
        }
        .content-section {
            padding: 30px;
        }
        .contact-info {
            margin-top: 20px;
            font-size: 18px;
        }
        .contact-info a {
            color: #1e3c72;
            text-decoration: none;
        }
        .contact-info a:hover {
            text-decoration: underline;
        }
        .team-member {
            background-color: #ffffff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            margin-top: 30px;
        }
        .team-member h3 {
            font-size: 24px;
            font-weight: bold;
        }
        .team-member p {
            font-size: 18px;
            line-height: 1.6;
        }
        .location-map {
            margin-top: 30px;
            height: 300px;
            background: #e0e0e0;
        }
    </style>
</head>
<body>
<!-- Navbar for easy navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container-fluid">
      <a class="navbar-brand" href="/">MwalaJS</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link active" href="steps#overview">Overview</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="steps#installation">Installation</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="steps#commands">Commands</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="steps#structure">Project Structure</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="steps#example">Example Application</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="steps#conclusion">Conclusion</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
    <div class="header-section">
        <h1>About MwalaJS Framework</h1>
        <p>Your reliable framework for modern applications</p>
    </div>

    <div class="container content-section">
        <h2>Founder: Hekima Ambalile Mwala</h2>
        <div class="team-member">
            <h3>About the Founder</h3>
            <p>Hekima Ambalile Mwala is the founder of the MwalaJS framework. He is a highly motivated and passionate software developer  with a vision of creating efficient and scalable web applications. He believes in the power of technology to solve real-world problems.</p>
           <p>Also work as Electronics and Telecommunication Engineer</p>
           <p>you may prefer To learn Engineering and Technology in his youtube account link >> <a href="https://youtube.com/@hekimamwala?si=BSDBlBLuPFxD1YEH"> youtube chanel</a></p>
            <div class="contact-info">
                <p>Contact Information:</p>
                <p>Phone: <a href="tel:+255747285438">0747285438</a></p>
                <p>Email: <a href="mailto:hekimamwala1@gmail.com">hekimamwala1@gmail.com</a></p>
                <p>Work Email: <a href="mailto:biasharaboraofficials@gmail.com">biasharaboraofficials@gmail.com</a></p>
                <p>Workplace: Biashara Bora</p>
            </div>
        </div>

        <div class="team-member">
            <h3>Our Locations</h3>
            <p>MwalaJS operates throughout Tanzania, with a special focus on the following key regions:</p>
            <ul>
              
                <li>Dodoma, Tanzania (Main Hub)</li>
                <li>Arusha, Tanzania (Main Hub)</li>
                <li>Dar Es Salaam, Tanzania (Main Branch)</li>
                <li>Mbeya, Tanzania (Main Branch)</li>
                <li>Morogoro, Tanzania (Main Branch)</li>
                <li>SOUTH AFRICA (Main Branch)</li>
            </ul>
        </div>

        <div class="team-member">
            <h3>Get in Touch with Us</h3>
            <p>For more information or any inquiries, feel free to reach out to us via the contact details mentioned above. We are committed to providing the best solutions for your business needs.</p>
        </div>

        <div class="location-map">
            <!-- You can embed Google Maps here if necessary -->
            <p>Embedded Google Map showing the locations (optional)</p>
        </div>
    </div>

    <!-- Optional: Add a link to your sitemap -->
    <link rel="sitemap" type="application/xml" href="https://your-website-url.com/sitemap.xml"> <!-- Replace with actual link -->
</body>
</html>
