<html lang="en">

<head>

    <!-- meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="CHF - Complete Health Foundation">
    <meta name="keywords" content="CHF, Complete Health Foundation, CHF Malawi, Malawi Health Foundation">
    <meta name="author" content="Harold Chintembo">

    <!-- Site title -->
    <title>Complete Health Foundation</title>

    <!-- favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

    <!-- Bootstrap css -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">

    <!--Font Awesome css -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">

    <!-- Normalizer css -->
    <link href="assets/css/normalize.css" rel="stylesheet">

    <!-- imagehover css -->
    <link href="assets/css/imagehover.min.css" rel="stylesheet">

    <!-- Owl Carousel css -->
    <link href="assets/css/owl.carousel.min.css" rel="stylesheet">
    <link href="assets/css/owl.transitions.css" rel="stylesheet">

    <!-- Magnific popup css -->
    <link href="assets/css/magnific-popup.css" rel="stylesheet">

    <!-- animate css -->
    <link href="assets/css/animate.css" rel="stylesheet">

    <!-- Site css -->
    <link href="assets/css/style.css" rel="stylesheet">

    <!-- Responsive css -->
    <link href="assets/css/responsive.css" rel="stylesheet">
</head>

<body>

    <!-- Preloader starts-->
    <div id="preloader"></div>
    <!-- Preloader ends -->

    <!-- Navigation area starts -->
    <div class="menu-area navbar-fixed-top">
        <div class="container">
            <div class="row">

                <!-- Navigation starts -->
                <div class="col-md-12">
                    <div class="mainmenu">
                        <div class="navbar navbar-nobg">
                            <div class="navbar-header">
                                <a class="navbar-brand" href="index_1.html"><img src="assets/img/logo.png" alt=""></a>
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="navbar-collapse collapse">
                                <nav>
                                    <ul class="nav navbar-nav navbar-right">
                                        <li><a class="smooth_scroll" href="index.php">HOME</a></li>
                                        <li><a class="smooth_scroll" href="index.php">ABOUT US</a></li>
                                        <li><a class="smooth_scroll" href="index.php">CORE VALUES</a></li>
                                        <li><a class="smooth_scroll" href="index.php">SERVICES</a></li>
                                        <li><a class="smooth_scroll" href="index.php">OUR TEAM</a></li>

                                        <li><a class="smooth_scroll" href="index.php/#contact">CONTACT</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Navigation ends -->

            </div>
        </div>
    </div>
    <!-- Navigation area ends -->

    <!-- Slider area starts -->
  <section id="slider">
        <div id="carousel-example-generic" class="carousel slide carousel-fade">

            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <div class="carousel-inner" role="listbox">
                <!-- Item 1 -->
                <div class="item active slide1">
                    <div class="table">
                        <div class="table-cell">
                            <div class="intro-text">
                                <div class="title clearfix fadeInUp" style="animation-duration: 1s;animation-fill-mode: both;">
                                    <h2>Thank you</h2>
                                    <p>We appreciate your effort and we will reply to your message soon.</p>
                                </div>
                                <a href="index.php" class="btn btn-trnsp">Home</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Item 2 -->
                <div class="item slide2">
                    <div class="table">
                        <div class="table-cell">
                            <div class="intro-text fadeInUp" style="animation-duration: 1s;animation-fill-mode: both;">
                                <div class="title clearfix">
                                    <h2>Thank you</h2>
                                    <p>We appreciate your effort and we will reply to your message soon.</p>
                                </div>
                                <a href="index.php" class="btn btn-trnsp">Home</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Item 3 -->
                <div class="item slide3">
                    <div class="table">
                        <div class="table-cell">
                            <div class="intro-text">
                                <div class="title clearfix fadeInUp" style="animation-duration: 1s;animation-fill-mode: both;">
                                    <h2>Thank you</h2>
                                    <p>We appreciate your effort and we will reply to your message soon.</p>
                                </div>
                                <a href="index.php" class="btn btn-trnsp">Home</a>
                            </div>
                        </div>
                    </div>
                </div>
                <a class="left welcome-control" href="#carousel-example-generic" role="button" data-slide="prev"><i class="fa fa-angle-left"></i></a>

                <a class="right welcome-control" href="#carousel-example-generic" role="button" data-slide="next"><i class="fa fa-angle-right"></i></a>

            </div>
            <!-- End Wrapper for slides-->

        </div>
    </section>
    
    <!-- Footer area starts -->
    <footer class="footer-area section-big">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="logo footer-info mb-30">
                        <a href="#"><img src="assets/img/logo.png" alt="" /></a>
                        <p>A Malawi where all persons are well aware of, and are able to make informed decisions on prevention of Non communicable diseases (NCDs) so as to stay healthy. </p>
                        <div class="social">
                            <ul class="social-links">
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="footer-info mb-30">
                        <h3>LINKS</h3>
                        <ul class="l-post">
                            <li><a href="#">HOME</a></li>
                            <li><a href="#">ABOUT US</a></li>
                            <li><a href="#">CORE VALUES</a></li>
                            <li><a href="#">SERVICES</a></li>
                            <li><a href="#">OUR TEAM</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="footer-us mb-30">
                        <h3>CONTACT US</h3>
                        <p><i class="fa fa-map-marker" aria-hidden="true"></i><span>Complete Health Foundation</span></p>
                        <p><i class="fa fa-paper-plane" aria-hidden="true"></i><span>info@chfoundationmw.org</span></p>
                        <p><i class="fa fa-phone" aria-hidden="true"></i><span>+265 999 61 58 21  | +265 999 60 92 42</span></p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="footer-info mb-30">

                        <h3>SUBSCRIBE</h3>
                        <p>Get healthy news, tip and solutions to your problems from our experts.</p>
                        <div class="subcriber-box">
                            <form id="mc-form" class="mc-form">
                                <div class="newsletter-form">
                                    <input type="email" autocomplete="off" id="mc-email" placeholder="Email address" class="form-control">
                                    <button class="mc-submit" type="submit"><i class="fa fa-paper-plane"></i></button>
                                    <div class="clearfix"></div>
                                    <!-- mailchimp-alerts Start -->
                                    <div class="mailchimp-alerts">
                                        <div class="mailchimp-submitting"></div>
                                        <!-- mailchimp-submitting end -->
                                        <div class="mailchimp-success"></div>
                                        <!-- mailchimp-success end -->
                                        <div class="mailchimp-error"></div>
                                        <!-- mailchimp-error end -->
                                    </div>
                                    <!-- mailchimp-alerts end -->
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer area ends -->

    <!-- copyright area starts -->
    <footer class="copyright-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="copy-right">
                        <p>Copyright &copy; 2019  |  Designed by <a href="www.shakesolutions.net">Shake Solutions </a>&nbsp;<i class="fa fa-coffee"></i></p>
                    </div>
                </div>
                <a class="smooth_scroll" href="#slider" id="scroll-to-top"><i class="fa fa-long-arrow-up"></i></a>
            </div>
        </div>
    </footer>
    <!-- copyright area ends -->


    <!-- Latest jQuery -->
    <script src="assets/js/jquery.min.js"></script>

    <!-- Bootstrap js-->
    <script src="assets/js/bootstrap.min.js"></script>

    <!-- Owl Carousel js -->
    <script src="assets/js/owl.carousel.min.js"></script>

    <!-- Mixitup js -->
    <script src="assets/js/jquery.mixitup.js"></script>

    <!-- Magnific popup js -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>

    <!-- Waypoint js -->
    <script src="assets/js/jquery.waypoints.min.js"></script>

    <!-- jquery.inview js -->
    <script src="assets/js/jquery.inview.min.js"></script>

    <!-- wow js -->
    <script src="assets/js/wow.min.js"></script>

    <!-- Ajax Mailchimp js -->
    <script src="assets/js/jquery.ajaxchimp.min.js"></script>

    <!-- GOOGLE MAP JS -->
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCWGUaG5S3B5VikF8UtVCgjki1Pv_HKGgo"></script>

    <!-- Main js-->
    <script src="assets/js/main_script.js"></script>


</body>

</html>
