<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Community Builders for Africa | Causes</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'; ?>


    <!-- Page Banner Section -->
    <section class="page-banner">
        <div class="image-layer lazy-image" data-bg="url('images/background/bg-banner-1.jpg')"></div>
        <div class="bottom-rotten-curve"></div>

        <div class="auto-container">
            <h1>Our Causes</h1>
            <ul class="bread-crumb clearfix">
                <li><a href="index.php">Home</a></li>
                <li class="active">Our Causes</li>
            </ul>
        </div>

    </section>
    <!--End Banner Section -->
      <!--What We Do Section-->
      <section class="what-we-do">
        <div class="auto-container">
        
        	 
        	<div class="row clearfix">
            
            	<!--Service Block-->
                <div class="service-block col-xl-4 col-lg-6 col-md-6 col-sm-12">
                	<div class="inner-box">
                    	<div class="icon-box"><span class="flaticon-water-bottle"></span></div>
                        <?php include 'connection.php';
$display =mysqli_query($con,  "select * from cause");
while($dis=mysqli_fetch_array($display)){


?>
                        <h3>SOCIAL WELFARE</h3>
                        <div class="text"> <?php echo $dis['welfare']; ?></div>
                    </div>
                    <div class="link-box"><a href="donate.php" target="_blank" class="theme-btn btn-style-three"><span class="btn-title">Donate Now</span></a></div>
                </div>
                
                
                
                <!--Service Block-->
                <div class="service-block col-xl-4 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 class="link-box"><a href="donate.php" target="_blank" class="theme-btn btn-style-three"><span class="btn-title">Donate Now</span></a></div>
                </div>
                
                <!--Service Block-->
                <div class="service-block col-xl-4 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 class="link-box"><a href="donate.php" target="_blank" class="theme-btn btn-style-three"><span class="btn-title">Donate Now</span></a></div>
                </div>
<?php } ?>

            </div>
            
            <div class="bottom-image"><img class="lazy-image" src="images/resource/image-spacer-for-validation.png" data-src="images/resource/services-bottom-image.png" alt=""></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"><h2>Become A Volunteer</h2></div>
                <div class="link-box"><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'; ?>