<?php require_once("header.php");?>

			<!-- page template area start -->
			<div style="background-image: url('images/bg/program.jpg'); background-size:100% 100%; padding:90px 0;" id="desktop-view">
  				<div class="">
					<div class="section-content">
						<div class="row">
							<div class="col-md-12">
								<h1 class="title text-white text-center">Activities</h1>
								<p class="text-white text-center"><a href="index.php">Home</a> / Activities</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div style="background-image: url('images/bg/program.jpg'); background-size:100% 100%; padding:60px 0;" id="tab-view">
  				<div class="">
					<div class="section-content">
						<div class="row">
							<div class="col-md-12">
								<h1 class="title text-white text-center">Activities</h1>
								<p class="text-white text-center"><a href="index.php">Home</a> / Activities</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div style="background-image: url('images/bg/program.jpg'); background-size:100% 100%; padding:35px 0;" id="mobile-view">
  				<div class="">
					<div class="section-content">
						<div class="row">
							<div class="col-md-12">
								<h1 class="title text-white text-center">Activities</h1>
								<p class="text-white text-center"><a href="index.php">Home</a> / Activities</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<section id="about" style="background:#f1f1f1;">
				<div class="container mt-0 pb-0 pt-30">
			        <div class="section-content">
						<div class="row multi-row-clearfix">
						    <div class="col-md-12">
							<?php
							$sql_program = "SELECT * FROM `pr_programs` WHERE `program_status` = 'Active' ORDER BY `program_id` DESC";
							$exe_program = mysqli_query($connection,$sql_program);
							while($arr_program = mysqli_fetch_array($exe_program))
							{
								?>
							    <article class="item col-md-4 col-sm-6 col-xs-12">
                                    <figure class="img-box">
                                        <img src="uploads/program/<?php echo stripslashes($arr_program['program_photo']);?>" alt="">
                                        <!--<div class="overlay"><div class="inner-box"><div class="content-box"><button class="thm-btn style-2 donate-box-btn">donate now</button></div></div></div>-->
                                    </figure>
                                
                                    <div class="content">
                                        <div class="text center">
                                            <h3 class="mt-10 mb-10 text-center"><?php echo stripslashes($arr_program['program_title']);?></h3>
                                            <p><?php echo stripslashes($arr_program['program_details']);?></p>
                                        </div>
                                    </div>                        
                                </article>
                                <?php
    							}
    							?>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- page template area end -->

<?php require_once("footer.php");?>