<?php
session_start();
require_once'helpers/security.php';
$errors=isset($_SESSION['errors'])?$_SESSION['errors']:[];
$fields=isset($_SESSION['fields'])?$_SESSION['fields']:[];
?>
<!DOCTYPE html>
<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.html">HOME</a></li>
                                        <li><a class="smooth_scroll" href="#about">ABOUT US</a></li>
                                        <li><a class="smooth_scroll" href="#core">CORE VALUES</a></li>
                                        <li><a class="smooth_scroll" href="#service">SERVICES</a></li>
                                        <li><a class="smooth_scroll" href="#team">OUR TEAM</a></li>

                                        <li><a class="smooth_scroll" href="#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>Commitment</h2>
                                    <p>We are committed to excellence.</p>
                                </div>
                                <a href="#service" class="btn btn-trnsp btn-big current smooth_scroll fadeInLeft" style="animation-duration: 1s;animation-fill-mode: both;">Services</a>

                                <a href="#contact" class="btn btn-trnsp btn-big smooth_scroll fadeInRight" style="animation-duration: 1s;animation-fill-mode: both;">Contact</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>Leadership</h2>
                                    <p>We provide a creative and dynamic leadership to facilitate and improve community awareness on diet related NCDs.</p>
                                </div>
                                <a href="#team" class="btn btn-trnsp btn-big current smooth_scroll fadeInLeft" style="animation-duration: 1s;animation-fill-mode: both;">Team</a>

                                <a href="#contact" class="btn btn-trnsp btn-big smooth_scroll fadeInRight" style="animation-duration: 1s;animation-fill-mode: both;">Contact</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>Collaboration</h2>
                                    <p>We partner and collaborate with other organizations to address health needs of the community and add value to the health care system.</p>
                                </div>
                                <a href="#core" class="btn btn-trnsp btn-big current smooth_scroll fadeInLeft" style="animation-duration: 1s;animation-fill-mode: both;">Core Values</a>

                                <a href="#contact" class="btn btn-trnsp btn-big smooth_scroll fadeInRight" style="animation-duration: 1s;animation-fill-mode: both;">Contact</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>
    <!-- Slider area ends -->



    <!-- About area starts -->
    <section id="about" class="about-area section-big">
        <div class="container">

            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="section-title">
                        <h2>Complete Health Foundation - CHF</h2>
                        <h4>A brief history</h4>
                        <p>Complete Health Foundation was established in 2018 as a non-profit charitable organization dedicated to promoting health among people living in Malawi through primary health care and public awareness that leads to informed understanding and decision making in prevention of Non communicable diseases (NCDs).</p>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- About Image -->
                <div class="col-md-6 about-slider">
                    <div class="owl-slider">
                        <img src="assets/img/about/about-img2.jpg" alt="">
                        <img src="assets/img/about/about-img.jpg" alt="">
                    </div>
                </div>

                <!-- About Text -->
                <div class="col-md-6">
                    <div class="about-text">

                        <div class="choose-feature">
                            <i class="fa fa-bullhorn"></i>
                            <h3>Our Vision</h3>
                            <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>

                        <div class="choose-feature">
                            <i class="fa fa-bell-o"></i>
                            <h3>Our Mission</h3>
                            <p>The increase and diffusion of knowledge on prevention and management of Non Communicable Diseases (NCDs) among people living in Malawi.</p>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- About area ends -->

    <!-- Core Values area starts -->
    <section id="core" class="about-area section-big">
        <div class="container">

            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="section-title">
                        <h2>OUR CORE VALUES</h2>
                        <p>What we value governs what we do, why we do it and how we do it. The values we embrace are manifested in our daily activities, on decision making and even in our interaction with communities in Malawi. Complete Health Foundation is guided by the following core values:</p>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- About Text -->
                <!-- About Text -->
                <div class="col-md-6">
                    <div class="about-text">

                        <div class="choose-feature">
                            <i class="fa fa-check-square-o"></i>
                            <h3>Integrity and Ethics</h3>
                            <p>We do our work the greatest responsibility and accountability in the right manner, in an honest and fair way.</p>
                        </div>

                        <div class="choose-feature">
                            <i class="fa fa-check-square-o"></i>
                            <h3>Commitment</h3>
                            <p>We are committed to excellence.</p>
                        </div>

                        <div class="choose-feature">
                            <i class="fa fa-check-square-o"></i>
                            <h3>Collaboration</h3>
                            <p>We partner and collaborate with other organizations to address health needs of the community and add value to the health care system.</p>
                        </div>

                    </div>
                </div>

                <!-- About Text -->
                <div class="col-md-6">
                    <div class="about-text">

                        <div class="choose-feature">
                            <i class="fa fa-check-square-o"></i>
                            <h3>Leadership</h3>
                            <p>We provide a creative and dynamic leadership to facilitate and improve community awareness on diet related NCDs.</p>
                        </div>

                        <div class="choose-feature">
                            <i class="fa fa-check-square-o"></i>
                            <h3>Respect</h3>
                            <p>We approach and interact with all people with dignity and respect.</p>
                        </div>

                        <div class="choose-feature">
                            <i class="fa fa-check-square-o"></i>
                            <h3>Stewardship</h3>
                            <p>We honour our heritage by being socially and financially responsible.</p>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- About area ends -->


    <!-- Service area starts -->
    <section id="service" class="service-area section-big">
        <div class="container">

            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="section-title mb-30">
                        <h2>Our Services</h2>
                    </div>
                </div>
            </div>

            <div class="row">

                <div class="home-services">
                    <!-- Service box -->
                    <div class="col-md-12">
                        <div class="service-box">
                            <i class="fa fa-fire"></i>
                            <p>Primary and secondary prevention of Non Communicable Diseases (NCDs)</p>
                        </div>
                    </div>

                    <!-- Service box -->
                    <div class="col-md-12">
                        <div class="service-box">
                            <i class="fa fa-laptop"></i>
                            <p>Implementation research on Non Communicable Diseases (NCDs)</p>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </section><!-- Service area ends -->
    
    <!-- Team area starts -->
    <section id="team" class="team-area section-big">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="section-title mb-30">
                        <h2>Our Team</h2>
                        <p>Complete Health Foundation (CHF) has a diverse team of nutrition and health professionals who are well trained and qualified in providing food and nutrition advice in relation to Non communicable diseases.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Team area ends -->
    
  <!-- Client area starts -->
    <div class="client-area section-small">
        <div class="container">

            <!-- client carousel -->
            <div class="owl-client">

                <!-- item 1 -->
                <div class="item text-center">
                    <img src="assets/img/clients/5.png" alt="">
                </div>

                <!-- item 2 -->
                <div class="item text-center">
                    <img src="assets/img/clients/2.png" alt="">
                </div>

                <!-- item 3 -->
                <div class="item text-center">
                    <img src="assets/img/clients/3.png" alt="">
                </div>

                <!-- item 4 -->
                <div class="item text-center">
                    <img src="assets/img/clients/4.png" alt="">
                </div>

                <!-- item 5 -->
                <div class="item text-center">
                    <img src="assets/img/clients/5.png" alt="">
                </div>

            </div>
            <!-- / client carousel -->
        </div>
    </div>
    <!-- Client area ends -->


    <!-- Contact area starts -->
    <section id="contact" class="contact-area section-big">
        <div class="container">

            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="section-title mb-60">
                        <h2>GET IN TOUCH</h2>
                        <p>
                            We will respond to all messages as soon as possible.
                        </p>
                    </div>
                </div>
            </div>

            <div class="row contact-infos">
                <div class="col-md-8 col-md-offset-2">
                    <!-- Contact form starts -->
                    <div class="contact-form">

                        <!-- Submition status -->
                        <div id="form-messages">
                            <?php if(!empty($errors)):?>
                    <div class="panel">
                        <ul><li><?php echo implode('</li> <li>', $errors)?></li></ul>
                    </div>
                <?php endif; ?>
                        </div>

                        <form action="contact.php" method="post">
                            <div class="row">

                                <div class="col-md-6">
                                    <div class="form-group in_name">
                                        <input type="text" name="name" autocomplete="off" class="form-control" placeholder="Enter Your Full Name" <?php echo isset ($fields['name'])? 'value="'.e($fields['name']).'"':''?> required="required" >
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group in_email">
                                         <input type="email" name="email" autocomplete="off" class="form-control" placeholder="Enter Email"<?php echo isset ($fields['email'])? 'value="'.e($fields['email']).'"':''?> required="required" >
                                    </div>
                                </div>
                                
                                <div class="col-md-12">
                                    <div class="form-group in_message">
                                         <textarea class="form-control" rows="8" id="comment" placeholder="Your Message" required = "required" name="message"<?php echo isset ($fields['message'])? e($fields['message']):''?>></textarea>
                                    </div>
                                    
                                       <input type="submit" value="Send" class="form-control" class="btn btn-primary">
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- Contact form ends-->

                </div>
            </div>
        </div>
    </section>
    <!-- Contact area ends -->
    
    <!-- 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-2 col-sm-8">
                    <div class="footer-info mb-30">
                        <h3>LINKS</h3>
                        <ul class="l-post">
                            <li><a href="index.php">HOME</a></li>
                            <li><a href="index.php">ABOUT US</a></li>
                            <li><a href="index.php">CORE VALUES</a></li>
                            <li><a href="index.php">SERVICES</a></li>
                            <li><a href="index.php">OUR TEAM</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4 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>
	
	<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5c5b233a6cb1ff3c14cb6487/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->



</body>

</html>
