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

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

$fetch_content3 = mysqli_fetch_array(mysqli_query($connection,"SELECT * FROM `pr_contents` WHERE `content_id` = '3'"));
$content_title3 = stripslashes($fetch_content3['content_title']);
$content3 = stripslashes($fetch_content3['content']);

$fetch_content4 = mysqli_fetch_array(mysqli_query($connection,"SELECT * FROM `pr_contents` WHERE `content_id` = '4'"));
$content_title4 = stripslashes($fetch_content4['content_title']);
$content4 = stripslashes($fetch_content4['content']);

$fetch_content2 = mysqli_fetch_array(mysqli_query($connection,"SELECT * FROM `pr_contents` WHERE `content_id` = '2'"));
$content_title2 = stripslashes($fetch_content2['content_title']);
$content2 = stripslashes($fetch_content2['content']);

$fetch_content8 = mysqli_fetch_array(mysqli_query($connection,"SELECT * FROM `pr_contents` WHERE `content_id` = '8'"));
$content_title8 = stripslashes($fetch_content8['content_title']);
$content8 = stripslashes($fetch_content8['content']);
$content_photo8 = $fetch_content8['content_photo'];
?>

			<!-- page template area start -->
			<div style="background-image: url('images/bg/about.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">About Poribes Foundation</h1>
								<p class="text-white text-center"><a href="index.php">Home</a> / About Poribes Foundation</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div style="background-image: url('images/bg/about.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">About Poribes Foundation</h1>
								<p class="text-white text-center"><a href="index.php">Home</a> / About Poribes Foundation</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div style="background-image: url('images/bg/about.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">About Poribes Foundation</h1>
								<p class="text-white text-center"><a href="index.php">Home</a> / About Poribes Foundation</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<section id="about">
				<div class="container mt-0 pb-10 pt-15">
					<div class="section-content">
						<div class="row">
							<div class="col-sm-12 col-md-12">
							    <?php echo $content;?>
							</div>
						</div>
					</div>
				</div>
			</section>
			
			<section id="about">
				<div class="container mt-0 pb-10 pt-0">
					<div class="section-content">
						<div class="row">
						    <div class="col-md-12">
                            	<div style="background:#67A341; color:#fff; padding:10px; border-radius:10px; margin-bottom:20px;">
    	                            <h2 style="margin:5px 10px;" class="text-white text-left"><?php echo $content_title3;?></h2>
                                	<div style="margin:0px 10px;"><?php echo $content3;?></div>
    	                        </div>
                            </div>
            			    <div class="col-md-6">
                            	<div style="background:#ed0d87; color:#fff; padding:10px; border-radius:10px; margin-bottom:20px;">
    	                            <h2 style="margin:5px 10px;" class="text-white text-left"><?php echo $content_title4;?></h2>
                                	<div style="margin:0px 10px;"><?php echo $content4;?></div>
    	                        </div>
                            </div>
                            <div class="col-md-6">
                            	<div style="background:#902b8f; color:#fff; padding:10px; border-radius:10px; margin-bottom:20px;">
    	                            <h2 style="margin:5px 10px;" class="text-white text-left"><?php echo $content_title2;?></h2>
                                	<div style="margin:0px 10px;"><?php echo $content2;?></p>
    	                        </div>
                            </div>
                        </div>
					</div>
				</div>
			</section>
			
			<section id="about">
				<div class="container mt-10 pb-15 pt-10">
					<div class="section-content">
						<div class="row">
						    <div class="col-md-4"><img class="img-responsive mb-20" src="uploads/content/<?php echo $content_photo8;?>" alt=""></div>
							<div class="col-md-8">
								<h1 class="title mt-0 mb-10" style="text-align:left; color:#ed0d87;"><?php echo $content_title8;?></h1>
								<?php echo $content8;?>
							</div>
						</div>
					</div>
				</div>
			</section>
			
			<section id="about">
				<div class="container mt-0 pb-10 pt-0">
					<div class="section-content">
						<div class="row">
						    <div class="col-md-4">
							    <div style="padding:10px 20px; border-radius:5px; margin-bottom:20px; text-align:center; border: 1px solid #ccc; box-shadow: -3px 5px 7px 0px #ccc;">
							        <div class="mt-5 mb-10">
							            <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-shield" style="color:#902b8f; font-size:50px;"></i></div>
							        </div>
							        <h3 class="mt-0 mb-5" style="font-size:18px;">3 Years of Experience</h3>
								    <p>Over the past three years, Poribes Foundation has been dedicated to making a positive impact on our community, addressing social issues with unwavering commitment and passion.</p>
								</div>
							</div>
							<div class="col-md-4">
							    <div style="padding:10px 20px; border-radius:5px; margin-bottom:20px; text-align:center; border: 1px solid #ccc; box-shadow: -3px 5px 7px 0px #ccc;">
							        <div class="mt-5 mb-10">
							            <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" style="color:#902b8f; font-size:50px;"></i></div>
							        </div>
							        <h3 class="mt-0 mb-10" style="font-size:18px;">Dedicated Volunteers</h3>
								    <p>Dedicated volunteers are the heart of our foundation, tirelessly working to make a positive and meaningful impact on our community.</p>
								</div>
							</div>
							<div class="col-md-4">
							    <div style="padding:10px 20px; border-radius:5px; margin-bottom:20px; text-align:center; border: 1px solid #ccc; box-shadow: -3px 5px 7px 0px #ccc;">
							        <div class="mt-5 mb-10">
							            <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-handshake-o" style="color:#902b8f; font-size:50px;"></i></div>
							        </div>
							        <h3 class="mt-0 mb-10" style="font-size:18px;">Most Trusted Poribes</h3>
								    <p>Poribes Foundation has earned the trust of countless individuals, through transparency, accountability, and impactful projects, it has become a beacon of hope and change, attracting the support and confidence of people from all walks of life.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- page template area end -->
  
<?php require_once("footer.php");?>