<?php include_once('layout/header.php'); ?>
            
            <!-- .carousel-slider -->
            <div class="carousel-slider general-slider2-autoplay">
                
                <div class="header-content5"> <!-- 1 -->
                	<div class="header-content-wrap">
                    	<div class="container">
                            <div class="slide-layer header-content-txt bg-dark-overlay70 text-white animation" data-animation="animation-fade-in-left">
                                <h4>WELCOME TO PHALOMBE YOUTH ARMS ORGANIDATION</h4>
                                <p>
Phalombe Youth Arms Organisation, founded in 2012, is a Malawian non-partisan, non-religious, 
non-governmental youth organization based in Phalombe district at Phalombe Boma.</p>
                            </div>
                        </div>
                    </div>
                    <figure><img src="images/content/sliders/4.jpg" alt="Image"></figure>
                </div>
                
                <div class="header-content5 header-content-center"> <!-- 2 -->
                	<div class="header-content-wrap">
                    	<div class="container">
                            <div class="slide-layer header-content-txt bg-dark-overlay50 text-white animation" data-animation="animation-fade-in-down">
                                <h4>LATEST NEWS</h4>
                                <p>Phalombe District Council pledges to address young people’s concerns including
 SRHR Issues</p>
                                <div class="header-content-btn">
                                    <a href="news_updates.php" class="btn-custom">Read More</a>
                                    <a href="news_updates.php" class="btn-custom btn-white btn-border">Latest News</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <figure><img src="images/content/sliders/5.jpg" alt="Image"></figure>
                </div>
                
                <div class="header-content5 header-content-right"> <!-- 3 -->
                	<div class="header-content-wrap">
                    	<div class="container">
                            <div class="slide-layer header-content-txt bg-dark-overlay70 text-white animation" data-animation="animation-fade-in-right">
                                <h4>OUR MISSION</h4>
                                <p>PYAO invests in innovative ideas, convenes interested parties, shares its
								learning and advocates for change in support of young people being health, 
								creative and fully engaged citizens..</p>
                            </div>
                        </div>
                    </div>
                    <figure><img src="images/content/sliders/6.jpg" alt="Image"></figure>
                </div>
				
				<div class="header-content5 header-content-right"> <!-- 3 -->
                	<div class="header-content-wrap">
                    	<div class="container">
                            <div class="slide-layer header-content-txt bg-dark-overlay70 text-white animation" data-animation="animation-fade-in-right">
                                <h4>OUR VISION</h4>
                                <p>PYAO envisions an inclusive society that values and supports full
								engagement of vulnerable people in civic, 
								social, economic and environmentally healthy communities.</p>
                            </div>
                        </div>
                    </div>
                    <figure><img src="images/content/sliders/4.jpg" alt="Image"></figure>
                </div>
                
            </div>
            <!-- .carousel-slider end -->
            
        </header>
        <!-- #header end -->
        
        <!-- #features -->
        <div id="features" class="section-wrap padding-top80 padding-bottom40">
            
            <!-- .container -->
            <div class="container">
                
                <!-- .row -->
                <div class="row">
                    
                    <div class="col-sm-4"> <!-- 1 -->
                        <div class="affa-feature-icon">
                            <i class="ion ion-android-laptop animation" data-animation="animation-bounce-in-down"></i>
                            <h4>OUR MISSION</h4>
                            <p>
PYAO invests in innovative ideas, convenes interested parties, shares its learning 
and advocates for change in support of
 young people being health, creative and fully engaged citizens</p>
                            <a href="about.php">Learn More <i class="ion ion-arrow-right-b"></i></a>
                        </div>
                    </div>
                    
                    <div class="col-sm-4"> <!-- 2 -->
                        <div class="affa-feature-icon">
                            <i class="ion ion-happy-outline animation" data-animation="animation-bounce-in-down" data-delay="300"></i>
                            <h4>Our Vision</h4>
                            <p>PYAO envisions an inclusive society that values and supports full engagement of vulnerable people 
							in civic, social, economic and environmentally healthy communities.</p>
                            <a href="about.php">Learn More <i class="ion ion-arrow-right-b"></i></a>
                        </div>
                    </div>
                    
                    <div class="col-sm-4"> <!-- 3 -->
                        <div class="affa-feature-icon">
                            <i class="ion ion-settings animation" data-animation="animation-bounce-in-down" data-delay="600"></i>
                            <h4>OUR GOAL</h4>
                            <p>
Promoting community engagement, fostering leadership skills,
 and empowering individuals top actively
 contribute to social change and sustainable development..</p>
                            <a href="#">Learn More <i class="ion ion-arrow-right-b"></i></a>
                        </div>
                    </div>
                    
                </div>
                <!-- .row -->
                
            </div>
            <!-- .container end -->
            
        </div>
        <!-- #features end -->
        
        <!-- #portfolio -->
        <div id="portfolio" class="bg-grey padding-top80 padding-bottom80">
            
            <!-- .container -->
            <div class="container">
                
                <div class="post-heading-center">
                    <h2>Our Projects</h2>
                    <p>Phalombe Youth Arms Organisation offers alot of projects
					and some of these programs are highlighted below.</p>
                </div>
                
                <!-- .row -->
                <div class="isotope-row row">
				<?php
            $projects = $con->getRows('projects', array('where' => 'status=1', 'order_by' => 'date desc'));
            if (!empty($projects)) {
                foreach ($projects as $project) { 
                    $status = '';
                    $link = '';
                    if($project['active'] == 0){
                        $status = "Current Project";
                        $link = "current_projects.php";
                    }else{
                        $status = "Completed Project";
                        $link = "completed_projects.php";
                    }
                    ?>
                    
                    <div class="col-sm-4"> <!-- 1 -->
                        <div class="affa-portfolio">
                        	<figure class="post-thumbnail post-item-thumbnail img-hover3">
                            	<img src="assets/uploads/projects/thumbs/<?= $project['thumb'] ?>" style="border-radius: 4%; alt="">
	
                                <div class="overlay-masked">
                                    <a href="#" class="link-left" title="Live Preview"><i class="ion ion-eye"></i></a>
                                    <a href="#" class="link-right" title="More Details"><i class="ion ion-android-open"></i></a>
                                </div>
                            </figure>
                            <div class="post-item-txt">
                            	<h4 class="entry-title post-item-title">
                                    <a href="#"><?= $project['title'] ?></a>
                                </h4>
                                <div class="entry-meta post-item-meta">
                                	<a href="project-details.php?project=<?= $project['project_id'] ?>">Learn More</a> <span>/</span> 
                                </div>
                            </div>
                        </div>
						
                    </div>
                    <?php
                        }
                    } else { ?>
                        <div class="post-card">
                            <div class="post-content-wrap">
                                <ul class="post-meta">
                                    <div class="post-content">
                                        <div class="alert alert-warning"> <button type="button" class="close" data-dismiss="alert">
										</button>&nbsp; There are no projects currently please come and check later.</div>
                                    </div>
                            </div>
                        </div>
                    <?php } ?>
                    
                    
                    
     
                   
                    
                </div>
                <!-- .row end -->
                
                <div class="text-center margin-top20">
                    <a href="#" class="btn-url">View All of Our Projects <i class="ion ion-arrow-right-b"></i></a>
                </div>
                
            </div>
            <!-- .container end -->
            
        </div>
        <!-- #portfolio end -->
        
        
        
        
        
        
        
        <!-- #blog -->
        <div id="blog" class="bg-grey padding-top80 padding-bottom80">
            
            <!-- .container -->
            <div class="container">
                
                <div class="post-heading-center">
                    <h2>Our Programs</h2>
                    <p>Phalombe Youth Arms Organisation offers alot of programs
					and some of these programs are highlighted below.</p>
                </div>
                
                <!-- .carousel-slider -->
                <div class="carousel-slider carousel-dots carousel-dots-3col carousel-posts row">
                    <?php
				$services = $con->getRows('services', array('', 'order_by'=>'date desc'));
				if(!empty($services)){
					foreach($services as $row){ ?>
                    <div class="col-sm-4"> <!-- 1 -->
					
                        <div class="affa-post">
						
						
                            <figure class="post-thumbnail post-item-thumbnail img-hover2">
                                <a href="#">
                                    <img src="assets/uploads/services/<?=$row['image']?>" style="border-radius: 4%;alt="#"/></figure>
                                    <div class="overlay-masked">
                                        <i class="ion ion-eye"></i>
                                    </div>
                                </a>
                            </figure>
                            <div class="post-item-txt">
                            	<h4 class="entry-title post-item-title">
                                    <a href="#"><?=$row['title']?></a>
									
                                </h4>
                                <div class="entry-content post-item-content">
                                    <p><?= substr(strip_tags($row['details']), 0, 40) ?></p>
                                </div>
                                <div class="entry-meta post-item-meta">
                                	<p>March 10, 2017</p>
                                    <a href="#" class="more-link">readmore</a>
                                </div>
                            </div>
							

				
                        </div>
						  
                    </div>
					<?php	}
				}else{
					echo"There are no new work to be apploaded";
				}
			?>         
   	
					
 
                     
                </div>
                <!-- .carousel-slider end -->
                
            </div>
            <!-- .container end -->
            
        </div>
        <!-- #blog end -->
        
        <!-- #clients -->
        <div id="clients" class="padding-top60 padding-bottom60">
            
            <!-- .container -->
            <div class="container">
                
                <!-- .carousel-slider -->
                <div class="carousel-slider carousel-draggable carousel-clients row">
                    
                    <div class="col-sm-2"> <!-- 1 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/1.jpg" alt="Logo">
                        </div>
                    </div>
                    
                    <div class="col-sm-2"> <!-- 2 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/2.jpg" alt="Logo">
                        </div>
                    </div>
					<div class="col-sm-2"> <!-- 3 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/3.jpg" alt="Logo">
                        </div>
                    </div>
                    
                    <div class="col-sm-2"> <!-- 3 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/4.jpg" alt="Logo">
                        </div>
                    </div>
                    
                    <div class="col-sm-2"> <!-- 4 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/5.jpg" alt="Logo">
                        </div>
                    </div>
                    
                    <div class="col-sm-2"> <!-- 5 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/6.jpg" alt="Logo">
                        </div>
                    </div>
                    
                    <div class="col-sm-2"> <!-- 6 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/7.png" alt="Logo">
                        </div>
                    </div>
                    
                    <div class="col-sm-2"> <!-- 7 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/8.jpg" alt="Logo">
                        </div>
                    </div>
                    
                    <div class="col-sm-2"> <!-- 8 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/9.jpg" alt="Logo">
                        </div>
                    </div>
                    
                    <div class="col-sm-2"> <!-- 9 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/11.png" alt="Logo">
                        </div>
                    </div>
                    
                    <div class="col-sm-2"> <!-- 10 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/12.png" alt="Logo">
                        </div>
                    </div>
                    
                    <div class="col-sm-2"> <!-- 11 -->
                        <div class="affa-client-logo">
                            <img src="images/content/clients/13.jpg" alt="Logo">
                        </div>
                    </div>
                    
   					
				</div>
                <!-- .carousel-slider end -->
                
            </div>
            <!-- .container end -->
            
        </div>
        <!-- #clients end -->
        
        <!-- #buynow -->
        <div id="buynow" class="bg-color text-white padding-top40 padding-bottom40">
            
            <!-- .container -->
            <div class="container">
                
                <div class="affa-call-action">
                    <h2>Do you have any questions from us? </h2>
                    <a href="contact.php" class="btn-custom btn-border btn-white">Get in touch</a>
                </div>
                
            </div>
            <!-- .container end -->
            
        </div>
        <!-- #buynow -->
        
        <?php include_once 'layout/footer.php'; ?>