<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CBA | Document and Reports</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>Dcuments and Reports</h1>
            <ul class="bread-crumb clearfix">
                <li><a href="index.php">Home</a></li>
                <li class="active">Documents and Reports</li>
            </ul>
        </div>

    </section>
    <!--End Banner Section -->
    
    <!--FAQs Section-->
    <section class="faq-section">
        <div class="auto-container">
        	<div class="tabs-box">
                <div class="row clearfix">
                    
                    <!--Title Column-->
                    <div class="title-column col-lg-6 col-md-12 col-sm-12">
                    	<div class="inner">
                        	<h2>Documents and Reports</h2>
                         
                            <ul class="tab-buttons">
                            	<li class="tab-btn active-btn" data-tab="#tab-1">Our Annual Reports</li>
                            	<?php include 'connection.php';
$display =mysqli_query($con,  "select * from report");
while($dis=mysqli_fetch_array($display)){?>
                                <li class="tab"><a href="<?php echo $dis['link'];?>"><?php echo $dis['name'];?></a></li>
                                <?php }?>
                            </ul>
                        </div>
                    </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"><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'; ?>