<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);
		
	}
		
	</style>
    <!-- ============================
        Slider
    ============================== -->
    <section class="slider slider-layout1">
      <div class="slick-carousel carousel-arrows-light m-slides-0"
        data-slick='{"slidesToShow": 1, "arrows": true, "dots": true, "speed": 700,"fade": true,"cssEase": "linear", "autoplay":true, "autoplaySpeed": 5000, "infinite": true,}'>
        <div class="slide-item align-v-h bg-overlay bg-overlay-2">
          <div class="bg-img"><img src="assets/images/sliders/investasi_pekanbaru1.png" alt="slide img"></div>
          <div class="container">
            <div class="row">
              <div class="col-sm-12 col-md-12 col-lg-12 col-xl-9">
			  <!--
                <div class="slide__content">
                  <h2 class="slide__title slider_font">Salam CERDAS #melayaniPekanbaru</h2>
                  <p class="slide__desc">Mal Pelayanan Publik Pekanbaru terus berinovasi untuk meningkatkan kualitas layanan dan memberikan kemudahan, kecepatan, dan kenyamanan bagi masyarakat demi terciptanya pelayanan yang prima.</p>
                </div
				-->
              </div><!-- /.col-xl-9 -->
            </div><!-- /.row -->
          </div><!-- /.container -->
        </div><!-- /.slide-item -->
        <div class="slide-item align-v-h bg-overlay">
          <div class="bg-img"><img src="assets/images/sliders/salam_cerdas2.png" alt="slide img"></div>
          <div class="container">
            <div class="row">
              <div class="col-sm-12 col-md-12 col-lg-12 col-xl-9">
			  <!-- 
                <div class="slide__content">
                  <h2 class="slide__title slider_font">Pekanbaru Kota Tujuan Investasi Terbaik<br>di Indonesia</h2>
                  <p class="slide__desc">Pemerintah Kota Pekanbaru terus melakukan pengembangan, baik untuk pembangunan fisik maupun pembangunan sarana dan prasarana di berbagai sektor. Sektor unggulan yang dikembangkan saat ini adalah sektor Perdagangan , Jasa  dan Industri. </p>
                </div>
				-->
              </div><!-- /.col-xl-9 -->
            </div><!-- /.row -->
          </div><!-- /.container -->
        </div><!-- /.slide-item -->
        <div class="slide-item align-v-h bg-overlay">
          <div class="bg-img"><img src="assets/images/sliders/banner-web_03.jpg" alt="slide img"></div>
          <div class="container">
            <div class="row">
              <div class="col-sm-12 col-md-12 col-lg-12 col-xl-9">
			  <!--  
                <div class="slide__content">
                  <h2 class="slide__title slider_font">Bangga<br>Buatan<br>Indonesia</h2>
                  <p class="slide__desc">Gerakan nasional berbentuk gotong royong dari UMKM untuk UMKM Indonesia. </p>
                </div>
				-->
              </div><!-- /.col-xl-9 -->
            </div><!-- /.row -->
          </div><!-- /.container -->
        </div><!-- /.slide-item -->		
      </div><!-- /.carousel -->
    </section><!-- /.slider -->

    <!-- ==========================
       Contact Info
    ============================ -->
    <section class="contact-info-layout2 pt-60 pb-30">
      <div class="container">
        <div class="row align-items-end">
          <!-- Contact panel #1 -->
          <div class="col-sm-12 col-md-6 col-lg-3">
            <div class="contact-info-box d-flex align-items-center">
              <div class="contact__info-box-icon">
                <i class="icon-envelope"></i>
              </div>
              <div class="contact__info-box-content">
                <h4 class="contact__info-box-title">Contact</h4>
                <ul class="contact__info-list list-unstyled">
                  <li><a href="mailto:dpmptsppekanbaru@gmail.com">dpmptsppekanbaru@gmail.com</a></li>
                  <li><a href="tel:08117515133">0811-7515-133</a></li>
                </ul><!-- /.contact__info-list -->
              </div><!-- /.contact__info-box-content -->
            </div><!-- /.contact-info-box -->
          </div><!-- /.col-lg-3 -->
          <!-- Contact panel #2 -->
          <div class="col-sm-12 col-md-6 col-lg-3">
            <div class="contact-info-box d-flex align-items-center">
              <div class="contact__info-box-icon">
                <i class="icon-location"></i>
              </div>
              <div class="contact__info-box-content">
                <h4 class="contact__info-box-title">Our Location</h4>
                <ul class="contact__info-list list-unstyled">
                  <li> Jl. Jend. Sudirman No.464 Pekanbaru</li>
                </ul><!-- /.contact__info-list -->
              </div><!-- /.contact__info-box-content -->
            </div><!-- /.contact-info-box -->
          </div><!-- /.col-lg-3 -->
          <!-- Contact panel #3 -->
          <div class="col-sm-12 col-md-12 col-lg-6">
            <div class="cta__banner">
              <h5 class="cta__title color-white">Mal Pelayanan Publik<br>Kota Pekanbaru</h5>
              <p class="cta__desc color-gray">merupakan bentuk  komitmen Pemerintah Kota Pekanbaru untuk memberikan pelayanan publik terbaik kepada masyarakat.</p>
              <a href="https://mpp.pekanbaru.go.id/" class="btn btn__primary btn__link color-white" target="_blank">
                <span>Learn More</span> <i class="icon-arrow-right"></i>
              </a>
            </div><!-- /.cta__banner -->
          </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.Contact Info -->

    <!-- ======================
      Blog carousel
    ========================= -->
    <section class="blog-carousel pt-100 pb-50 mt--200 z-index-2" style="margin-top:0px;margin-bottom:5%;">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-6">
            <div class="heading heading-layout3 mb-40">
              <h2 class="heading__title">Recent Articles</h2>
            </div><!-- /.heading -->
          </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="slick-carousel"
              data-slick='{"slidesToShow": 3, "slidesToScroll": 1, "arrows": true, "dots": true, "autoplay":true, "autoplaySpeed": 5000, "responsive": [ {"breakpoint": 992, "settings": {"slidesToShow": 2}}, {"breakpoint": 767, "settings": {"slidesToShow": 2}}, {"breakpoint": 480, "settings": {"slidesToShow": 1}}]}'>
			<?php
				$UMKM = getData('UMKM',3);
				$pi = getData('Promosi Investasi',3);	
				$pr = getData('Probiz',3);	
				$pm = getData('Penanaman Modal',3);
				
				$berita =array_merge($UMKM,$pi,$pr,$pm);
				foreach($berita as $v){
				$judul = preg_replace('~[^a-zA-Z0-9\s]+~', '',$v['post_title']);	
				$judul = str_replace(' ', '-',$judul);	
					
			?>											
					  <!-- portfolio item #1 -->
					  <div class="portfolio-item">
						<div class="portfolio__img">
						  <img src="<?php echo PATH2;?>home/assets/post/<?php echo $v['post_image']; ?>" alt="portfolio img">
						</div><!-- /.portfolio-img -->
						<div class="portfolio__content">
							<h4 class="portfolio__title">
								<a href="<?php echo PATH2;?>home/promosi/readmore/<?php echo $v['post_ID']; ?>/<?php echo $v['post_type']; ?>/<?php echo $judul; ?>"><?php echo $v['post_title']; ?></a>
							</h4>
						  <p class="portfolio__desc"><?php echo ambilNarasi(strip_tags($v['post_content']),200); ?> ...</p>
						  <a href="<?php echo PATH2;?>home/promosi/readmore/<?php echo $v['post_ID']; ?>/<?php echo $v['post_type']; ?>/<?php echo $judul; ?>" target="_blank" class="btn btn__loadMore"><span>Read More</span><i
							  class="icon-arrow-right"></i></a>
						</div><!-- /.portfolio-content -->
					  </div><!-- /.portfolio-item -->
			<?php } ?>				  

            </div><!-- /.slick-carousel -->
          </div><!-- /.col-lg-12 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.blog carousel -->


    <!-- =========================
       Banner layout 4
      =========================== -->
    <section class="banner-layout4 mt--100 pb-0">
      <div class="container-fluid col-padding-0">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12 col-xl-6">
            <div class="inner-padding bg-theme ">
              <div class="heading-layout2 heading-light mb-40">
                <p class="heading__subtitle">PEKANBARU</p>
                <h2 class="heading__title">KOTA TUJUAN INVESTASI TERBAIK DI INDONESIA</h2>
                <p class="heading__desc" style="text-align:justify;">Kota Pekanbaru  dengan julukan “Kota Bertuah” memiliki perekonomian yang terus bertumbuh. Sektor-Sektor yang mampu mendukung peningkatan pertumbuhan ekonomi itu antara lain Sektor Perdagangan, Pertambangan, Konstruksi dan Perindustrian. Kota Pekanbaru tidak hanya menjadi persimpangan bagi kota-kota besar di Pulau Sumatera, namun juga menjadi kota yang berhadapan langsung dengan negara-negara ASEAN, serta menjadi pintu gerbang perdagangan inter-nasional. Hal ini menjadikan Kota Pekanbaru berada pada simpul pertumbuhan antara Indonesia, Malaysia, dan Singapura. Kota Pekanbaru juga memiliki dukungan sumber daya alam yang siap dimanfaatkan.</p>
              </div><!-- /.heading -->
              <div class="row fancybox-light">
                <!-- fancybox item #1 -->
                <div class="col-sm-6 col-md-6 col-lg-6">
                  <div class="fancybox-item">
                    <div class="fancybox__icon">
                      <img src="assets/images/icons/positive-vote.png">
                    </div><!-- /.fancybox-icon -->				  
                    <div class="fancybox__content">
                      <h4 class="fancybox__title">Beres Izinnya<br>CERDAS PELAYANANNYA</h4>
                    </div><!-- /.fancybox-content -->
                  </div><!-- /.fancybox-item -->
                </div><!-- /.col-lg-6 -->
                <!-- fancybox item #2 -->
                <div class="col-sm-6 col-md-6 col-lg-6">
                  <div class="fancybox-item">
                    <div class="fancybox__icon">
                      <img src="assets/images/icons/badge.png">
                    </div><!-- /.fancybox-icon -->				  
                    <div class="fancybox__content">
                      <h4 class="fancybox__title">Salam CERDAS #melayaniPekanbaru</h4>
                    </div><!-- /.fancybox-content -->
                  </div><!-- /.fancybox-item -->
                </div><!-- /.col-lg-6 -->
              </div><!-- /.row -->
            </div>
          </div><!-- /.col-xl-6 -->
          <div class="col-sm-12 col-md-12 col-lg-12 col-xl-6 background-banner">
            <div class="bg-img">
              <img src="assets/images/DJI_0132.JPG" alt="banner">
            </div>
            <div class="video__box">
              <a class="video__btn video__btn-white popup-video" href="https://www.youtube.com/watch?v=J5Rrg3yh2gY">
                <div class="video__player">
                  <span class="video__player-animation"></span>
                  <span class="video__player-animation video__player-animation-2"></span>
                  <i class="fa fa-play"></i>
                </div>
              </a>
              <div class="video__box-text">
                <span class="color-white">Watch Our Video!</span>
              </div>
            </div><!-- /.video__box -->
          </div><!-- /.col-xl-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.Banner layout 4 -->

    <!-- ========================
      About Layout 1
    =========================== -->
    <section class="about-layout1 pb-0">
      <div class="bg-img"><img src="assets/images/backgrounds/2.png" alt="background"></div>
      <div class="container">
        <div class="row align-items-center">
          <div class="col-sm-12 col-md-12 col-lg-12 col-xl-6 offset-xl-1">
            <div class="inner-wrapper">
              <div class="heading-layout2 mb-30">
                <span class="heading__subtitle">Mal Pelayanan Publik Kota Pekanbaru</span>
                <h2 class="heading__title">Melayani dengan HATI<br>Sepenuh HATI<br>dengan HATI-HATI <br>dan Tidak sesuka HATI</h2>
                <p class="heading__desc mb-30 mt-40">MPP dirancang oleh KEMEPAN RB sebagai bagian dari perbaikan menyeluruh dan transformasi tata kelola pelayanan publik. Menggabungkan berbagai jenis pelayanan pada satu tempat, penyederhaan dan prosedur serta integrasi pelayanan pada Mal Pelayanan Publik akan memudahkan akses masyarakat dalam mendapat berbagai jenis pelayanan, serta meningkatkan kepercayaan masyarakat kepada penyelenggara pelayanan publik.</p>
              </div><!-- /heading -->
              <a href="https://mpp.pekanbaru.go.id/" target="_blank" class="btn btn__secondary btn__icon mt-20 mb-20">
                <span>Kunjungi Website MPP Pekanbaru</span><i class="icon-arrow-right"></i>
              </a>
            </div>
          </div><!-- /.col-xl-5 -->
          <div class="col-sm-12 col-md-10 col-lg-8 col-xl-5">
            <div class="about__img" style="box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;">
              <img src="assets/images/IMG_5644.png" alt="about" class="img-fluid">
            </div><!-- /.about-img -->
          </div><!-- /.col-xl-5 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.About Layout 1 -->


    <!-- =========================
       Banner layout 2
      =========================== -->
    <section class="banner-layout2 bg-overlay bg-parallax" style="margin-top:2%;">
      <div class="bg-img"><img src="assets/images/bag_1.jpg" alt="background"></div>
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-6">
            <div class="heading-layout2 heading-light mb-50">
              <span class="heading__subtitle">Mal Pelayanan Publik Kota pekanbaru</span>
              <h2 class="heading__title"> Memberikan kemudahan dan kenyamanan bagi masyarakat dalam berurusan<br>di Kota Pekanbaru
              </h2>
            </div><!-- /.heading -->
            <ul class="list-items list-items-white list-unstyled mb-40">
              <li>TRANSPARASI PELAYANAN</li>
              <li>EFISIENSI PELAYANAN</li>
              <li>KENYAMANAN PELAYANAN</li>
            </ul>
          </div><!-- /.col-lg-6 -->
          <div class="col-sm-12 col-md-12 col-lg-6">
            <div class="info-slider-wrapper d-flex justify-content-end">
              <div class="info__slider">
                <div class="slick-carousel" data-slick='{"slidesToShow": 1, "arrows": false, "dots": true}'>
                  <div class="info__slider-item">
                    <div class="info__slider-icon"><img src="assets/images/icons/positive-vote_hitam.png"></div>
                    <h5 class="info__slider-title">Beres Izinnya CERDAS PELAYANANNYA</h5>
                  </div><!-- /.info__slider-item -->
                  <div class="info__slider-item">
                    <div class="info__slider-icon"><img src="assets/images/icons/badge_hitam.png"></div>
                    <h5 class="info__slider-title">Salam CERDAS #melayaniPekanbaru</h5>
                  </div><!-- /.info__slider-item -->
                </div>
              </div><!-- /.info__slider -->
            </div>
          </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.Banner layout 2 -->

      <!-- ==========================
        contact layout 1
      =========================== -->
      <section class="contact-layout2 p-0">
        <div class="container">
          <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12">
              <div class="contact-panel mt--140">
                <div class="contact__panel-info">
                  <div class="contact__panel-info-top">
                    <div class="contact-info-box">
                      <h4 class="contact__info-box-title"></h4>
                      <ul class="contact__info-list list-unstyled">
                        <li>Dalam rangka mengikuti program pemerintah untuk mendukung UMKM, Kami memberikan layanan untuk mempromosikan produk UMKM anda</li>
                      </ul><!-- /.contact__info-list -->
                    </div><!-- /.contact-info-box -->
                    <div class="contact-info-box">
                      <h4 class="contact__info-box-title">Promosi tanpa dipungut biaya</h4>
                    </div><!-- /.contact-info-box -->
                  </div><!-- /.contact__panel-info-top -->
                  <div class="contact__panel-info-bottom bg-theme2 mb-10">
                    <strong class="contact__panel-info-title">Sudah Follow Sosial Media DPMPTSP Kota Pekanbaru  : </strong>
                    <div class="contact__number d-flex align-items-center" style="margin-bottom:10px;">
                      <i class="fa fa-instagram" ></i>
                      <a href="https://www.instagram.com/dpmptsp_pekanbaru/" target="_blank" style="font-size:16px;">Instagram</a>
                    </div>
                    <div class="contact__number d-flex align-items-center">
                      <i class="fa fa-youtube"></i>
                      <a href="https://www.youtube.com/channel/UCgGOIu5BkiqS4ApNlXB7iQw"  target="_blank" style="font-size:16px;">Youtube</a>
                    </div>					
                  </div><!-- /.contact__panel-info-bottom -->				  			
                </div><!-- /.contact__panel-info -->
                <div class="contact__panel-form">
				<div class="row mb-10">
                  <div class="col-12">
                    <h4 class="contact__panel-title">Contact Person</h4>
                  </div><!-- /.col-lg-8 -->
                  </div><!-- /.col-lg-8 -->
                  <div class="row mb-10">
                    <div class="col-sm-12">
					  <div class="contact__panel-info-top">
						<div class="contact-info-box">
						  <h4 class="contact__info-box-title">Promosi Bisnis:</h4>
						</div><!-- /.contact-info-box -->
							<div class="contact__number d-flex align-items-center" style="margin-bottom:10px;">
							  <i class="icon-phone" ></i>
							  <a href="#" style="font-size:16px;">Astrid : 085265912878</a>
							</div>
							<div class="contact__number d-flex align-items-center">
							  <i class="icon-phone"></i>
							  <a href="#" style="font-size:16px;">Robby : 08117575781</a>
							</div>					
					  </div><!-- /.contact__panel-info-top -->
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-12">
						  <div class="contact__panel-info-top">
							<div class="contact-info-box">
							  <h4 class="contact__info-box-title">Geliat UMKM:</h4>
							</div><!-- /.contact-info-box -->
							<div class="contact__number d-flex align-items-center" style="margin-bottom:10px;">
							  <i class="icon-phone" ></i>
							  <a href="#" style="font-size:16px;">Alfian : 085271477492</a>
							</div>
							<div class="contact__number d-flex align-items-center">
							  <i class="icon-phone"></i>
							  <a href="#" style="font-size:16px;">Ridwan : 081211019382</a>
							</div>												
						  </div><!-- /.contact__panel-info-top -->
                    </div>
                  </div>				  
                </div>
              </div><!-- /.contact__panel -->
            </div><!-- /.col-lg-12 -->
          </div><!-- /.row -->
        </div><!-- /.container -->
      </section><!-- /.contact layout 2 -->

    <section class="banner-layout3 bg-overlay bg-parallax mt--130">
      <div class="bg-img"><img src="assets/images/bg_mpp.jpg" alt="background"></div>
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-6">
            <div class="heading-layout2 heading-light mb-50">
              <span class="heading__subtitle">Realisasi Investasi</span>
              <h2 class="heading__title">Triwulan IV 2024</h2>
            </div><!-- /.heading -->
          </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
        <div class="row counter-light">
          <!-- counter item #1 -->
          <div class="col-6 col-sm-3">
            <div class="counter-item">
              <h4 class="counter" style="font-size:32px;">Rp  5,702 T</h4>
              <p class="counter__desc">Realisasi</p>
            </div>
          </div><!-- /.col-sm-3 -->
          <!-- counter item #2 -->
          <div class="col-6 col-sm-3">
            <div class="counter-item">
              <h4 class="counter" style="font-size:32px;">8.292</h4>
              <p class="counter__desc">Proyek</p>
            </div>
          </div><!-- /.col-sm-3 -->
          <!-- counter item #3 -->
          <div class="col-6 col-sm-3">
            <div class="counter-item">
              <h4 class="counter" style="font-size:32px;">11.934</h4>
              <p class="counter__desc">TKI</p>
            </div>
          </div><!-- /.col-sm-3 -->
          <div class="col-6 col-sm-3">
            <div class="counter-item">
              <h4 class="counter" style="font-size:32px;">1</h4>
              <p class="counter__desc">TKA</p>
            </div>
          </div><!-- /.col-sm-3 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.Banner layout 3 -->

  <!-- =========================== 
      portfolio Grid 
    ============================= -->
    <section class="portfolio-grid pb-70">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-6 offset-lg-3">
            <div class="heading text-center mb-50">
              <span class="heading__subtitle">Featured Projects</span>
              <h2 class="heading__title">Video Promosi</h2>
            </div><!-- /.heading -->
          </div><!-- /.col-lg-6 -->
        </div><!-- /.row -->
        <div class="row">

          <div class="col-sm-6 col-md-6 col-lg-4">
            <div class="portfolio-item">
              <div class="portfolio__img">
                <iframe class="hover_effect" src="https://www.youtube.com/embed/UMxlA3SVH8g" frameborder="0" allowfullscreen></iframe>
              </div><!-- /.portfolio-img -->
            </div><!-- /.portfolio-item -->
          </div><!-- /.col-lg-4 -->
          <div class="col-sm-6 col-md-6 col-lg-4">
            <div class="portfolio-item">
              <div class="portfolio__img">
                <iframe class="hover_effect" src="https://www.youtube.com/embed/tlEPrI9oAwI" frameborder="0" allowfullscreen></iframe>
              </div><!-- /.portfolio-img -->
            </div><!-- /.portfolio-item -->
          </div><!-- /.col-lg-4 -->
          <div class="col-sm-6 col-md-6 col-lg-4">
            <div class="portfolio-item">
              <div class="portfolio__img">
                <iframe class="hover_effect" src="https://www.youtube.com/embed/UbeKl9nMtgc" frameborder="0" allowfullscreen></iframe>
              </div><!-- /.portfolio-img -->
            </div><!-- /.portfolio-item -->
          </div><!-- /.col-lg-4 -->
          <div class="col-sm-6 col-md-6 col-lg-4">
            <div class="portfolio-item">
              <div class="portfolio__img">
                <iframe class="hover_effect" src="https://www.youtube.com/embed/MhxbPZTIoyY" frameborder="0" allowfullscreen></iframe>
              </div><!-- /.portfolio-img -->
            </div><!-- /.portfolio-item -->
          </div><!-- /.col-lg-4 -->
          <div class="col-sm-6 col-md-6 col-lg-4">
            <div class="portfolio-item">
              <div class="portfolio__img">
                <iframe class="hover_effect" src="https://www.youtube.com/embed/o2J--E8zu3Y" frameborder="0" allowfullscreen></iframe>
              </div><!-- /.portfolio-img -->
            </div><!-- /.portfolio-item -->
          </div><!-- /.col-lg-4 -->
          <div class="col-sm-6 col-md-6 col-lg-4">
            <div class="portfolio-item">
              <div class="portfolio__img">
                <iframe class="hover_effect" src="https://www.youtube.com/embed/-iiTSOw72ZQ" frameborder="0" allowfullscreen></iframe>
              </div><!-- /.portfolio-img -->
            </div><!-- /.portfolio-item -->
          </div><!-- /.col-lg-4 -->
          <div class="col-sm-6 col-md-6 col-lg-4">
            <div class="portfolio-item">
              <div class="portfolio__img">
                <iframe class="hover_effect" src="https://www.youtube.com/embed/2f-krKu23gs" frameborder="0" allowfullscreen></iframe>
              </div><!-- /.portfolio-img -->
            </div><!-- /.portfolio-item -->
          </div><!-- /.col-lg-4 -->	
          <div class="col-sm-6 col-md-6 col-lg-4">
            <div class="portfolio-item">
              <div class="portfolio__img">
                <iframe class="hover_effect" src="https://www.youtube.com/embed/aOx9_4_ikUE" frameborder="0" allowfullscreen></iframe>
              </div><!-- /.portfolio-img -->
            </div><!-- /.portfolio-item -->
          </div><!-- /.col-lg-4 -->	
          <div class="col-sm-6 col-md-6 col-lg-4">
            <div class="portfolio-item">
              <div class="portfolio__img">
                <iframe class="hover_effect" src="https://www.youtube.com/embed/s-rM202ZzVc" frameborder="0" allowfullscreen></iframe>
              </div><!-- /.portfolio-img -->
            </div><!-- /.portfolio-item -->
          </div><!-- /.col-lg-4 -->	
		  
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.portfolio Grid -->

    <!-- =====================
         Clients
      ======================== -->
    <section class="clients border-top border-bottom">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="slick-carousel"
              data-slick='{"slidesToShow": 6, "arrows": false, "dots": false, "autoplay": true,"autoplaySpeed": 2000, "infinite": true, "responsive": [ {"breakpoint": 992, "settings": {"slidesToShow": 4}}, {"breakpoint": 767, "settings": {"slidesToShow": 3}}, {"breakpoint": 480, "settings": {"slidesToShow": 2}}]}'>
              <div class="client" style="margin-right:25px;">
                <a href="http://www.pekanbaru.go.id/" target="_blank"><img src="https://dpmptsp.pekanbaru.go.id/images/partner/logo_pekanbaru.png" alt="client"></a>
              </div><!-- /.client -->
              <div class="client" style="margin-right:25px;">
                <a href="http://mpp.pekanbaru.go.id/" target="_blank"><img src="https://mpp.pekanbaru.go.id/assets/images/mpp_logo_hijau.png" alt="client"></a>
              </div><!-- /.client -->
              <div class="client" style="margin-right:25px;">
                <a href="http://www.bkpm.go.id/" target="_blank"><img src="https://dpmptsp.pekanbaru.go.id/images/partner/logo_bkpm.png" alt="client"></a>
              </div><!-- /.client -->
              <div class="client" style="margin-right:25px;">
                <a href="https://jaga.id/" target="_blank"><img src="https://dpmptsp.pekanbaru.go.id/images/partner/cropped-logo-jaga-1-1.png" alt="client"></a>
              </div><!-- /.client -->
              <div class="client" style="margin-right:25px;">
                <a href="https://lapor.go.id/" target="_blank"><img src="https://dpmptsp.pekanbaru.go.id/images/partner/lapor-logo.png" alt="client"></a>
              </div><!-- /.client -->
              <div class="client" style="margin-right:25px;">
                <a href="https://bssn.go.id/" target="_blank"><img src="https://dpmptsp.pekanbaru.go.id/images/partner/logo-bsre.png" alt="client"></a>
              </div><!-- /.client -->
              <div class="client" style="margin-right:25px;">
                <a href="http://www.bpjsketenagakerjaan.go.id/" target="_blank"><img src="https://dpmptsp.pekanbaru.go.id/images/partner/BPJS_KETENAGA_KERJAAN.png" alt="client"></a>
              </div><!-- /.client -->			  
            </div><!-- /.carousel -->
          </div><!-- /.col-lg-12 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </section><!-- /.clients -->

	<!-- ========================= 
			Google Map
	=========================  -->
	
	<section class="google-map-layout2 p-0" style="margin-top:5%;">
	  <div class="container" style="box-shadow: 0 6px 4px -4px #fff;">
		<div class="row">
		  <div class="col-sm-12 col-md-12 " >
			<div id="map" style="height: 460px;">
			<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.6571513285535!2d101.44447066416853!3d0.514995349624279!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31d5ac1cb4be60af%3A0xe16ee1f48feadefc!2sMal+Pelayanan+Publik+Kota+Pekanbaru!5e0!3m2!1sid!2sid!4v1549945276603" width="100%" height="460" frameborder="0" style="border:0" allowfullscreen></iframe>			
			</div>
			<!-- CLICK HERE (https://developers.google.com/maps/documentation/embed/get-api-key) TO  LERAN MORE ABOUT GOOGLE MAPS API KEY -->
		  </div><!-- /.col-lg-12 -->
		</div><!-- /.row -->
	  </div><!-- /.container -->
	</section><!-- /.GoogleMap -->