<?php $this->load->view('includes/head') ?>
<?php $this->load->view('includes/topbar') ?>
<?php $this->load->view('includes/header') ?>
<link rel="stylesheet" type="text/css" href="<?=base_url('assets/css/about-commitee.css')?>">
<main id="main">

	<!-- ======= About Committee Section ======= -->
	<section  style="background-image: url(<?=base_url('assets/img/elegant-background-with-mandala.png');?>);background-size: auto;">

		<!-- ======================Board of Directors========================= -->

		<div class=" responsive-container">

			<h2 id="temple-services" class="text-center">Board of Directors<br><img src="<?=base_url('assets/img/border.png')?>" class="img-fluid img-responsive" style="width: 20%;"></h2>


			<div class="row staff-wrapper py-5"> 

				<!-- <?php echo '<pre>'; print_r($committee->data); ?> -->

					<?php foreach ($committee->data as $key => $value) { ?>
						<div class="col-md-4 staff-box my-5"> 
							<img src="<?=base_url('assets/img/user-no-image.png')?>" alt="$value->refDataName.' '.$value->refDataName3; ?>" />
							<header><?= $value->refDataName.' '.$value->refDataName3; ?></header><br>
							<span><?= $value->designation; ?></span>
							
						</div>
					<?php } ?>
				</div>
			</div>
		</section><!-- End About Committee Section -->


	</main><!-- End #main -->
	<script type="text/javascript">
		$(document).ready(function() {
			window.scrollTo({ top: 225, behavior: 'smooth'});
		});
	</script>

	<?php $this->load->view('includes/footer') ?>
	<?php $this->load->view('includes/script') ?>
