<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CBA| About Us</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive File -->
<link href="css/responsive.css" rel="stylesheet">
<!-- Color File -->
<link href="css/color.css" rel="stylesheet">

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<?php include 'header.php';  ?>


   

    
    
    
    
    <!--What We Do Section / Style Two-->
    <section class="what-we-do style-two">
		<div class="image-layer lazy-image" data-bg="url('images/background/what-we-do.jpg')"></div>
        <div class="top-rotten-curve"></div>
        <div class="bottom-rotten-curve"></div>
        
        <div class="auto-container">
            <div class="row clearfix">
                <div class="title-column col-xl-6 col-lg-12 col-sm-12">
                    <div class="inner">	<?php include 'connection.php';
$display =mysqli_query($con,  "select * from page_settings");
while($dis=mysqli_fetch_array($display)){


?>
                        <div class="sec-title">
                            <div class="sub-title">Who We Are</div>
                            <h5>	<?php echo $dis['about']; ?></h5>
                            
                        </div>
                    </div>
<?php } ?>
                </div>
                
                <div class="content-column col-xl-6 col-lg-12 col-sm-12">        
                    <div class="row clearfix">
                    <?php include 'connection.php';
$display =mysqli_query($con,  "select * from cause");
while($dis=mysqli_fetch_array($display)){


?>
                        
                        
                        <!--Service Block-->
                        <div class="service-block col-xl-6 col-lg-6 col-md-6 col-sm-12">
                            <div class="inner-box">
                                <div class="icon-box"><span class="flaticon-fruit"></span></div>
                                <h3>SOCIAL WELFARE</h3>
                                <div class="text"><?php echo $dis['welfare']; ?></div>
                            </div>
                        </div>
                        
                        <!--Service Block-->
                        <div class="service-block col-xl-6 col-lg-6 col-md-6 col-sm-12">
                            <div class="inner-box">
                                <div class="icon-box"><span class="flaticon-medicine"></span></div>
                                <h3>HEALTH</h3>
                                <div class="text"><?php echo $dis['health']; ?></div>
                            </div>
                        </div>
                        
                        <!--Service Block-->
                        <div class="service-block col-xl-6 col-lg-6 col-md-6 col-sm-12">
                            <div class="inner-box">
                                <div class="icon-box"><span class="flaticon-reading"></span></div>
                                <h3>EDUCATION</h3>
                                <div class="text"><?php echo $dis['eduaction']; ?></div>
                            </div>
                        </div>
<?php }?>
                    </div>
                </div>
            </div>
            
        </div>
    </section>
    
    
    <!--Team Section-->
    <section class="team-section">
    	<div class="bottom-rotten-curve"></div>
        
        <div class="auto-container">
        
        	<div class="sec-title centered">
                <div class="sub-title">Meet Our Team</div>
                
            </div>
                        
        	<div class="row clearfix">
            
            	<!--Team Block-->
                <div class="team-block col-xl-4 col-lg-4 col-md-6 col-sm-12">
                	<div class="inner-box wow fadeInUp" data-wow-delay="0ms">
                    	<figure class="image-box"><a href="#"><img class="lazy-image" src="images/resource/image-spacer-for-validation.png" data-src="images/resource/pro.jpg" alt="pro"></a></figure>
                        <div class="lower-box">
                        	<div class="content">
                                <h3><a href="#">Mustapha Olalere</a></h3>
                                <div class="designation">Public Relation Officer</div>
                                <div class="social-links">
                                    <ul class="clearfix">
                                        <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                        <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                        <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--Team Block
                <div class="team-block col-xl-4 col-lg-4 col-md-6 col-sm-12">
                	<div class="inner-box wow fadeInUp" data-wow-delay="300ms">
                    	<figure class="image-box"><a href="#"><img class="lazy-image" src="images/resource/image-spacer-for-validation.png" data-src="images/resource/team-image-1.jpg" alt="pro"></a></figure>
                        <div class="lower-box">
                        	<div class="content">
                                <h3><a href="#">Lauren Davis</a></h3>
                                <div class="designation">Photographer</div>
                                <div class="social-links">
                                    <ul class="clearfix">
                                        <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                        <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                        <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                -->
                <!--Team Block-
                <div class="team-block col-xl-4 col-lg-4 col-md-6 col-sm-12">
                	<div class="inner-box wow fadeInUp" data-wow-delay="600ms">
                    	<figure class="image-box"><a href="#"><img class="lazy-image" src="images/resource/image-spacer-for-validation.png" data-src="images/resource/team-image-3.jpg" alt=""></a></figure>
                        <div class="lower-box">
                        	<div class="content">
                                <h3><a href="#">Susan hardson</a></h3>
                                <div class="designation">Reporter</div>
                                <div class="social-links">
                                    <ul class="clearfix">
                                        <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                        <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                        <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
            
        </div>
        -->
    </section>
    
    
    <!-- Call To Action Section -->
    <section class="call-to-action-two">
        <div class="auto-container">
            <div class="inner clearfix">
                <div class="title-box wow fadeInLeft" data-wow-delay="0ms"><h2>Become A Volunteer</h2></div>
                <div class="link-box wow fadeInRight" data-wow-delay="0ms"><a href="contact.php" class="theme-btn btn-style-five"><span class="btn-title">Get Involved</span></a></div>
            </div>
        </div>
    </section>
    <!--End Gallery Section -->

    
	<?php include 'footer.php';  ?>