Situs Pemerintah Dinas Lingkungan Hidup Kota Pasuruan - Video/title>  <link href="https://dlhkotapasuruan.org/assets/main/img/logo2.png" rel="shortcut icon" type="image/vnd.microsoft.icon" />  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://dlhkotapasuruan.org/assets/main/img/logo2.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://dlhkotapasuruan.org/assets/main/img/logo2.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://dlhkotapasuruan.org/assets/main/img/logo2.png"> <link rel="apple-touch-icon-precomposed" href="assets/main/img/logo2.png"> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900" rel="stylesheet">  <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">  <link rel="stylesheet" href="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/fonts/font-awesome/css/font-awesome.min.css">  <link rel="stylesheet" href="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/magnific-popup/magnific-popup.css">  <link rel="stylesheet" href="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/css/swiper.min.css">  <link rel="stylesheet" href="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/css/bootsnav.css">  <link href="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">  <link href="https://dlhkotapasuruan.org/assets/main/themes/v3/style.css" rel="stylesheet">   <link rel="stylesheet" type="text/css" href="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/easingslideshow/css/style-easing.css" /> <noscript> <link rel="stylesheet" type="text/css" href="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/easingslideshow/css/noscript.css" /> </noscript>    <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/jquery-2.1.3.min.js"></script> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> </head> <body>  <header >  <nav class="navbar navbar-default navbar-sticky bootsnav" >  <div class="opacity"> <div class="blue"></div> <div class="grey"></div> </div> <div class="container">    <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"> <i style="width: 60px; height: 50px;" class="fa fa-bars"></i> </button>   <a class="width100" href="https://dlhkotapasuruan.org/">  <img src="https://dlhkotapasuruan.org/assets/main/img/logo2.png" class="logo logo-scrolled" alt="Logo diskominfo Kota Pasuruan" style="width:auto; height:60px; margin-top:8px;"> </a> </div>   <div class="collapse navbar-collapse" id="navbar-menu" style="background:gray;"> <ul class="nav navbar-nav navbar-right" style="padding-left: 30px;padding-right: 40px;"> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"> Profil </a> <ul class="dropdown-menu"> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/profile/tentang" target=""> Tentang </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/struktur" target=""> Profil Pejabat Struktural </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/profile/tugas-dan-fungsi" target=""> Tugas dan Fungsi </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/profile/struktur-organisasi" target=""> Struktur Organisasi </a> </li> </ul> </li> <li> <a href="https://dlhkotapasuruan.org/berita" target=""> Berita </a> </li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"> Program </a> <ul class="dropdown-menu"> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/program" target=""> Program SKPD </a> </li> </ul> </li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"> Informasi Publik </a> <ul class="dropdown-menu"> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/informasi/proper" target=""> PROPER </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/informasi/pengumuman" target=""> Pengumuman </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/informasi/perencanaan" target=""> Perencanaan </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/informasi/perjanjian-kinerja" target=""> Perjanjian Kinerja </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/informasi/laporan-keuangan" target=""> Laporan Keuangan </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/informasi/laporan-kinerja" target=""> Laporan Kinerja </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/agenda_diklat" target=""> Pendidikan dan Pelatihan </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/pengadaan" target=""> Pengadaan Barang dan Jasa </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/kerjasama" target=""> Kerjasama Daerah </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/informasi/permohonan-informasi" target=""> Permohonan Informasi </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/" target="_blank"> Regulasi </a> </li> </ul> </li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"> Layanan Publik </a> <ul class="dropdown-menu"> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/standar_pelayanan" target=""> Standar Pelayanan </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/maklumat_layanan" target=""> Maklumat Layanan </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/pengelolaan_pengadaan" target=""> Pengelolaan Pengaduan </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/" target=""> Survei Kepuasan Masyarakat </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/visi_misi" target=""> Visi, Misi & Moto </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/rekognisi" target=""> Rekognisi </a> </li> </ul> </li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle"> Galeri </a> <ul class="dropdown-menu"> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/gallery/foto" target=""> Galeri Foto </a> </li> <li style="padding-top: 15px;"> <a href="https://dlhkotapasuruan.org/gallery/video" target=""> Galeri Video </a> </li> </ul> </li> <li> <a href="https://dlhkotapasuruan.org/#kontak" target=""> Kontak </a> </li> </ul> </div> <img class="headertriangle" src='https://dlhkotapasuruan.org/assets/main/img/headertriangle.png' /> </div>  <div class="side"> <a href="#" class="close-side"><i class="fa fa-times"></i></a> <div class="widget"> <h3 class="title">Custom Pages</h3> <ul class="link"> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </div> <div class="widget"> <h3 class="title">About Us</h3> <p class="light-txt">Collaboratively create synergistic scenarios and efficient total linkage. Competently syndicate functionalized.</p> </div> <div class="widget"> <h2 class="title">Social Links</h2> <ul class="social-links list-inline"> <li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li> <li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li> <li><a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a></li> <li><a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a></li> </ul> </div> </div>  </nav>  <div class="clearfix"></div> </header>  <link rel="stylesheet" href="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/css/jquery.fancybox.min.css">  <style> .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background: #333; } .flickity-button { background: #DFDFE6; /* opacity: 10%; */ } .flickity-button:hover { background: #9e9ea3; } .flickity-prev-next-button { margin-top: 7px; width: 30px; height: 55px; border-radius: 5px; border-style: solid; border-color: #F2F2F2; } /* icon color */ .flickity-button-icon { fill: #000000; } /* position outside */ .flickity-prev-next-button.previous { left: -25px; } .flickity-prev-next-button.next { right: -25px; } .flickity-button:disabled { display: none; } /* CSS */ .button-48 { appearance: none; background-color: #FFFFFF; border-width: 0; box-sizing: border-box; color: #000000; cursor: pointer; display: inline-block; font-family: Clarkson, Helvetica, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1em; margin: 0; margin-bottom: -150px; opacity: 1; outline: 0; padding: 1.5em 2.2em; position: relative; text-align: center; text-decoration: none; text-rendering: geometricprecision; text-transform: uppercase; transition: opacity 300ms cubic-bezier(.694, 0, 0.335, 1), background-color 100ms cubic-bezier(.694, 0, 0.335, 1), color 100ms cubic-bezier(.694, 0, 0.335, 1); user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; white-space: nowrap; } .button-48:before { animation: opacityFallbackOut .5s step-end forwards; backface-visibility: hidden; background-color: #9e9ea3; border-radius: 10px; clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%); content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: translateZ(0); transition: clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1), -webkit-clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1); width: 100%; } .button-48:hover:before { animation: opacityFallbackIn 0s step-start forwards; clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%); } .button-48:after { background-color: #FFFFFF; } .button-48 span { z-index: 1; position: relative; } .text { display: block; width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .textberita { display: block; width: 380px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* .imgfit { width: 200px; height: 200px; } */ @media only screen and (min-width: 800px) { .imgfit { width: 400px; height: 253px; /* padding-top: 30px; */ } } @media only screen and (max-width: 800px) { .imgfit { width: 180px; height: 100%; } } .imgfit2 { width: 98px; height: 98px; } .rounded-top { border-top-left-radius: 7px; border-top-right-radius: 7px; } .rounded-bottom { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .rounded-bottom2 { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } html { scroll-behavior: smooth; } </style>  <style> .textvid { display: block; width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* CSS */ .button-48 { appearance: none; background-color: #FFFFFF; border-width: 0; box-sizing: border-box; color: #000000; cursor: pointer; display: inline-block; font-family: Clarkson, Helvetica, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 1em; margin: 0; margin-bottom: -150px; opacity: 1; outline: 0; padding: 1.5em 2.2em; position: relative; text-align: center; text-decoration: none; text-rendering: geometricprecision; text-transform: uppercase; transition: opacity 300ms cubic-bezier(.694, 0, 0.335, 1), background-color 100ms cubic-bezier(.694, 0, 0.335, 1), color 100ms cubic-bezier(.694, 0, 0.335, 1); user-select: none; -webkit-user-select: none; touch-action: manipulation; vertical-align: baseline; white-space: nowrap; } .button-48:before { animation: opacityFallbackOut .5s step-end forwards; backface-visibility: hidden; background-color: #9e9ea3; border-radius: 10px; clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%); content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: translateZ(0); transition: clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1), -webkit-clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1); width: 100%; } .button-48:hover:before { animation: opacityFallbackIn 0s step-start forwards; clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%); } .button-48:after { background-color: #FFFFFF; } .button-48 span { z-index: 1; position: relative; } * { box-sizing: border-box; } body { font-family: sans-serif; } .carousel { background: #EEE; } .carousel-cell { width: 100%; /* height: 200px; */ /* margin-right: 10px; */ background: #8C8; border-radius: 5px; counter-increment: gallery-cell; } /* cell number */ .carousel-cell:before { display: block; text-align: center; content: counter(gallery-cell); line-height: 200px; font-size: 80px; color: white; } </style> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/jquery.fancybox.min.js"></script> <section class="page-title pdt-100"> <div class="container"> <div class="row"> <div class="col-md-12"> <ul class="breadcrumb"> <li><a href="https://dlhkotapasuruan.org/">Home</a></li> <li class="active">GALERI VIDEO</li> </ul> </div> </div> </div> </section> <section class="blog-section pdt-10 pdb-70"> <div class="container"> <div class="text-center mb-40"> <h2 class="section-title">GALERI VIDEO</h2> <p class="section-sub">DINAS LINGKUNGAN HIDUP Kota Pasuruan</p> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12" style="margin-bottom: 150px; padding-left: 10px;"> <div class="portfolio-thumb" style="height: 300px; border:solid #000; overflow-y:hidden; "> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/OpFHXWIIR0U"></iframe> </div> <div class="portfolio-content"> <div class="vertical-border"></div> <div class="portfolio-description" style="margin-bottom: -100px;"> <h5> <p style="color:#fff; margin-bottom: -10px;">29 Nov 2021 20:36</p> </h5> <h5> <a href="https://dlhkotapasuruan.org/"> <span class="textvid" style="color: #fff;">DLH CIPTAKAN TAMAN WISATA EDUKASI</span> </a> </h5> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12" style="margin-bottom: 150px; padding-left: 10px;"> <div class="portfolio-thumb" style="height: 300px; border:solid #000; overflow-y:hidden; "> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/losd8QMy5yk"></iframe> </div> <div class="portfolio-content"> <div class="vertical-border"></div> <div class="portfolio-description" style="margin-bottom: -100px;"> <h5> <p style="color:#fff; margin-bottom: -10px;">29 Nov 2021 20:25</p> </h5> <h5> <a href="https://dlhkotapasuruan.org/"> <span class="textvid" style="color: #fff;">Pengolahan Sampah Organik Dengan Maggot (Lalat BSF)</span> </a> </h5> </div> </div> </div> </div> </div> </section>  <footer class="footer"> <div class="primary-footer section-padding"> <div class="container"> <div class="row">   <div class="col-md-12 col-sm-12"> <div class="widget text-center"> PORTAL RESMI DINAS LINGKUNGAN HIDUP Kota Pasuruan<br> Jl. Pahlawan No.28, Pekuncen, Kec. Panggungrejo, Kota Pasuruan, Jawa Timur 67126<br> <h4>© 2021 DINAS LINGKUNGAN HIDUP Kota Pasuruan</h4> </div> </div>  <div class="col-md-2 col-sm-12"> <div class="widget widget-newsletter clearfix hide"> <div class="div-login"> <a class="btn-login" href="user/login.html">Log in <i aria-hidden="true" class="fa fa-user"></i></a> </div> <div> <a href="https://twitter.com/Kota PasuruanOpenData" target="_blank"><i aria-hidden="true" class="fa fa-twitter"></i></a> <a href="https://www.facebook.com/Kota Pasuruanopendata" target="_blank"><i aria-hidden="true" class="fa fa-facebook"></i></a> <a href="https://www.youtube.com/channel/UC4lw8R4RljzHa_kBzX0rdqQ" target="_blank"><i aria-hidden="true" class="fa fa-youtube"></i></a> <a href="https://www.instagram.com/Kota Pasuruanopendata" target="_blank"><i aria-hidden="true" class="fa fa-instagram"></i></a> </div> </div> </div>  </div>  </div> </div>  </footer>     <div id="preloader"> <div id="status"> <div class="status-mes"></div> </div> </div> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/bootstrap/js/bootstrap.min.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/bootsnav.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/jquery.inview.min.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/imagesloaded.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/masonry.pkgd.min.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/jquery.stellar.min.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/jquery.countTo.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/magnific-popup/jquery.magnific-popup.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/swiper.jquery.min.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/ajaxchimp.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/ajaxchimp-config.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/script.js"></script> <script src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/jquery.zoom.min.js"></script>   <script type="text/javascript" src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/easingslideshow/js/jquery.eislideshow.js"></script> <script type="text/javascript" src="https://dlhkotapasuruan.org/assets/main/themes/v3/assets/easingslideshow/js/jquery.easing.1.3.js"></script>   <script type="text/javascript" src="https://dlhkotapasuruan.org/assets/main/themes/flickity/dist/flickity.pkgd.min.js"></script> <script type="text/javascript" src="https://dlhkotapasuruan.org/assets/main/themes/flickity/dist/flickity.pkgd.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#ei-slider').eislideshow({ animation: 'center', autoplay: true, slideshow_interval: 5000, titlesFactor: 0 }); // $('preloader').hide(); // $.getScript("https://dlhkotapasuruan.org/https://dlhkotapasuruan.org/assets/main/themes/v3/assets/js/bootsnav.js"); $('.zoom').zoom({ on: 'click' }); }); function checkSubpartner(id, l) { $.ajax({ type: "POST", dataType: "JSON", url: 'https://dlhkotapasuruan.org/main/home/getdatasubpartner', data: { id: id }, success: function(res) { $('#modal_subpartner_content').html(''); if (res.stat == true) { var base_url = 'https://dlhkotapasuruan.org/assets/uploads/'; var col = 3; var col_c = 0; $.each(res.data, function(k, v) { $('#modal_subpartner_content').append('<div class="col-sm-4" align="center"><a href="' + v.link + '" target="_blank"><img src="' + base_url + v.image + '" height="100" ></a><br><br><h5 style="color:#000">' + v.name + '</h5></div>'); col_c++; if (col_c == col) { $('#modal_subpartner_content').append('<div class="clearfix"> </div>'); col_c = 0; } }); $('#modal_subpartner').modal('show'); } else { window.location.href = l; } } }); } </script> </body> </html>