-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
265 lines (253 loc) · 13.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE HTML>
<html>
<head>
<title>Aplikasi Dashboard Pemerintah Kota Bandung</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,900' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<script src="js/jquery-1.11.2.min.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
</head>
<body class="homepage">
<!-- Header -->
<div id="header">
<div id="nav-wrapper">
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#" id="about">Tentang Situs ini</a></li>
<li><a href="#" id="daftar_aplikasi">Daftar Aplikasi</a></li>
</ul>
</nav>
</div>
<div class="container">
<!-- Logo -->
<div id="logo">
<img src="images/logo_bandung.png" style="width: 10em; height: 8em">
<h1><a href="#" style="background: rgba(0, 0, 0, 0.40); margin-left: 10%; margin-right: 10%; padding: 1%;">Situs Pelayanan Terpusat Pemerintah Kota Bandung</a></h1>
</div>
</div>
</div>
<!-- Featured -->
<div id="featured" style="padding-top: 3em">
<div class="container">
<header>
<h2>Situs Pelayanan Terpusat Pemerintah Kota Bandung</h2>
<img src="images/logo_bandung.png" style=" width: 20%; padding-bottom: 0%; padding-top: 3%;"/>
</header>
<p>Tujuan Kota Bandung pada tahun 2014-2019 adalah membangun kota yang indah, nyaman, dan memiliki teknologi terdepan. Visinya adalah <b>"Terwujudnya Kota Bandung yang unggul, nyaman, dan sejahtera."</b> Salah satu impian dari Walikota Bandung adalah mewujudkan Bandung sebagai kota digital. Situs dashboard ini dibuat oleh Pemerintah Kota Bandung untuk mendukung layanan publik yang mencakup:</p>
<ul style="list-style-type: circle; text-align: left; margin-left: 22% ">
<li>Aplikasi-aplikasi pendukung penyelenggaraan layanan publik, seperti bidang dukcapil, perijinan, dan ketertiban</li>
<li>Aplikasi-aplikasi penyediaan informasi untuk mendukung kegiatan masyarakat (open data)</li>
<li>Aplikasi-aplikasi pengelolaan informasi pengaduan publik</li>
</ul>
<hr style="margin-top: 3%; padding: 0em" />
</div>
</div>
<!-- Main -->
<div id="main">
<header style="margin-bottom: 4em">
<h2 style="text-align: center">Daftar Aplikasi</h2>
</header>
<div id="content" class="container">
<div class="row">
<section class="6u">
<a href="http://dukcapil.pplbandung.biz.tm/" class="image full"><img style="width: 575px; height:311px" src="images/dukcapil.jpg" alt=""></a>
<header>
<h2><a href="http://dukcapil.pplbandung.biz.tm/">Kependudukan dan Catatan Sipil</a></h2>
</header>
<p class="deskripsi">Proses kependudukan yang dicakup:</p>
<ul class="scope">
<li>Penerbitan KTP</li>
<li>Penerbitan Kartu Keluarga</li>
<li>Mutasi penduduk</li>
</ul>
<p class="deskripsi">Proses Catatan sipil yang dicakup:</p>
<ul class="scope">
<li>Pencatatan dan Penerbitan Akta Lahir</li>
<li>Pencatatan dan Penerbitan Akta Perkawinan</li>
<li>Pencatatan dan Penerbitan Akta Perceraian</li>
<li>Pencatatan dan Penerbitan Akta Kematian</li>
<li>Pencatatan dan Penerbitan Akta Pengakuan dan Pengesahan Anak</li>
</ul>
</section>
<section class="6u">
<a href="http://usahasarana.pplbandung.biz.tm/" class="image full"><img style="width: 575px; height:311px" src="images/saranaperdagangan.jpg" alt=""></a>
<header>
<h2><a href="http://usahasarana.pplbandung.biz.tm/">Ijin Usaha dan Sarana Perdagangan</a></h2>
</header>
<p class="deskripsi">Cakupan jenis ijin:</p>
<ul class="scope">
<li>Ijin Usaha Toko Modern (IUTM)</li>
<li>Ijin Usaha Pusat Perbelanjaan (IUPP)</li>
<li>Ijin Usaha Pengelolaan Pasar Tradisional (IUPPT)</li>
<li>Ijin Tempat Penjualan Minuman Beralkohol (ITPMB)</li>
<li>Ijin/Surat Pendaftaran Tanda Waralaba (STPW)</li>
</ul>
</section>
</div>
<div class="row">
<section class="6u">
<a href="http://angkutan.pplbandung.biz.tm/" class="image full"><img style="width: 575px; height:311px" src="images/angkutan.jpg" alt=""></a>
<header>
<h2><a href="http://angkutan.pplbandung.biz.tm/">Ijin Angkutan</a></h2>
</header>
<p class="deskripsi">Cakupan:</p>
<ul class="scope">
<li>Ijin Pengelolaan Tempat Parkir (ITPT)</li>
<li>Rekomendasi Penyelenggaraan Parkir di Tepi Jalan Umum dan di Gedung/Pelataran/Taman Parkir</li>
<li>Ijin Sewa Lahan/Kios di Terminal</li>
<li>Retribusi Parkir</li>
<li>Retribusi Terminal</li>
</ul>
</section>
<section class="6u">
<a href="http://usahaterpadu.pplbandung.biz.tm/" class="image full"><img style="width: 575px; height:311px" src="images/usahaterpadu.jpg" alt=""></a>
<header>
<h2><a href="http://usahaterpadu.pplbandung.biz.tm/">Ijin Usaha Terpadu</a></h2>
</header>
<p class="deskripsi">Cakupan jenis ijin:</p>
<ul class="scope">
<li>Ijin Gangguan (HO)</li>
<li>Tanda Daftar Perusahaan (TDP)</li>
<li>Tanda Daftar Gudang (TDG)</li>
<li>Ijin Usaha Perdagangan (IUP)</li>
<li>Ijin Usaha Industri (IUI)</li>
<li>Tanda Daftar Industri (TDI)</li>
<li>Ijin Usaha Jasa Konstruksi (IUJK)</li>
</ul>
</section>
</div>
<div class="row">
<section class="6u">
<a href="http://sampah.pplbandung.biz.tm/" class="image full"><img style="width: 575px; height:311px" src="images/sampah.jpg" alt=""></a>
<header>
<h2><a href="http://sampah.pplbandung.biz.tm/">Pengelolaan Sampah</a></h2>
</header>
<p class="deskripsi">Cakupan:</p>
<ul class="scope">
<li>Penyapu Jalan</li>
<li>Pengangkutan Sampah (volume) ke TPS</li>
<li>Pengangkutan Sampah (volume) ke TPA</li>
<li>Sarana Pengangkut Sampah</li>
<li>Petugas Pengangkut Sampah</li>
</ul>
</section>
<section class="6u">
<a href="http://pajak.pplbandung.biz.tm/" class="image full"><img style="width: 575px; height:311px" src="images/pajak.jpg" alt=""></a>
<header>
<h2><a href="http://pajak.pplbandung.biz.tm/">Pelayanan Pajak</a></h2>
</header>
<p class="deskripsi">Cakupan jenis pajak:</p>
<ul class="scope">
<li>Pajak Hotel</li>
<li>Pajak Restoran</li>
<li>Pajak Hiburan</li>
<li>Pajak Penerangan Jalan</li>
<li>Pajak Parkir</li>
<li>Pajak Bumi dan Bangunan</li>
<li>Pajak Air Tanah</li>
<li>Bea Perolehan Hak atas Tanah dan Bangunan (BPHTB)</li>
</ul>
</section>
</div>
<div class="row">
<section class="6u">
<a href="http://imb.pplbandung.biz.tm/" class="image full"><img style="width: 575px; height:311px" src="images/imb.jpg" alt=""></a>
<header>
<h2><a href="http://imb.pplbandung.biz.tm/">IMB dan Ijin Lokasi</a></h2>
</header>
<p class="deskripsi">Cakupan jenis izin:</p>
<ul class="scope">
<li>Ijin Mendirikan Bangunan (IMB)</li>
<li>Ijin Lokasi</li>
<li>Ijin Pemanfaatan Titik Tiang Pancang Reklame, Jembatan Penyebrangan Orang (JPO), dan sejenisnya</li>
<li>Ijin Reklame</li>
</ul>
<p class="deskripsi">Tambahan cakupan:</p>
<ul class="scope">
<li>Pengelolaan tata ruang dan tata wilayah (RTRW)</li>
</ul>
</section>
<section class="6u">
<a href="http://air.pplbandung.biz.tm/" class="image full"><img style="width: 575px; height:311px" src="images/air.jpg" alt=""></a>
<header>
<h2><a href="http://air.pplbandung.biz.tm/">Perizinan Air</a></h2>
</header>
<p class="deskripsi">Cakupan jenis izin:</p>
<ul class="scope">
<li>Ijin Pengelolaan Air Bawah Tanah</li>
<li>Ijin Pengambilan Air Permukaan</li>
<li>ijin Pembuangan Air Buangan ke Sumber Air</li>
<li>Ijin perubahan Alur, Bentuk, Dimensi, dan Kemiringan Dasar Saluran/Sungai</li>
<li>Ijin Pembangunan Lintasan yang berada di bawah / atasnya</li>
<li>Ijin Pemanfaatan Bangunan Pengairan dan Lahan pada Daerah Sepadan Saluran Air</li>
<li>Ijin Pemanfaatan Lahan Mata Air dan Lahan Pengairan Lainnya</li>
</ul>
</section>
</div>
<div class="row">
<section class="6u">
<a href="http://parkir.pplbandung.biz.tm/" class="image full"><img style="width: 575px; height:311px" src="images/parkir.jpg" alt=""></a>
<header>
<h2><a href="http://parkir.pplbandung.biz.tm/">Parkir dan Terminal</a></h2>
</header>
<p class="deskripsi">Cakupan:</p>
<ul class="scope">
<li>Ijin Pengelolaan Tempat Parkir (IPTP) </li>
<li>Rekomendasi Penyelenggaraan Parkir di Tepi Jalan Umum dan di Gedung/Pelataran/Taman Parkir </li>
<li>Ijin Sewa Lahan/Kios di Terminal </li>
<li>Retribusi Parkir</li>
<li>Retribusi Terminal</li>
</ul>
</section>
<section class="6u">
<a href="http://ukm.pplbandung.biz.tm/" class="image full"><img style="width: 575px; height:311px" src="images/pkl.jpg" alt=""></a>
<header>
<h2><a href="http://ukm.pplbandung.biz.tm/">UKM dan Indag</a></h2>
</header>
<p class="deskripsi">Cakupan:</p>
<ul class="scope">
<li>Industri Kecil Non Formal (home industry, pedagangan non formal)</li>
<li>Industri formal Agro, Kimia, Logam, Alat Transportasi, dan Elektronika (AKLATE) </li>
<li>Industri formal Tekstil, Produk Tekstil, dan Mesin Elektronika & Aneka (TPTME) </li>
</ul>
</section>
</div>
<div class="row">
<section class="6u" style="margin-left: 25% ">
<a href="http://lahan.pplbandung.biz.tm/" class="image full"><img style="width: 575px; height:311px" src="images/lahan.jpg" alt=""></a>
<header>
<h2><a href="http://lahan.pplbandung.biz.tm/">Ijin Terkait Lahan</a></h2>
</header>
<p class="deskripsi">Cakupan jenis ijin:</p>
<ul class="scope">
<li>Ijin Penggalian Ruang Milik Jalan (rumija) </li>
<li>Ijin Pembuatan Jalan Masuk Pekarangan </li>
<li>Ijin Penutupan/Penggunaan Trotoar, Berm, dan Saluran </li>
<li>Ijin Pematangan Lahan/Tanah </li>
<li>Ijin Pembuatan Jalan Masuk di dalam Komplek Perumahan, Pertokoan dan sejenisnya </li>
</ul>
</section>
</div>
</div>
</div>
<script>
$('#about').click(function(){
$('html,body').animate({scrollTop: $('#featured').offset().top},'slow');
})
$('#daftar_aplikasi').click(function(){
$('html,body').animate({scrollTop: $('#main').offset().top},'slow');
})
</script>
</body>
</html>