481 lines
24 KiB
PHP
481 lines
24 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Beranda | Sekolah Adiwiyata DKI Jakarta</title>
|
|
|
|
<meta name="keywords" content="Sekolah Adiwiyata" />
|
|
<meta name="description" content="Sekolah Adiwiyata Lingkungan Hidup Provinsi DKI Jakarta">
|
|
<meta name="author" content="ilham">
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" href="{{ asset('assets/logo-dinas.ico') }}" type="image/x-icon" />
|
|
|
|
<link rel="apple-touch-icon" href="{{ asset('assets/logo-dinas.ico') }}">
|
|
|
|
|
|
<!-- Mobile Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
|
|
|
|
<!-- Web Fonts -->
|
|
<link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700%7CLora:400,500,700%7CHandlee&display=swap&display=swap" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Vendor CSS -->
|
|
<link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}">
|
|
<link rel="stylesheet" href="{{asset('assets/css/all.min.css')}}">
|
|
<link rel="stylesheet" href="{{asset('assets/css/animate.compat.css')}}">
|
|
<link rel="stylesheet" href="{{asset('assets/css/simple-line-icons.min.css')}}">
|
|
<link rel="stylesheet" href="{{asset('assets/css/owl.carousel.min.css')}}">
|
|
<link rel="stylesheet" href="{{asset('assets/css/owl.theme.default.min.css')}}">
|
|
<link rel="stylesheet" href="{{asset('assets/css/magnific-popup.min.css')}}">
|
|
|
|
<!-- Theme CSS -->
|
|
<link rel="stylesheet" href="{{asset('assets/css/theme.css')}}">
|
|
<link rel="stylesheet" href="{{asset('assets/css/theme-elements.css')}}">
|
|
<link rel="stylesheet" href="{{asset('assets/css/theme-blog.css')}}">
|
|
<link rel="stylesheet" href="{{asset('assets/css/theme-shop.css')}}">
|
|
|
|
<!-- Demo CSS -->
|
|
<link rel="stylesheet" href="{{asset('assets/css/demo-one-page-agency.css')}}">
|
|
|
|
<!-- Skin CSS -->
|
|
<link id="skinCSS" rel="stylesheet" href="{{asset('assets/css/skin-one-page-agency.css')}}">
|
|
|
|
<!-- Head Libs -->
|
|
<script src="{{ asset('assets/js/modernizr.min.js') }}"></script>
|
|
|
|
<link href="{{ asset('assets/css/leaflet.css') }}" rel="stylesheet" />
|
|
<style>
|
|
.title-artikel{
|
|
overflow: hidden !important;
|
|
display: -webkit-box !important;
|
|
-webkit-line-clamp: 2 !important; /* number of lines to show */
|
|
line-clamp: 2 !important;
|
|
-webkit-box-orient: vertical !important;
|
|
}
|
|
|
|
.container-artikel {
|
|
overflow: hidden !important;
|
|
display: -webkit-box !important;
|
|
-webkit-line-clamp: 5 !important; /* number of lines to show */
|
|
line-clamp: 5 !important;
|
|
-webkit-box-orient: vertical !important;
|
|
}
|
|
</style>
|
|
|
|
|
|
</head>
|
|
<body data-plugin-scroll-spy data-plugin-options="{'target': '.wrapper-spy'}">
|
|
<header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyStartAtElement': '#header', 'stickySetTop': '0', 'stickyChangeLogo': false}">
|
|
<div class="header-body">
|
|
<div class="header-container container-fluid px-0">
|
|
<div class="header-row">
|
|
<div class="header-column w-lg-25pct">
|
|
<div class="header-row">
|
|
<div class="header-logo px-4">
|
|
<a href="demo-one-page-agency.html">
|
|
<img alt="DLH" width="33" height="33" src="https://banksampah.jakarta.go.id/images/logo/logo-dlh.png">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header-column justify-content-center w-lg-100pct">
|
|
<div class="header-row">
|
|
<div class="header-nav justify-content-center">
|
|
<div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1">
|
|
<nav class="wrapper-spy collapse">
|
|
<ul class="nav nav-pills" id="mainNav">
|
|
<li>
|
|
<a class="nav-link active" href="#home" data-hash>
|
|
Beranda
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="nav-link" href="#who-we-are" data-hash data-hash-offset="0" data-hash-offset-lg="32">
|
|
Tentang
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="nav-link" href="#blog" data-hash data-hash-offset="0" data-hash-offset-lg="32">
|
|
Publikasi
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="nav-link" href="#what-we-do" data-hash data-hash-offset="0" data-hash-offset-lg="32">
|
|
Regulasi
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="nav-link" href="#googlemaps" data-hash>
|
|
Lokasi
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="nav-link" href="#helpdesk" data-hash>
|
|
Help Desk
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header-column w-100pct w-lg-25pct justify-content-end">
|
|
<div class="header-row px-4">
|
|
<div class="d-none d-sm-flex align-items-center">
|
|
|
|
</div>
|
|
<button class="btn header-btn-collapse-nav btn-gradient" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
|
|
<i class="fa-solid fa-bars"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="body">
|
|
<div role="main" class="main">
|
|
|
|
<div class="position-relative">
|
|
<div id="home" class="owl-carousel owl-carousel-light owl-carousel-light-init-fadeIn owl-theme manual custom-dots-style-1 dots-inside dots-horizontal-center show-dots-hover show-dots-xs dots-light nav-style-1 nav-inside nav-inside-plus nav-light nav-md nav-font-size-md show-nav-hover mb-0" data-plugin-options="{'autoplayTimeout': 1500, 'autoplay': false}" style="height: 100vh;">
|
|
<div class="owl-stage-outer">
|
|
<div class="owl-stage">
|
|
|
|
<!-- Carousel Slide 1 -->
|
|
<div class="owl-item position-relative">
|
|
<div class="background-image-wrapper position-absolute top-0 left-0 right-0 bottom-0 animated kenBurnsToRightTop" style="background:
|
|
linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
|
|
url({{ asset('background.png') }}); background-size: cover; background-position: bottom; animation-duration: 1.5s;"></div>
|
|
<div class="container position-relative z-index-3 h-100">
|
|
<div class="row justify-content-start align-items-center h-100">
|
|
<div class="col-lg-8 text-center text-sm-start mb-4 pb-5 pb-lg-0">
|
|
<h2 class="text-color-light font-weight-semibold text-3 text-sm-4 line-height-1 positive-ls-2 mb-1 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">
|
|
Portal Resmi
|
|
</h2>
|
|
<h1 class="d-inline-block text-color-light font-weight-bold text-11 text-sm-13 text-md-14 line-height-1 position-relative mb-3 pb-1 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1200">
|
|
Sekolah Adiwiyata <br>DKI Jakarta
|
|
</h1>
|
|
<p class="text-4 text-white w-sm-75pct pe-md-5 pe-lg-0 pe-xl-5 pb-3 mb-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1400">Dinas Lingkungan Hidup Provinsi DKI Jakarta</p>
|
|
<a href="{{ url('register') }}" class="btn btn-primary mb-2 custom-btn-effect-1 custom-border-radius-1 d-inline-flex align-items-center font-weight-semibold text-3-5 btn-px-5 btn-py-3 appear-animation" data-hash data-hash-offset="0" data-hash-offset-lg="32" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1600" data-appear-animation-duration="1.7s">
|
|
Pendaftaran Sekolah Adiwiyata
|
|
</a>
|
|
<a class="btn btn-gradient mb-2 custom-btn-effect-1 custom-border-radius-1 d-inline-flex align-items-center font-weight-semibold text-3-5 btn-px-5 btn-py-3 appear-animation" data-hash data-hash-offset="0" data-hash-offset-lg="32" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1600" data-appear-animation-duration="1.7s" href="{{ url('login') }}">
|
|
Login
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="owl-dots mb-5">
|
|
<button role="button" class="owl-dot active">
|
|
<span></span>
|
|
</button>
|
|
<button role="button" class="owl-dot">
|
|
<span></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section id="who-we-are" class="section section-height-2 bg-transparent border-0 m-0">
|
|
<div class="container py-5">
|
|
<div class="row align-items-center justify-content-center">
|
|
<div class="col-lg-6 pe-lg-5 mb-3 mb-lg-0">
|
|
<div class="overflow-hidden">
|
|
<h2 class="text-color-primary font-weight-semibold text-3 line-height-7 positive-ls-2 mb-1 appear-animation" data-appear-animation="maskUp">Tentang</h2>
|
|
</div>
|
|
<div class="overflow-hidden mb-5">
|
|
<h3 class="text-color-dark font-weight-bold text-transform-none line-height-1 text-12 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="200">Sekolah Adiwiyata</h3>
|
|
</div>
|
|
<p class="text-color-dark custom-font-secondary text-6 line-height-4 appear-animation text-justify" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">
|
|
Sekolah Adiwiyata adalah sebuah platform digital berbasis website yang menghimpun data dan informasi mengenai kegiatan adiwiyata di sekolah.
|
|
</p>
|
|
<p class="text-4 appear-animation text-justify" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
Website ini Tujuan dari sistem ini adalah untuk melakukan pencatatan dan pendataan secara digitalisasi dalam rangka mendukung program Sekolah Adiwiyata. Sistem ini dirancang guna mempermudah proses penilaian kebersihan dan lingkungan sekolah oleh berbagai pihak, mulai dari internal sekolah, pemerintah kota, provinsi, hingga tingkat nasional. Dengan digitalisasi ini, diharapkan proses monitoring, evaluasi, dan pelaporan menjadi lebih efektif, efisien, serta transparan. Selain itu, sistem ini membantu sekolah dalam mendokumentasikan upaya pelestarian lingkungan secara berkelanjutan, sehingga dapat meningkatkan kesadaran serta partisipasi seluruh warga sekolah terhadap pentingnya kebersihan dan lingkungan yang sehat.
|
|
</p>
|
|
<a href="#blog" class="d-inline-flex align-items-center text-color-primary font-weight-bold text-4 text-decoration-none custom-link-effect-1 appear-animation" data-hash data-hash-offset="0" data-hash-offset-lg="32" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="800">
|
|
Selengkapnya
|
|
<img width="15" height="15" src="https://banksampah.jakarta.go.id/web/img/demos/one-page-agency/icons/arrow-down.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'removeClassAfterInit': 'fadeIn', 'extraClass': 'svg-fill-color-primary ms-2'}" />
|
|
</a>
|
|
</div>
|
|
<div class="col-5 col-sm-7 col-md-12 col-lg-6 text-center">
|
|
<div class="position-relative d-inline-flex">
|
|
<img src="{{ asset('assets/adiwiyata.png') }}" class="img-fluid rounded-circle box-shadow-5 p-3 z-index-2" width="260" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="blog" class="section section-height-3 border-0 m-0 appear-animation d-none" data-appear-animation="fadeIn">
|
|
<div class="container pb-3">
|
|
<div class="row mb-3">
|
|
<div class="col">
|
|
<div class="overflow-hidden">
|
|
<h2 class="text-color-primary font-weight-semibold text-3 line-height-7 positive-ls-2 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="200">Posting Terkini</h2>
|
|
</div>
|
|
<div class="overflow-hidden mb-4">
|
|
<h3 class="text-color-dark font-weight-bold text-transform-none line-height-3 text-10 pe-1 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="400">Publikasi</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
<div class="owl-carousel carousel-shadow-1 show-nav-title custom-dots-style-1 dots-dark" data-plugin-options="{'responsive': {'479': {'items': 1}, '768': {'items': 2}, '979': {'items': 2}, '1199': {'items': 2}, '1440': {'items': 3}}, 'margin': 20, 'loop': false, 'dots': true, 'dotsVerticalOffset': '30px', 'nav': false, 'autoHeight': true}">
|
|
<div class="h-100">
|
|
<article>
|
|
<div class="card border-0 border-radius-0 p-1">
|
|
<div class="card-body p-3 z-index-1">
|
|
<a href="javascript:void(0)" class="d-block opacity-hover-8">
|
|
<img class="card-img-top border-radius-0 mb-2" height="180" src="https://banksampah.jakarta.go.id/uploads/artikel/thumbnail-xlfwqnujtcsvfltwbnwjeutnyravjaumjopsehci.jpeg" alt="Berita" style="width: auto">
|
|
</a>
|
|
<p class="text-uppercase text-color-default text-1 my-2 pb-1">
|
|
<time pubdate datetime="2023-01-10">Kamis, 12 Desember 2024</time>
|
|
<span class="opacity-3 d-inline-block px-2">|</span>
|
|
Admin DLH
|
|
</p>
|
|
<div class="card-body p-0">
|
|
<h4 class="card-title text-4 font-weight-bold pb-2 mb-2">
|
|
<span class="thumb-info-inner line-height-3 title-artikel">Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH Luncurkan Platform</span>
|
|
</h4>
|
|
<p class="card-text mb-2 text-justify container-artikel">
|
|
JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah sampah dan bertransaksi di bank sampah.
|
|
</p>
|
|
<a href="javascript:void(0)" class="btn btn-link font-weight-semibold text-decoration-none text-2 ps-0 pb-1 mb-2">VIEW MORE</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<div class="h-100">
|
|
<article>
|
|
<div class="card border-0 border-radius-0 p-1">
|
|
<div class="card-body p-3 z-index-1">
|
|
<a href="javascript:void(0)" class="d-block opacity-hover-8">
|
|
<img class="card-img-top border-radius-0 mb-2" height="180" src="https://banksampah.jakarta.go.id/uploads/artikel/thumbnail-bknowswrfbexjfxjglatisxhwktwbburqfelqmdo.jpeg" alt="Berita" style="width: auto">
|
|
</a>
|
|
<p class="text-uppercase text-color-default text-1 my-2 pb-1">
|
|
<time pubdate datetime="2023-01-10">Minggu, 17 November 2024</time>
|
|
<span class="opacity-3 d-inline-block px-2">|</span>
|
|
Admin DLH
|
|
</p>
|
|
<div class="card-body p-0">
|
|
<h4 class="card-title text-4 font-weight-bold pb-2 mb-2">
|
|
<span class="thumb-info-inner line-height-3 title-artikel">Menteri LH Dukung Retribusi Pelayanan Kebersihan di Jakarta</span>
|
|
</h4>
|
|
<p class="card-text mb-2 text-justify container-artikel">
|
|
JAKARTA — Menteri Lingkungan Hidup, Hanif Faisol Nurofiq, mendukung penuh langkah Pemerintah Provinsi DKI Jakarta untuk menerapkan Retribusi Pelayanan Kebersihan mulai 1 Januari 2025. Dukungan ini disampaikan Menteri Hanif dalam acara "Kolaborasi Bersih Sampah Jakarta - Indonesia Bersih" yang berlangsung di Hutan Kota GBK, Jakarta, Minggu (17/11).
|
|
</p>
|
|
<a href="javascript:void(0)" class="btn btn-link font-weight-semibold text-decoration-none text-2 ps-0 pb-1 mb-2">VIEW MORE</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<div class="h-100">
|
|
<article>
|
|
<div class="card border-0 border-radius-0 p-1">
|
|
<div class="card-body p-3 z-index-1">
|
|
<a href="javascript:void(0)" class="d-block opacity-hover-8">
|
|
<img class="card-img-top border-radius-0 mb-2" height="180" src="https://banksampah.jakarta.go.id/uploads/artikel/thumbnail-hlbcyadgwxtffnppxxfkxaeucriujfefngbbvbog.jpeg" alt="Berita" style="width: auto">
|
|
</a>
|
|
<p class="text-uppercase text-color-default text-1 my-2 pb-1">
|
|
<time pubdate datetime="2023-01-10">Kamis, 07 Maret 2024</time>
|
|
<span class="opacity-3 d-inline-block px-2">|</span>
|
|
Admin DLH
|
|
</p>
|
|
<div class="card-body p-0">
|
|
<h4 class="card-title text-4 font-weight-bold pb-2 mb-2">
|
|
<span class="thumb-info-inner line-height-3 title-artikel">DLH DKI Ajak Pemangku Kepentingan Sinergi Kelola Sampah di Jakarta</span>
|
|
</h4>
|
|
<p class="card-text mb-2 text-justify container-artikel">
|
|
JAKARTA - Memperingati Hari Peduli Sampah Nasional (HPSN) 2024, Dinas Lingkungan Hidup DKI Jakarta menyelenggarakan Forum Sinergi Pengelolaan Sampah Jakarta di Pusat Edukasi Jakarta Sadar Sampah, Pesanggrahan, Jakarta Selatan, pada hari Kamis (07/03).
|
|
</p>
|
|
<a href="javascript:void(0)" class="btn btn-link font-weight-semibold text-decoration-none text-2 ps-0 pb-1 mb-2">VIEW MORE</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="what-we-do" class="section bg-transparent overflow-hidden border-0 m-0 pb-0">
|
|
<div class="container pt-3 mt-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-5 col-xl-7 pe-lg-5 pe-xl-0 pb-lg-5 mb-3 mb-xl-0">
|
|
<h3 class="text-color-dark font-weight-bold text-transform-none text-7 mb-4">Regulasi</h3>
|
|
<div class="pe-5">
|
|
<div class="d-flex">
|
|
<div class="ms-3">
|
|
<h4 class="font-weight-bold text-3 mb-2">
|
|
Peraturan Menteri Lingkungan Hidup Dan Kehutanan Nomor 23 Tahun 2022
|
|
</h4>
|
|
<p class="mb-2 text-justify" style="font-size:12px">
|
|
Peraturan Menteri ini mengubah ketentuan dalam Peraturan Menteri Lingkungan Hidup dan Kehutanan Nomor P.52/MENLHK/ SETJEN/KUM.1/9/2019 tentang Gerakan Peduli dan Berbudaya Lingkungan Hidup di Sekolah yaitu tentang pemberian penghargaan, gerakan PBLHS, piagam penghargaan, pemantauan dan evaluasi dan dewan pertimbangan gerakan PBLHS
|
|
<a style="font-size:12px" href="https://drive.google.com/file/d/1JZyJc62ZxDTxuC2Nk02gAK8UB9xtOhif/view?usp=drive_link" class="btn btn-primary">Permen LHK Nomor 23 Tahun 2022👇</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7 col-xl-5 ps-0 ps-sm-5 pe-0 pt-lg-5 pt-xl-0 mt-lg-5 mt-xl-0">
|
|
<div class="position-relative">
|
|
<img src="{{ asset('assets/aktifitas.png') }}" class="img-fluid box-shadow-5 appear-animation" data-appear-animation="fadeInUpShorter" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="googlemaps" class="section bg-transparent overflow-hidden border-0 m-0 pb-0">
|
|
<div class="container pt-5 mt-2">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-12 col-xl-12 pe-lg-5 pe-xl-0 pb-lg-5 mb-5 mb-xl-0">
|
|
<h3 class="text-10 negative-ls-2 text-center">Lokasi Sekolah Adiwiyata</h3>
|
|
<div class="row align-items-center text-center">
|
|
<div class="mt-1 mt-sm-1 pt-sm-1 mb-sm-n5 demo-carousel">
|
|
<div class="carousel slide carousel-fade" data-bs-ride="carousel">
|
|
<div class="carousel-inner shadow-lg bg-white rounded-5">
|
|
<div class="carousel-item active" data-bs-interval="2000">
|
|
<div id="map" class="leaflet-map w-100" style="height : 670px !important;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="helpdesk" class="section section-height-2 bg-transparent border-0 m-0">
|
|
<div class="container py-5">
|
|
<div class="row align-items-center justify-content-center">
|
|
<div class="col-lg-7 pe-lg-5 mb-3 mb-lg-0">
|
|
<div class="overflow-hidden">
|
|
<h2 class="text-color-primary font-weight-semibold text-3 line-height-7 positive-ls-2 mb-1 appear-animation" data-appear-animation="maskUp">
|
|
Ada kendala terkait Sekolah Adiwiyata ?
|
|
</h2>
|
|
</div>
|
|
<div class="overflow-hidden mb-3">
|
|
<h3 class="text-color-dark font-weight-bold text-transform-none line-height-1 text-12 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="200">Hubungi Help Desk kami</h3>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-1">
|
|
<i class="fa-brands fa-whatsapp text-6 me-3 text-color-primary" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600"></i>
|
|
</div>
|
|
<div class="col-10">
|
|
<p class="text-4 appear-animation text-justify" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
Nomor Hp Admin 1: <a href="https://wa.me/6285283788234" target="_blank">085283788234</a>
|
|
</p>
|
|
<p class="text-4 appear-animation text-justify" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
Nomor Hp Admin 2: <a href="https://wa.me/6282121969065" target="_blank">082121969065</a>
|
|
</p>
|
|
<p class="text-4 appear-animation text-justify" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
Nomor Hp Admin 3: <a href="https://wa.me/6281298963723" target="_blank">081298963723</a>
|
|
</p>
|
|
<p class="text-4 appear-animation text-justify" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
Nomor Hp Admin 4: <a href="https://wa.me/6282121969064" target="_blank">082121969064</a>
|
|
</p>
|
|
<p class="text-4 appear-animation text-justify" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
Nomor Hp Admin 5: <a href="https://wa.me/6281298963729" target="_blank">081298963729</a>
|
|
</p>
|
|
<p class="text-4 appear-animation text-justify" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
Nomor Hp Admin 6: <a href="https://wa.me/6281292424382" target="_blank">081292424382</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-1">
|
|
<i class="fa-regular fa-clock text-5 text-color-primary" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600"></i>
|
|
</div>
|
|
<div class="col-10">
|
|
<p class="text-4 appear-animation text-justify" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
Senin s.d Jumat Pkl. 08.00 -15.00 WIB
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<h2 class="text-color-primary font-weight-semibold text-4 line-height-7 positive-ls-2 mb-3 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
<a href="/file/Buku_Panduan_Bank_Sampah.pdf" target="_blank" class="btn btn-primary">Download</a> Buku Panduan Sekolah Adiwiyata Jakarta
|
|
</h2>
|
|
</div>
|
|
<p class="text-3 m-0 appear-animation text-justify" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
Dinas Lingkungan Hidup Provinsi DKI Jakarta
|
|
</p>
|
|
<p class="text-3 m-0 appear-animation text-justify" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
|
|
Jl. Mandala V Cililitan Kramatjati Jakarta Timur
|
|
</p>
|
|
</div>
|
|
<div class="col-sm-7 col-md-12 col-lg-5 text-center">
|
|
<img src="https://banksampah.jakarta.go.id/images/cp.png" class="" width="360" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
</div>
|
|
<footer id="footer" class="border-0 m-0 p-0">
|
|
<div class="footer-copyright bg-color-light py-5">
|
|
<div class="container">
|
|
<div class="row align-items-center justify-content-center justify-content-md-between">
|
|
<div class="col-auto">
|
|
<div class="d-flex align-items-center">
|
|
<div class="d-none d-sm-inline-flex align-items-center border border-top-0 border-bottom-0 border-start-0 pe-4">
|
|
<span class="font-weight-medium mx-2">
|
|
Jalan Mandala V No. 67, Cililitan Besar, Kramatjati, DKI Jakarta Telp. (021) 8092744 Fax. (021) 8091056
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<p class="text-3-5">DLH © 2025. e-Bank Sampah.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</div>
|
|
<!-- Vendor -->
|
|
<script src="{{asset('assets/js/plugins.min.js')}}"></script>
|
|
|
|
<!-- Theme Base, Components and Settings -->
|
|
<script src="{{asset('assets/js/theme.js')}}"></script>
|
|
|
|
<!-- Current Page Vendor and Views -->
|
|
{{-- <script src="https://banksampah.jakarta.go.id/web/js/views/view.contact.js"></script> --}}
|
|
|
|
<!-- Demo -->
|
|
<script src="{{asset('assets/js/demo-one-page-agency.js')}}"></script>
|
|
|
|
<!-- Theme Custom -->
|
|
{{-- <script src="https://banksampah.jakarta.go.id/web/js/custom.js"></script> --}}
|
|
|
|
<!-- Theme Initialization Files -->
|
|
<script src="{{asset('assets/js/theme.init.js')}}"></script>
|
|
|
|
|
|
<script src="{{asset('assets/js/leaflet.js')}}"></script>
|
|
<script src="{{asset('assets/js/leaflet.ajax.js')}}"></script>
|
|
<script src="{{asset('assets/js/indexmap1.0.1.js')}}"></script>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|