<!doctype html>
<html lang="en">

<!-- This site develop by Hud Hud digital  -->
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Fav Icon -->
<link rel="shortcut icon" href="favicon.ico">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="css/all.css" rel="stylesheet">
<link href="css/owl.carousel.css" rel="stylesheet">

<!-- <link rel="stylesheet" href="css/switcher.css"> -->
<link rel="stylesheet" href="rs-plugin/css/settings.css">
<!-- Jquery Fancybox CSS -->
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.min.css" media="screen" />
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet"  id="colors">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
<title>Moonlight academy</title>
</head>
<body>

<!--Header Start-->
<div class="header-wrap">
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-3 col-md-12 navbar-light">
        <div class="logo"> <a href="index.html"><img alt="" class="logo-default" src="images/Moon.png"></a></div>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
      </div>
      <div class="col-lg-6 col-md-12">
        <div class="navigation-wrap" id="filters">
          <nav class="navbar navbar-expand-lg navbar-light"> <a class="navbar-brand" href="#">Menu</a>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
              <button class="close-toggler" type="button" data-toggle="offcanvas"> <span><i class="fas fa-times-circle" aria-hidden="true"></i></span> </button>
              <ul class="navbar-nav mr-auto">
                <li class="nav-item"> <a class="nav-link active" href="index.php">Home <span class="sr-only">(current)</span></a> </li>
                <li class="nav-item"><a class="nav-link" href="about.php">About</a></li>
                <li class="nav-item"><a class="nav-link" href="Service.php">Our Services</a></li>
                <li class="nav-item"><a class="nav-link" href="admin.php">Admissions</a></li>
                <li class="nav-item"><a class="nav-link" href="ga.php">Gallery</a></li>
                <li class="nav-item"><a class="nav-link" href="contact.php">Contact Us</a></li>
              </ul>
            </div>  
          </nav>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="header_info">
          <div class="loginwrp"><a href="https://www.moonlight.ac.tz/webmail">Staff Mail</a></div>
        </div>
      </div>
    </div>
  </div>
</div>
<!--Header End--> 

<!-- Revolution slider start -->
<div class="tp-banner-container">
  <div class="tp-banner">
    <ul>
      <li data-slotamount="7" data-transition="slotzoom-horizontal" data-masterspeed="1000" data-saveperformance="on"> <img alt="" src="images/dummy.png" data-lazyload="images/sl22.jpg">
        <div class="caption lft large-title tp-resizeme slidertext2" data-x="center" data-y="170" data-speed="600" data-start="1600"><span>Moonlight academy English medium</span></div>
        <div class="caption lfb large-title tp-resizeme slidertext4" data-x="330" data-y="350" data-speed="600" data-start="2800"> <a href="#"><i class="fas fa-edit"></i>Admission</a> </div>
        <div class="caption lfb large-title tp-resizeme slidertext4 slidertext5" data-x="610" data-y="350" data-speed="600" data-start="3400"> <a href="#"><i class="far fa-calendar-alt"></i>School Profile</a> </div>
      </li>

      <li data-slotamount="7" data-transition="3dcurtain-horizontal" data-masterspeed="1000" data-saveperformance="on"> <img alt="" src="images/dummy.png" data-lazyload="images/sl1.jpg">
        <div class="caption lfb large-title tp-resizeme slidertext4" data-x="330" data-y="350" data-speed="600" data-start="2800"> <a href="#"><i class="fas fa-edit"></i>Admission</a> </div>
        <div class="caption lfb large-title tp-resizeme slidertext4 slidertext5" data-x="610" data-y="350" data-speed="600" data-start="3400"> <a href="#"><i class="far fa-calendar-alt"></i>School Profile</a> </div>
      </li>

        <li data-slotamount="7" data-transition="3dcurtain-horizontal" data-masterspeed="1000" data-saveperformance="on"> <img alt="" src="images/dummy.png" data-lazyload="images/sl3.jpg">
        <div class="caption lfb large-title tp-resizeme slidertext4" data-x="330" data-y="350" data-speed="600" data-start="2800"> <a href="#"><i class="fas fa-edit"></i>Admission</a> </div>
        <div class="caption lfb large-title tp-resizeme slidertext4 slidertext5" data-x="610" data-y="350" data-speed="600" data-start="3400"> <a href="#"><i class="far fa-calendar-alt"></i>School Profile</a> </div>
      </li>

        <li data-slotamount="7" data-transition="3dcurtain-horizontal" data-masterspeed="1000" data-saveperformance="on"> <img alt="" src="images/dummy.png" data-lazyload="images/sl4.jpg">
        <div class="caption lfb large-title tp-resizeme slidertext4" data-x="330" data-y="350" data-speed="600" data-start="2800"> <a href="#"><i class="fas fa-edit"></i>Admission</a> </div>
        <div class="caption lfb large-title tp-resizeme slidertext4 slidertext5" data-x="610" data-y="350" data-speed="600" data-start="3400"> <a href="#"><i class="far fa-calendar-alt"></i>School Profile</a> </div>
      </li>
      <li data-slotamount="7" data-transition="3dcurtain-horizontal" data-masterspeed="1000" data-saveperformance="on"> <img alt="" src="images/dummy.png" data-lazyload="images/sl7.jpg">
        <div class="caption lfb large-title tp-resizeme slidertext4" data-x="330" data-y="350" data-speed="600" data-start="2800"> <a href="#"><i class="fas fa-edit"></i>Admission</a> </div>
        <div class="caption lfb large-title tp-resizeme slidertext4 slidertext5" data-x="610" data-y="350" data-speed="600" data-start="3400"> <a href="#"><i class="far fa-calendar-alt"></i>School Profile</a> </div>
      </li>
    </ul>
  </div>
</div>
<!-- Revolution slider end --> 

<!-- School Start -->
<div class="our-course-categories-two ">
  <div class="container">
    <div class="categories_wrap">
      <ul class="row unorderList">
        <li class="col-lg-3 col-md-6"> 
          <!-- single-course-categories -->
          <div class="categories-course">
            <div class="item-inner">
              <div class="cours-icon"> <span class="coure-icon-inner"> <img src="images/teacher.png" alt=""> </span> </div>
              <div class="cours-title">
                <h4>Expert    teachers</h4>
                <p></p>
              </div>
            </div>
          </div>
          <!--// single-course-categories --> 
        </li>
        <li class="col-lg-3 col-md-6"> 
          <!-- single-course-categories -->
          <div class="categories-course">
            <div class="item-inner">
              <div class="cours-icon"> <span class="coure-icon-inner"> <img src="images/book.png" alt=""> </span> </div>
              <div class="cours-title">
                <h4>Quality   Education</h4>
                <p></p>
              </div>
            </div>
          </div>
          <!--// single-course-categories --> 
        </li>
        <li class="col-lg-3 col-md-6"> 
          <!-- single-course-categories -->
          <div class="categories-course" >
            <div class="item-inner">
              <div class="cours-icon"> <span class="coure-icon-inner"> <img src="images/support.png" alt=""> </span> </div>
              <div class="cours-title">
                <h4>Quality library</h4>
                <p></p>
              </div>
            </div>
          </div>
          <!--// single-course-categories --> 
        </li>
        <li class="col-lg-3 col-md-6"> 
          <!-- single-course-categories -->
          <div class="categories-course">
            <div class="item-inner">
              <div class="cours-icon"> <span class="coure-icon-inner"> <img src="images/scholarship.png" alt=""> </span> </div>
              <div class="cours-title">
                <h4>modern class Rooms </h4>
                <p></p>
              </div>
            </div>
          </div>
          <!--// single-course-categories --> 
        </li>
      </ul>
    </div>
  </div>
</div>

<!-- School End --> 

<!-- About Start -->
<div class="about-wrap  " id="about">
  <div class="container">
    <div class="row">
      <div class="col-lg-7">
        <div class="aboutImg"><img src="images/aa1.jpg" alt=""></div>
      </div>
      <div class="col-lg-5">
        <div class="about_box">
          <div class="title">
            <h1>About Schoolt</h1>
          </div>
          <p>Starting off from 2013 the school’s vision is to develop create and innovate 
an environment friendly and reliable for education to students of all
type…understanding difference in personality, perspective and learning 
capability among students.</p>
          <ul class="edu_list">
            <li>
              <div class="learing-wrp">
                <div class="edu_icon"><img src="images/education.png" alt=""></div>
                <div class="learn_info">
                  <h3>School Motto</h3>
                  <p>Efficiency and Academic Excellence</p>
                </div>
              </div>
            </li>
            <li>
              <div class="learing-wrp">
                <div class="edu_icon"><img src="images/education.png" alt=""></div>
                <div class="learn_info">
                  <h3>School Vision</h3>
                  <p>To provide quality Education wic caters the needs of the society and nation at large.</p>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- About End --> 


<!-- Classes Start -->

<!-- Classes End --> 

<!-- Choice Start -->
<div class="choice-wrap ">
  <div class="container">
    <div class="title">
      <h1>We Are The Best <span>Choice For Your Child</span></h1>
    </div>
    <p>At Moonlight academy English medium primary School we offer both Pre and Primary School education that gives your child a great start on their lifelong journey of learning. We accept children of all religious backgrounds from the age of three through to school age. Our medium of instruction is English to all kids and it prepares Tanzania children to be competent in the global market when it comes to international languages when it comes to developing and practicing their career in future. Our school offers Preschool and Primary School education that gives your child a great start on their lifelong journey of learning.</p>
    <div class="readmore"><a href="contact.php">Contact Us</a></div>
  </div>
</div>
<!-- Choice End --> 

<!-- Gallery Start -->

<!-- Gallery End --> 
<div class="blog-wrap flight-wrap ">
  <div class="container">
    <div class="title">
      <h1> Our School Photos</h1>
    </div>
    <ul class="row unorderList">
      <li class="col-lg-4">
        <div class="blog_box">
          <div class="blogImg"><img src="images/cl1.jpg" alt="">
            <div class="time_box"><span>class 4</span></div>
          </div>
          
        </div>
      </li>
      <li class="col-lg-4">
        <div class="blog_box">
          <div class="blogImg"><img src="images/cl2.jpg" alt="">
            <div class="time_box"><span>baby class</span></div>
          </div>
          
        </div>
      </li>
      <li class="col-lg-4">
        <div class="blog_box">
          <div class="blogImg"><img src="images/cl3.jpg" alt="">
            <div class="time_box"><span>class 7</span></div>
          </div>
          
        </div>
      </li>
    </ul>
    <ul class="row unorderList">
      <li class="col-lg-4">
        <div class="blog_box">
          <div class="blogImg"><img src="images/cl5.jpg" alt="">
            <div class="time_box"><span>School bus</span></div>
          </div>
          
        </div>
      </li>
      <li class="col-lg-4">
        <div class="blog_box">
          <div class="blogImg"><img src="images/cl6.jpg" alt="">
            <div class="time_box"><span>Sports</span></div>
          </div>
          
        </div>
      </li>
      <li class="col-lg-4">
        <div class="blog_box">
          <div class="blogImg"><img src="images/cl9.jpg" alt="">
            <div class="time_box"><span>Students with teachear</span></div>
          </div>
          
        </div>
      </li>
    </ul>
  </div>
</div>

<!-- Testimonials Start -->

<!-- Testimonials End --> 

<!-- Enroll Start -->
<div class="choice-wrap enroll-wrap">
  <div class="container">
    <div class="title">
      <h1>Call To Enroll Your Child</h1>
    </div>
    <p>If you would you like to come and visit the school and talk to us in person, please contact us at </p>
    <div class="phonewrp"><img src="images/phone_icon.png" alt=""><a href="#">
255767717030</a></div>
  </div>
</div>
<!-- Enroll End --> 

<!-- Teacher Start -->

<!-- Teacher Start --> 

<!-- Blog Start -->

<!-- Blog End --> 

<!--Newsletter Start-->

<!--Newsletter End--> 

<!-- Footer Start -->
<div class="footer-wrap">
  <div class="container">
    <div class="row">
      <div class="col-lg-4">
        
        <p>Moonlight academy features Nursery and Primary section. It is a modern school grounded in tradition since 2013. Over the years, it has recorded some remarkable changes in staff, administration, and building extension. It aims to bring the joy of learning with its innovative schooling system. It admits children of all creeds, colour, nationalities and religion.</p>
      </div>
      <div class="col-lg-2 col-md-3">
        
      </div>
      <div class="col-lg-3 col-md-4">
        <h3>Opening Hours</h3>
        <ul class="unorderList hourswrp">
          <li>Monday <span>08:00 - 02:00</span></li>
          <li>Tuesday <span>08:00 - 02:00</span></li>
          <li>Wednesday <span>08:00 - 02:00</span></li>
          <li>Thursday <span>08:00 - 02:00</span></li>
          <li>Friday <span>08:00 - 02:00</span></li>
          <li>Saturday <span>08:00 - 02:00</span></li>
          <li>Sunday <span>Closed</span></li>
        </ul>
      </div>
      <div class="col-lg-3 col-md-4">
        <div class="footer_info">
          <h3>Get in Touch</h3>
          <ul class="footer-adress">
            <li class="footer_address"> <i class="fas fa-map-signs"></i> <span>Majumba sita - Sumbawanga - Rukwa</span> </li>
            <li class="footer_email"> <i class="fas fa-envelope" aria-hidden="true"></i> <span><a href="mailto:info@moonlight.ac.tz"> info@moonlight.ac.tz </a></span> </li>
            <li class="footer_phone"> <i class="fas fa-phone-alt"></i> <span><a href="tel:255767717030">255767717030</a></span> </li>
          </ul>
          <div class="social-icons footer_icon">
            <ul>
              <li><a href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
              <li><a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
              <li><a href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
              <li><a href="#"><i class="fab fa-youtube" aria-hidden="true"></i></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Footer End --> 

<!--Copyright Start-->
<div class="footer-bottom text-center">
  <div class="container">
    <div class="copyright-text">Copyright © Moonlight academy . All Rights Reserved</div>
  </div>
</div>
<!--Copyright End--> 

<!-- Js --> 
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/popper.min.js"></script> 
<script src="rs-plugin/js/jquery.themepunch.tools.min.js"></script> 
<script src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script> 
<!-- Jquery Fancybox --> 
<script src="js/jquery.fancybox.min.js"></script> 
<!-- Animate js --> 
<script src="js/animate.js"></script> 
<script>
  new WOW().init();
</script> 
<!-- WOW file --> 
<script src="js/wow.js"></script> 
<!-- general script file --> 
<script src="js/owl.carousel.js"></script> 
<script src="js/script.js"></script>
</body>

<!--  power by hud hud  -->
</html>