<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Community Builders Africa | Event Details</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>
        <?php include 'connection.php';
    $pid=intval($_GET['nid']);
$display =mysqli_query($con,  "select * from event where event_ID = $pid");
while($dis=mysqli_fetch_array($display)){


?>
        <div class="auto-container">
            <h1><?php echo $dis['title']; ?></h1>
            <ul class="bread-crumb clearfix">
                <li><a href="index.html">Home</a></li>
  
                <li class="active">Event Details</li>
            </ul>
        </div>

    </section>
    <!--End Banner Section -->
    
 
    <!--Sidebar Page Container-->
    <div class="sidebar-page-container">
        <div class="auto-container">
            <div class="row clearfix">

                <!--Content Side / Blog Sidebar-->
                <div class="content-side col-lg-8 col-md-12 col-sm-12">
                    <!--Event Details-->
                    <div class="event-details">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><img class="lazy-image" src="images/resource/image-spacer-for-validation.png" data-src="admin/uploads/<?php echo $dis['image']; ?>" style="width:400px; height:200px;" alt="post_img"></figure>
                               
                            </div>
                            <div class="lower-content">
                            	<h2><?php echo $dis['title']; ?></h2>
                                <ul class="info clearfix">
                                    
                                    <li><span class="icon fa fa-map-marker-alt"></span><?php echo $dis['location']; ?></li>
                                </ul>
                                <div class="text-content">
                                    <p class="big-text">
                                <?php 
                                echo $dis['description']; ?>
                                </p>
                                        </div>
                              

                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
                
</div>
</div>
</div>
<?php } ?>
    

    
    <!-- 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';?> 