<?php defined('BASEPATH') || exit('No direct script access allowed'); ?>

<div class="col-default">
	<div class="galeri video bgwhite bordergrey1">
	<div class="rowsame margin-minlr-5">
		<div class="judul-album flexcenter">
			<div class="album-cover bordergrey1"><img src="<?= base_url("$this->theme_folder/$this->theme/images/video.jpg") ?>"/></div>
			<div class="album-title hover-width"><h1>Galeri</h1><h2>Video</h2></div>
		</div>
		<div class="album">
			<div class="margin-minlr-5">
			<div class="bcarousel js-flickity" data-flickity='{ "autoPlay": false, "cellAlign": "left", "wrapAround": true }'>
				<div class="bcarousel-part">
					<div class="box-video">
					<iframe class="video-box" align="center" src="https://www.youtube.com/embed/DKvaG0Dft2c" frameborder="0"allowfullscreen></iframe>
					<div class="video-title bgcolor-1 flexcenter"><p>Video Desa</b></div>
					</div>
				</div>
				<div class="bcarousel-part">
					<div class="box-video">
					<iframe class="video-box" align="center" src="https://www.youtube.com/embed/DKvaG0Dft2c" frameborder="0"allowfullscreen></iframe>
					<div class="video-title bgcolor-1 flexcenter"><p>Video Desa</b></div>
					</div>
				</div>
				<div class="bcarousel-part">
					<div class="box-video">
					<iframe class="video-box" align="center" src="https://www.youtube.com/embed/DKvaG0Dft2c" frameborder="0"allowfullscreen></iframe>
					<div class="video-title bgcolor-1 flexcenter"><p>Video Desa</b></div>
					</div>
				</div>
			</div>
			</div>
		</div>
	</div>
	</div>
</div>