<!-- Page Header Area Start !-->
<div class="page-header-area style-1">
	<div class=" page-breadcrumb-sec" style="background-image: url(images/about.jpg)">
		<div class="breadcrumb-shape" style="background-image: url(images/Pattern.png)"></div>
		<div class="swiper_overlay"></div>
		<div class="row">
		<div class="col-lg-12">
			<div class="breadcrumb-wrapper">
			<div class="page-heading">
				<h1>Video Album</h1>
			</div>
			</div>
		</div>
		</div>
	</div>
</div>
<!-- Page Header Area End !-->

<!-- About Us Area Start !-->
<div class="about-us-area style-1">
	<div class="container">
		<div class="about-us-image-gallery">
			<div class="row"> 
				<?php if($video_album_list){
				foreach($video_album_list as $rec){
				?>
				<div class="col-lg-3 col-sm-6">				
					<div class="card border-0">
						<div class="m-0 image-wrapper">
							<a href="<?=base_url('video_album/details/'.$rec['video_album_url']) ?>">
								<img src="<?=base_url('public/uploads/'.$rec['photo_file'])?>" alt="<?=$rec['title']?>"/>
							</a>
						</div>
						<div class="card-body">
							<a href="<?=base_url('video_album/details/'.$rec['video_album_url']) ?>"><h5 class="card-title text-center "><?=$rec['title']?></h5></a>
						</div>
					</div>
				</div>
				<?php } } ?>
			</div> 
		</div>
	</div>
</div>


