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

<?php
$fetch_content = mysqli_fetch_array(mysqli_query($connection,"SELECT * FROM `pr_contents` WHERE `content_id` = '7'"));
$content = stripslashes($fetch_content['content']);

$fetch_content9 = mysqli_fetch_array(mysqli_query($connection,"SELECT * FROM `pr_contents` WHERE `content_id` = '9'"));
$content_title9 = stripslashes($fetch_content9['content_title']);
$content9 = stripslashes($fetch_content9['content']);
?>

			<!-- page template area start -->
			<section id="about">
				<div class="container mt-10 pb-30 pt-30">
					<div class="section-content">
						<div class="row">
							<div class="col-md-6">
								<h1 class="title mt-0 mb-10" style="text-align:left;">Welcome To <span style="color:#ed0d87;">Poribes Foundation</span></h1>
								<?php echo $content;?>
								<p><button type="button" class="btn btn-flat btn-theme-colored border-left-theme-color-2-4px" onclick="window.location.href='about-us.php'">Read More</button></p>
							</div>
							<div class="col-md-6">
								<h1 class="title mt-0 mb-10" style="text-align:left;">Announcements</h1>
							<?php
							$sql_notice = "SELECT * FROM `pr_announcements` WHERE  `ann_status` = 'Active'";
							$exe_notice = mysqli_query($connection,$sql_notice);
							while($arr_notice = mysqli_fetch_array($exe_notice))
							{
								?>
								<marquee direction = "up" scrollamount="2" style="overflow: auto !important; height: 100px; display: block; background:#ED0D87;"><div style="margin-bottom:20px; border-radius:5px; padding:10px; color:#fff;"><?php echo stripslashes($arr_notice['announcement']);?></div></marquee>
								<?php
							}
							?>
							</div>
						</div>
					</div>
				</div>
			</section>
			
			<section id="about" style="background:#f1f1f1;">
				<div class="container mt-10 pb-30 pt-30">
			        <div class="section-content">
			            <h1 class="title mt-5 mb-30" style="text-align:center;">Our <span style="color:#ed0d87;">Activities</span></h1>
						<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 LIMIT 0,3";
							$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
    							}
    							?>
    								<p style="text-align:center;"><a class="btn btn-colored btn-theme-colored btn-lg mt-10 mb-10" href="photo-gallery.php">View All</a></p>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section id="about">
				<div class="container mt-10 pb-20 pt-20">
					<div class="section-content">
					    <h1 class="title mt-5 mb-30" style="text-align:center;">Our <span style="color:#ed0d87;">Programs</span></h1>
						<div class="row">
							<div class="col-md-6 mb-20">
							    <div class="col-md-2 col-xs-3"><img src="images/education.png" alt=""></div>
							    <div class="col-md-10 col-xs-9">
							        <h3 class="mt-0 mb-5">Education</h3>
							        <p>Education, nutrition and holistic development of children</p></div>
							</div>
							<div class="col-md-6 mb-20">
							    <div class="col-md-2 col-xs-3"><img src="images/healthcare.png" alt=""></div>
							    <div class="col-md-10 col-xs-9">
							        <h3 class="mt-0 mb-5">Healthcare</h3>
							        <p>Taking healthcare services to doorsteps of hard to reach communities</p></div>
							</div>
							<div class="col-md-6 mb-20">
							    <div class="col-md-2 col-xs-3"><img src="images/wp.png" alt=""></div>
							    <div class="col-md-10 col-xs-9">
							        <h3 class="mt-0 mb-5">Women Empowerment</h3>
							        <p>Empowering adolescent girls & women through community engagement</p></div>
							</div>
							<div class="col-md-6 mb-20">
							    <div class="col-md-2 col-xs-3"><img src="images/livelihood.png" alt=""></div>
							    <div class="col-md-10 col-xs-9">
							        <h3 class="mt-0 mb-5">Livelihood</h3>
							        <p>Skill training and placement support for underprivileged youth</p></div>
							</div>
							<div class="col-md-6 mb-20">
							    <div class="col-md-2 col-xs-3"><img src="images/grassroot.png" alt=""></div>
							    <div class="col-md-10 col-xs-9">
							        <h3 class="mt-0 mb-5">Empowering Grassroots</h3>
							        <p>Helping community-based organizations become locally sustainable</p></div>
							</div>
							<div class="col-md-6 mb-20">
							    <div class="col-md-2 col-xs-3"><img src="images/response.png" alt=""></div>
							    <div class="col-md-10 col-xs-9">
							        <h3 class="mt-0 mb-5">Disaster Response</h3>
							        <p>Reach out and respond to the needs of the disaster-affected people</p></div>
							</div>
						</div>
					</div>
				</div>
			</section>
			
			<section id="about" style="background:#f1f1f1;">
				<div class="container mt-0 pb-30 pt-30">
					<h1 class="title mt-5 mb-30" style="text-align:center;">Latest <span style="color:#ed0d87;">Videos</span></h1>
					<div class="row multi-row-clearfix">
						<div class="col-md-12">
							<div class="owl-carousel-3col" data-nav="true">
							<?php
							$sql_video = "SELECT * FROM `pr_videos` WHERE  `video_status` = 'Active'";
							$exe_video = mysqli_query($connection,$sql_video);
							while($arr_video = mysqli_fetch_array($exe_video))
							{
								if($arr_video['video_type'] == "Youtube")
								{
								    $utubeid = explode("v=",$arr_video['video_link']);
								?>
								<div class="item">
									<div class="mb-10">
										<div class="thumb">
											 <iframe width="370" height="210" src="https://www.youtube.com/embed/<?php echo $utubeid[1];?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
										</div>
										<h3 class="mt-10 mb-0 text-center"><?php echo stripslashes($arr_video['video_title']);?></h3>
									</div>
								</div>
								<?php
								}
								else
								{
								?>
								<div class="item">
									<div class="mb-10">
										<div class="thumb">
											 <iframe src="https://www.facebook.com/plugins/video.php?height=314&href=<?php echo $arr_video['video_link'];?>&show_text=false&width=560&t=0" width="100%" height="210" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe>
										</div>
										<h3 class="mt-10 mb-0 text-center"><?php echo stripslashes($arr_video['video_title']);?></h3>
									</div>
								</div>
								<?php
								}
							}
							?>
							</div>
						</div>
					</div>
				</div>
			</section>
			
			<section id="about" style="background:#f1f1f1;">
				<div class="container mt-0 pb-30 pt-0">
					<div class="row multi-row-clearfix">
					    <h1 class="title mt-15 mb-30" style="text-align:center;">Meet <span style="color:#ed0d87;">Our Team</span></h1>
						<div class="col-md-12">
						    <div class="owl-carousel-4col" data-nav="true">
                            <?php
							$sql_team = "SELECT * FROM `pr_team` WHERE  `member_status` = 'Active'";
							$exe_team = mysqli_query($connection,$sql_team);
							while($arr_team = mysqli_fetch_array($exe_team))
							{
								?>	
						    	<div class="item" style="background:#fff;">
									<div class="mb-20">							<div class="thumb">
											<img class="img-fullwidth" alt="" src="uploads/team/<?php echo stripslashes($arr_team['member_photo']);?>" style="border-top-right-radius: 7px; border-top-left-radius: 7px;">
										</div>
										<div class="p-5 pt-10 pb-10" style="text-align:center; box-shadow: -3px 5px 7px 0px #ccc; background-color:#fff; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;">
										<h4 class="mt-5 mb-5" style="color:#333;"><?php echo stripslashes($arr_team['member_name']);?></h4>
                                        <p style="margin-bottom:0; font-size:17px; text-align:center; color:#ED0E85;"><b style="font-weight:500;"><?php echo $arr_team['member_designation'];?></b></p>
                                        </div>	
									</div>
								</div>
								<?php
							}
							?>
							</div>
						</div>
						<p style="text-align:center;"><a class="btn btn-colored btn-theme-colored btn-lg mt-20" href="team.php">View All</a></p>
					</div>
				</div>
			</section>
			
			<section id="about">
				<div class="container mt-0 pb-30 pt-20">
					<div class="row multi-row-clearfix">
					    <h1 class="title mt-15 mb-30" style="text-align:center;"><span style="color:#ed0d87;">Photo</span> Gallery</h1>
						<div class="col-md-12">
						    <div class="owl-carousel-3col" data-nav="true">
                            <?php
							$sql_photo = "SELECT * FROM `pr_photos` WHERE  `photo_status` = 'Active'";
							$exe_photo = mysqli_query($connection,$sql_photo);
							while($arr_photo = mysqli_fetch_array($exe_photo))
							{
								?>
								<div class="item" style="background:#fff;">
									<div class="mb-10">
									    <a href="uploads/gallery/<?php echo $arr_photo['photo'];?>" data-title="" data-lightbox="example-set">
									    <div class="thumb">
										    <img class="img-fullwidth" alt="" src="uploads/gallery/<?php echo $arr_photo['photo'];?>">
									    </div></a>
									</div>
								</div>
								<?php
							}
							?>
							</div>
						</div>
						<p style="text-align:center;"><a class="btn btn-colored btn-theme-colored btn-lg mt-0" href="photo-gallery.php">View All</a></p>
					</div>
				</div>
			</section>
			
			<section class="divider parallax layer-overlay" style="background:#902b8f" data-parallax-ratio="0.7">
                <div class="container pt-40 pb-20">
                    <div class="row">
                        <div class="col-xs-6 col-sm-6 col-md-3 mb-md-30" style="padding-right:8px; padding-left:8px;">
                            <div class="funfact text-center">
                                <div style="border:2px solid #b3d334; text-align:center; padding:19px; border-radius:50%; position:relative; margin:0 auto; width:100px;">
                                <i class="fa fa-users mt-5" style="color:#b3d334;"></i>
                                </div>
                                <h2 class="text-white font-30 mt-10 mb-0">1200+</h2>
                                <h4 style="color:#b3d334;">People Impacted</h4>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-3 mb-md-30" style="padding-right:8px; padding-left:8px;">
                            <div class="funfact text-center">
                                <div style="border:2px solid #b3d334; text-align:center; padding:19px; border-radius:50%; position:relative; margin:0 auto; width:100px;">
                                <i class="fa fa-book mt-5" style="color:#b3d334;"></i>
                                </div>
                                <h2 class="text-white font-30 mt-10 mb-0">72+</h2>
                                <h4 style="color:#b3d334;">Educational Support</h4>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-3 mb-md-30" style="padding-right:8px; padding-left:8px;">
                            <div class="funfact text-center">
                                <div style="border:2px solid #b3d334; text-align:center; padding:19px; border-radius:50%; position:relative; margin:0 auto; width:100px;">
                                <i class="fa fa-plus-square mt-5" style="color:#b3d334;"></i>
                                </div>
                                <h2 class="text-white font-30 mt-10 mb-0">44+</h2>
                                <h4 style="color:#b3d334;">Female Hygiene and Awareness </h4>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-6 col-md-3 mb-md-30" style="padding-right:8px; padding-left:8px;">
                            <div class="funfact text-center">
                                <div style="border:2px solid #b3d334; text-align:center; padding:19px; border-radius:50%; position:relative; margin:0 auto; width:100px;">
                                <i class="fa fa-wheelchair mt-5" style="color:#b3d334;"></i>
                                </div>
                                <h2 class="text-white font-30 mt-10 mb-0">30+</h2>
                                <h4 style="color:#b3d334;">Specially abled Children</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
			
			<section id="about">
				<div class="container mt-10 pb-30 pt-30">
					<div class="section-content">
						<div class="row">
							<div class="col-md-6">
							    <h3 class="mt-0 mb-10" style="color:#ed0d87;">Want to join with us</h3>
								<h1 class="title mt-0 mb-10 text-uppercase" style="text-align:left;">Become a proud volunteer</h1>
								<p>Join Poribes Foundation and become a proud volunteer! Make a positive impact on society, uplift lives, and contribute to sustainable development. Together, let's create a better world. Join us now!</p>
								<p><button type="button" class="btn btn-flat btn-theme-colored border-left-theme-color-2-4px" onclick="window.location.href='login.php'">Join with Us</button></p>
							</div>
							<div class="col-md-6">
								<h1 class="title mt-0 mb-10" style="text-align:left; color:#ed0d87;">Donation Details </h1>
								<?php echo $content9;?>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- page template area end -->
  
<?php require_once("footer.php");?>