<style>
	.slider_font {
		font-family: 'Euphoria Script', cursive;
		font-family: 'Satisfy', cursive;
		color: #c6e2ff;
			text-shadow:
		0 0 2px rgba(202,228,225,0.92),
		0 0 10px rgba(202,228,225,0.34),
		0 0 4px rgba(30,132,242,0.52),
		0 0 7px rgba(30,132,242,0.92),
		0 0 11px rgba(30,132,242,0.78),
		0 0 16px rgba(30,132,242,0.92);
		
	}
	
	.portfolio__content {
	  background: rgb(0, 0, 0);
	  background: rgba(0, 0, 0, 0.5); 
	}
		
	</style> 
 <!-- ========================
       page title 
    =========================== -->
    <section class="page-title page-title-layout7 bg-overlay bg-overlay-2 bg-parallax text-center" style="background:url(<?php echo PATH2;?>promosi/assets/images/gallery_video_Recovered.jpg);background-size:cover;">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-sm-12 col-md-12 col-lg-12">
           <h1 class="pagetitle__heading mb-0 slider_font" style="font-size:64px;color:#FFFFFF;">&nbsp;</h1>
          </div><!-- /.col-xl-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.page-title -->

    <!-- =========================== 
      portfolio standard 
    ============================= -->
    <section class="portfolio-carousel">
      <div class="container">
        <div class="row align-items-center mb-20">
          <div class="col-sm-12 col-md-12 col-lg-5">
          
          </div><!-- /.col-lg-6 -->
          <div class="col-sm-12 col-md-12 col-lg-7">
            <nav id="slick-filter-buttons" class="nav nav-tabs justify-content-end">
              <a href="#" class="nav__link active" data-value="all">Semua</a>
              <a href="#" class="nav__link" data-value="UMKM">UMKM</a>
              <a href="#" class="nav__link" data-value="UB">Usaha Besar</a>
              <a href="#" class="nav__link" data-value="Event">Event</a>
            </nav>
          </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
        <div class="row">
          <div class="col-10 text-center">
            <div class="slick-carousel" id="filter-carousel"
              data-slick='{"slidesToShow":2, "arrows": true, "dots": true, "responsive": [ { "settings": {"slidesToShow": 2}}, { "settings": {"slidesToShow": 2}}]}'>
			<?php
$video = array(
	array('src' => 'HY5qUsZjtlk', 'tipe'=>'UMKM all'),
	array('src' => 'e6Dq7BbWsmA', 'tipe'=>'UMKM all'),
	array('src' => 'dtXLcaJAw-g', 'tipe'=>'UMKM all'),
	array('src' => '0MqOBk5zFew', 'tipe'=>'UMKM all'),
	array('src' => 'NbXc0JJDNjI', 'tipe'=>'UMKM all'),
	array('src' => 'axhGLhtJu4o', 'tipe'=>'UMKM all'),
	
	array('src' => '2RtbofLKW3I', 'tipe'=>'UB all'),
	array('src' => 'MsPVaxfzhAc', 'tipe'=>'UB all'),
	array('src' => '_Ntc4pUJVhk', 'tipe'=>'UB all'),
	array('src' => '7SjdEQ32Uz0', 'tipe'=>'UB all'),
	array('src' => 'O1_h6kLcwFg', 'tipe'=>'UB all'),
	array('src' => 'KAmmGTvaWIY', 'tipe'=>'UB all'),
	
	
	array('src' => 'o8Y_f0Dj1tQ', 'tipe'=>'UMKM all'),
	array('src' => 'JIPF8e0GWBg', 'tipe'=>'UMKM all'),
	array('src' => 'ey0I38wJR2U', 'tipe'=>'UMKM all'),
	array('src' => '_Xn2XR5VKBs', 'tipe'=>'UB all'),
	array('src' => 'D534B3wKv-w', 'tipe'=>'UB all'),
	array('src' => 'JCzlTHhRMWc', 'tipe'=>'UB all'),
	array('src' => 'yCOsSDLbl9s', 'tipe'=>'UB all'),
	array('src' => '9mgctQAyalo', 'tipe'=>'UB all'),
	array('src' => 'DI3rPqfoJvI', 'tipe'=>'UB all'),
	array('src' => 'o2J--E8zu3Y', 'tipe'=>'Event all'),
	array('src' => 'sCdg_4Ol0qI', 'tipe'=>'Event all'),
	array('src' => 'AplwkPJqXR0', 'tipe'=>'Event all'),
	array('src' => 'J5Rrg3yh2gY', 'tipe'=>'Event all'),
	array('src' => 'OepMPVPrXqM', 'tipe'=>'Event all'),

);	

			foreach($video as $v){
			?>
			<!-- portfolio item #1 -->
              <div class="portfolio-item <?php echo $v['tipe']; ?>">
                <div class="portfolio__img text-center">
                 <iframe class="hover_effect" src="https://www.youtube.com/embed/<?php echo $v['src']; ?>" frameborder="0" width="500" height="250" allowfullscreen></iframe>
                </div><!-- /.portfolio-img -->
              </div><!-- /.portfolio-item -->
			<?php
			}
			?>			  
            </div><!-- /.carousel -->
          </div><!-- /.col-lg-12 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.portfolio standard -->