PageSourceSearch

https://malangkota.go.id/

html malangkota.go.id collected 2026-09-24 22:28:55 UTC 125,533 bytes, 1,773 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="zxx">
3<head>
4   
4<script type="25a4cff5cf63ebe2ec29bfd1-text/javascript">
5  
vendor: 134 bytes, lines 5-9
5window.dataLayer = window.dataLayer || [];
6  function gtag(){dataLayer.push(arguments);}
7  gtag('js', new Date());
8
9  gtag('config', '
9G-SEHGSBHPG3
vendor: 4 bytes, line 9
9');
10</script>
10
11<meta charset="utf-8">
12<meta http-equiv="x-ua-compatible" content="ie=edge">
13<title>Portal Kota Malang </title>
14<meta name="description" content="">
15<meta name="viewport" content="width=device-width, initial-scale=1">
16<!-- Place favicon.ico in the root directory -->
17<link rel="shortcut icon" type="image/x-icon" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo/malang.png">
18<!-- CSS here -->
19<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/preloader.css">
20<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/bootstrap.min.css">
21<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/meanmenu.css">
22<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/animate.min.css">
23<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/owl.carousel.min.css">
24<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/swiper-bundle.css">
25<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/backToTop.css">
26<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/jquery.fancybox.min.css">
27<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/fontAwesome5Pro.css">
28<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/elegantFont.css">
29<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/default.css">
30<link rel="stylesheet" href="https://malangkota.go.id/wp-content/themes/boal/assetslp/css/style.css">
31
32<!-- <link rel="preconnect" href="https://fonts.googleapis.com"> -->
33<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
34<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap">
35
36   <style>
37      .switch {
38            position: relative;
39            display: inline-block;
40            margin: 0 5px;
41         }
42
43         .switch > span {
44            position: absolute;
45            top: 3px;
46            pointer-events: none;
47            font-family: 'Helvetica', Arial, sans-serif;
48            font-weight: bold;
49            font-size: 12px;
50            text-transform: uppercase;
51            text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
52            width: 50%;
53            text-align: center;
54         }
55
56         input.check-toggle-round-flat:checked ~ .off {
57            color: #052c44;
58         }
59
60         input.check-toggle-round-flat:checked ~ .on {
61            color: #ffffff;
62         }
63
64         .switch > span.on {
65            left: 0;
66            padding-left: 2px;
67            color: #ffffff;
68         }
69
70         .switch > span.off {
71            right: 0;
72            padding-right: 2px;
73            color: #052c44;
74         }
75
76         .check-toggle {
77            position: absolute;
78            margin-left: -9999px;
79            /*visibility: hidden;*/
80         }
81         .check-toggle + label {
82            display: block;
83            position: relative;
84            cursor: pointer;
85            outline: none;
86            -webkit-user-select: none;
87            -moz-user-select: none;
88            -ms-user-select: none;
89            user-select: none;
90         }
91
92         input.check-toggle-round-flat + label {
93            padding: 5px;
94            width: 100px;
95            height: 35px;
96            background-color: #f1f4f6;
97            /*opacity: 60%;*/
98            -webkit-border-radius: 60px;
99            -moz-border-radius: 60px;
100            -ms-border-radius: 60px;
101            -o-border-radius: 60px;
102            border-radius: 60px;
103         }
104         input.check-toggle-round-flat + label:before, input.check-toggle-round-flat + label:after {
105            display: block;
106            position: absolute;
107            content: "";
108         }
109
110         input.check-toggle-round-flat + label:before {
111            top: 2px;
112            left: 2px;
113            bottom: 2px;
114            right: 2px;
115            -moz-border-radius: 60px;
116            -ms-border-radius: 60px;
117            -o-border-radius: 60px;
118            border-radius: 60px;
119         }
120         input.check-toggle-round-flat + label:after {
121            top: 4px;
122            left: 4px;
123            bottom: 4px;
124            width: 45px;
125            background-image: linear-gradient(to right, #1456db  51%, #8ecefe  100%);
126            -webkit-border-radius: 52px;
127            -moz-border-radius: 52px;
128            -ms-border-radius: 52px;
129            -o-border-radius: 52px;
130            border-radius: 52px;
131            -webkit-transition: margin 0.2s;
132            -moz-transition: margin 0.2s;
133            -o-transition: margin 0.2s;
134            transition: margin 0.2s;
135         }
136
137         input.check-toggle-round-flat:checked + label {
138         }
139
140         input.check-toggle-round-flat:checked + label:after {
141            margin-left: 44px;
142         }
143
144         .btn-grad {
145         background-image: linear-gradient(to right, #1456db 0%, #8ecefe  51%, #1456db  100%);
146         text-align: center;
147         text-transform: uppercase;
148         transition: 0.5s;
149         background-size: 200% auto;
150         color: white;            
151         box-shadow: 0 0 20px #eee;
152         border-radius: 30px;
153         display: inline-block;
154         width: 200px;
155         line-height: 36px;
156         font-size: 12px;
157         font-weight: 500;
158         padding: 0 20px;
159         }
160         .btn-grad1 {
161         /*background-image: linear-gradient(to right, #B27D44 0%, #E8B987  51%, #B27D44  100%);*/
162         background-color: #e75937;
163         text-align: center;
164         text-transform: uppercase;
165         transition: 0.5s;
166         background-size: 200% auto;
167         color: white;            
168         box-shadow: 0 0 20px #eee;
169         border-radius: 30px;
170         display: block;
171         width: 150px;
172         line-height: 36px;
173         font-size: 12px;
174         font-weight: 500;
175         padding: 0 20px;
176         }
177
178         .btn-grad:hover {
179         background-position: right center; /* change the direction of the change here */
180         color: #fff;
181         text-decoration: none;
182         }
183
184         .btn-grad1:hover {
185         background-position: right center; /* change the direction of the change here */
186         color: #fff;
187         text-decoration: none;
188         }
189
190         #myVideo {
191            object-fit: cover;
192            position: fixed;
193            right: 0;
194            bottom: 0;
195            width: 100%;
196            height: 100%;
197         }
198
199      sup-font {
200         font-size: 12px;
201      }
202
203   </style>
204</head>
205<body>
206   
207<!-- back to top start -->
208<div class="progress-wrap">
209    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
210    <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
211    </svg>
212</div>
213<!-- back to top end -->
214
215<!-- header area start -->
216<header>
217    <div id="header-sticky" class="header__area header__transparent header__padding">
218        <div>
219            <div class="row align-items-center">
220                <div class="col-xxl-2 col-xl-2 col-lg-6 col-md-6 col-sm-6 col-6 main-logo">
221                    <div class="header__left d-flex">
222                        <div class="logo">
223                            <a href="https://malangkota.go.id/">
224                                <img class="logo-white" src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo/logo-dark.png" alt="logo" width="150">
225                                <img class="logo-black" src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo/logo-dark.png" alt="logo" width="150">
226                            </a>
227                        </div>
228                    </div>
229                </div>
230                <div class="col-xxl-8 col-xl-8 d-none d-xl-block">
231                    <div class="main-menu main-menu-3">
232                        <nav id="mobile-menu">
233                            <ul class="d-flex justify-content-center">
234                                <li><a href="https://malangkota.go.id/#profil">Profil</a></li>
235                                <li><a href="https://malangkota.go.id/#layanan">Layanan Publik</a></li>
236                                <li><a href="https://malangkota.go.id/#program">Program Strategis</a></li>
237                                <li><a href="https://malangkota.go.id/beranda/" target="_blank">Media Center</a></li>
238                                <li><a href="https://malangkota.go.id/#umkm">UMKM</a></li>
239                                <li><a href="https://creative.malangkota.go.id/" target="_blank">Kota Kreatif</a></li>
240                                <!-- <li><a href="#dokumen">Dokumen Daerah</a></li> -->
241                                <li><a href="https://ppid.malangkota.go.id/" target="_blank">PPID</a></li>
242                            </ul>
243                        </nav>
244                    </div>
245                </div>
246                <div class="col-xxl-2 col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
247                    <div class="header__right d-flex justify-content-end align-items-center">
248                    
249                    <div class="header__btn header__btn-2 ml-30 d-none d-sm-block">
250                        <center>
251                            <div class="switch">
252                                <input id="language-toggle" class="check-toggle check-toggle-round-flat" type="checkbox">
253                                <label for="language-toggle"></label>
254                                <span class="on" id="ind_btn">IND</span>
255                                <span class="off" id="eng_btn">ENG</span>
256                            </div>
257                        </center>
258                    </div>
259                    <div class="sidebar__menu d-xl-none">
260                        <div class="sidebar-toggle-btn sidebar-toggle-btn-white ml-30" id="sidebar-toggle">
261                            <span class="line"></span>
262                            <span class="line"></span>
263                            <span class="line"></span>
264                        </div>
265                    </div>
266                    </div>
267                </div>
268            </div>
269        </div>
270    </div>
271</header>
272<!-- header area end -->
273   <!-- sidebar area start -->
274   <div class="sidebar__area">
275      <div class="sidebar__wrapper">
276         <div class="sidebar__close">
277            <button class="sidebar__close-btn" id="sidebar__close-btn">
278            <span><i class="fal fa-times"></i></span>
279            <span>close</span>
280            </button>
281         </div>
282         <div class="sidebar__content">
283            <div class="logo mb-40">
284               <a href="index.html">
285               <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo/logo-dark.png" alt="logo" width="150">
286               </a>
287            </div>
288            <div class="mobile-menu fix"></div>
289
290            <div class="sidebar__search p-relative mt-40 ">
291               <form>
292                  <input type="text" placeholder="Search...">
293                  <button type="submit"><i class="fad fa-search"></i></button>
294               </form>
295            </div>
296         </div>
297      </div>
298   </div>
299   <!-- sidebar area end -->      
300   <div class="body-overlay"></div>
301   <!-- sidebar area end -->
302
303   <main>
304   <!-- <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
305      <div class="carousel-inner">
306         <div class="carousel-item active">
307            <img src="..." class="d-block w-100" alt="...">
308         </div>
309         <div class="carousel-item">
310            <img src="..." class="d-block w-100" alt="...">
311         </div>
312         <div class="carousel-item">
313            <img src="..." class="d-block w-100" alt="...">
314         </div>
315      </div>
316   </div> -->
317
318      <!-- stage 1 - main banner start -->
319      <section class="slider__area p-relative" >
320         <div class="slider__wrapper swiper-container">
321            <div class="swiper-wrapper">
322               <div class="single-slider swiper-slide slider__height slider__overlay d-flex align-items-center">
323                  <iframe id="myVideo" style="z-index: 1; border: none;"
324                        src="https://www.youtube.com/embed/IAvFsCCYYY4?autoplay=1&amp;loop=1&amp;controls=0&amp;showinfo=0&amp;modestbranding=1&amp;mute=1&amp;rel=0&amp;iv_load_policy=3"
325                        frameborder="0"
326                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
327                        referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="" loading="lazy">
328                  </iframe>
329                  <div class="container">
330                     <div class="row">
331                        <div class="col-xxl-12 col-xl-12">
332                           <div class="slider__content">
333                              <center>
334                                 <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo-mbois-berkelas.png" alt="" style="height: 330px; width: auto;margin-bottom: -40px;margin-right: -50px;margin-left: -50px;">
335                                 <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/hut/HUTRI81_FA_Logo_White.png" alt="" style="height: 200px; width: auto;margin-bottom: -10px;margin-left: -30px;">
336                                 <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/hut/logo_112_gelap.png" alt="" style="height: 160px; width: auto;">
337                              </center>
338                              	<center><h2 class="slider__title">Portal Kota Malang</h2></center>
339                              	<center><p>Pendidikan, Perdagangan dan Jasa, Ekonomi Kreatif, Pariwisata</p></center>
340                              	<!-- #4c6b69 -->
341
342                              <center>
343                                 <!-- <div class="input-group mb-3">
344                                    <input type="text" class="form-control" id="inse" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
345                                    <span class="input-group-text"><a href="javascript:void(0)"  id="basicss">@example.com</a></span>
346                                 </div> -->
347                              </center>
348                           </div>
349                        </div>
350                     </div>
351                     <!-- <div class="row" style="z-index: -1;">
352                        <div class="col-xxl-12 col-xl-12">
353                           <div class="input-group mb-3">
354                              <input type="text" class="form-control" id="inse" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
355                              <span class="input-group-text"><a href="javascript:void(0)"  id="basicss">@example.com</a></span>
356                           </div>
357                        </div>
358                     </div> -->
359                  </div>
360               </div>
361            </div>
362         </div>
363         <div class="swiper-container slider__nav d-none d-md-block"></div>
364      </section>
365
366      <!-- stage 2 - profile start -->
367      <section class="counter__area pt-70"  id="profil" style="background-color: rgba(174, 216, 251, 0.6); background-repeat: repeat-x; background-size: 1100px; padding-top: 80px; ">
368         <div class="container">
369            <div class="row align-items-center">
370               <div class="col-xxl-2 col-xl-12 d-flex justify-content-center">
371                  <div class="why__thumb_wali left-main-content">
372                     <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/Walikota_2025.png" width="" height="420">
373                  </div>
374               </div>
375               <div class="col-xxl-8 col-xl-12">
376                  <div class="why__content middle-main-content">
377                     <div class="section__title-wrapper mb-30">
378                        <h2 class="section__title middle-main-content-header">Profil Kota Malang</h2>
379                        <p class="middle-main-content-text"><b>Kota Malang</b> adalah salah satu kota pendidikan terpenting di Indonesia dengan lebih dari 60 perguruan tinggi dan ratusan ribu mahasiswa dari berbagai penjuru Nusantara. Sebagai wilayah yang berada pada episentrum Malang Raya, Kota Malang juga menjadi pusat perdagangan, jasa dan destinasi wisata yang sangat strategis di Jawa Timur. Dengan potensi sumber daya manusia yang luar biasa Kota Malang saat ini tumbuh sebagai Kota Kreatif yang dinamis. Sebuah kota dimana keberagaman dirawat dengan budaya dan toleransi. Kota Malang adalah tempat untuk setiap insan menggapai potensi terbaiknya. Rumah dimana cerita menjadi sejarah.</p>
380                     </div>
381                     <a href="https://malangkota.go.id/sejarah-malang/" target="_blank" class="btn-grad float-end mb-40">LIHAT SELENGKAPNYA <i class="far fa-arrow-right"></i></a>
382                  </div>
383               </div>
384               <div class="col-xxl-2 col-xl-12 right-main-box">
385                  <div class="why__thumb thumb right-main-content">
386                     <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/teratai.png" width="320" alt="">
387                  </div>
388               </div>                
389            </div>
390         </div>
391      </section>
392      <!-- stage 2 - profile end -->
393
394      <!-- stage 3 - batik middle break start -->
395      <!-- <section class="why__area pt-70" id="profil" data-background="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/batik_white.png" style="background-color: #4C6B69; background-repeat: repeat-x; background-size: 800px; padding-top: 55px; background-image: url(https://malangkota.go.id/wp-content/themes/boal/assetslp/img/batik_white.png);">
396      </section> -->
397      <!-- stage 3 - batik middle break end -->
398      
399      <!-- stage 4 - statistics area start -->
400      <section class="counter__area pt-100 pb-50 pl-30 pr-30" data-background="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/ijen.png" style="height: 100%;background-position: center; background-repeat: no-repeat;background-size: cover;">
401         <div class="container">
402            <div class="row">
403               <div class="col-xxl-6 col-xl-6 col-lg-6">
404                  <div class="mb-60">
405                     <p class="section__title counter_section__title"><b>STATISTIK UMUM</b></p>
406                     <p class="section__title counter_section__title_sub">KOTA MALANG</p>
407                  </div>
408               </div>
409            </div>
410            
411            <div class="row">
412               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
413                  <div class="counter__item counter__pl-30 counter__item_number">
414                     <div class="counter__icon book">
415                     </div>
416                     <div class="counter__content">
417                     <p class="counter__content_title">Luas Wilayah <sup style="font-size: 13px;">#1</sup></p>
418                     
419                     <p class="counter__content_number" style="font-weight: 800;">111.08 km2</span></p>
420                     </div>
421                  </div>
422               </div>
423               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
424                  <div class="counter__item counter__pl-30 counter__item_number">
425                     <div class="counter__icon book">
426                     </div>
427                     <div class="counter__content">
428                     <p class="counter__content_title">Jumlah Kecamatan <sup style="font-size: 13px;">#2</sup></p>
429                     
430                     <p class="counter__content_number" style="font-weight: 800;">5</span></p>
431                     </div>
432                  </div>
433               </div>
434               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
435                  <div class="counter__item counter__pl-30 counter__item_number">
436                     <div class="counter__icon book">
437                     </div>
438                     <div class="counter__content">
439                     <p class="counter__content_title">Jumlah Kelurahan <sup style="font-size: 13px;">#3</sup></p>
440                     
441                     <p class="counter__content_number" style="font-weight: 800;">57</span></p>
442                     </div>
443                  </div>
444               </div>
445               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
446                  <div class="counter__item counter__pl-30 counter__item_number">
447                     <div class="counter__icon book">
448                     </div>
449                     <div class="counter__content">
450                     <p class="counter__content_title">Jumlah Penduduk 2025 <sup style="font-size: 13px;">#4</sup></p>
451                     
452                     <p class="counter__content_number" style="font-weight: 800;">891.859 Jiwa</span></p>
453                     </div>
454                  </div>
455               </div>
456            </div>
457
458            <div class="row">
459               <div class="col-12 counter__item_row mb-4"></div>                    
460            </div>
461
462            <div class="row">
463               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
464                  <div class="counter__item counter__pl-30 counter__item_number">
465                     <div class="counter__icon book">
466                     </div>
467                     <div class="counter__content">
468                        <p class="counter__content_title">Pertumbuhan Ekonomi 2025 <sup style="font-size: 13px;">#5</sup></p>
469                        <p class="counter__content_number" style="font-weight: 800;">5,92%</span></p>
470                     </div>
471                  </div>
472               </div>
473               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
474                  <div class="counter__item counter__pl-30 counter__item_number">
475                     <div class="counter__icon book">
476                     </div>
477                     <div class="counter__content">
478                        <p class="counter__content_title">IPM 2025 <sup style="font-size: 13px;">#6</sup></p>
479                        <p class="counter__content_number" style="font-weight: 800;">85,55</span></p>
480                     </div>
481                  </div>
482               </div>
483               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
484                  <div class="counter__item counter__pl-30 counter__item_number">
485                     <div class="counter__icon book">
486                     </div>
487                     <div class="counter__content">
488                        <p class="counter__content_title">Tingkat Kemiskinan 2025<sup style="font-size: 13px;">#7</sup></p>
489                        <p class="counter__content_number" style="font-weight: 800;">3,85%</span></p>
490                     </div>
491                  </div>
492               </div>
493               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
494                  <div class="counter__item counter__pl-30 counter__item_number">
495                     <div class="counter__icon book">
496                     </div>
497                     <div class="counter__content">
498                        <p class="counter__content_title">PDRB 2025 <sup style="font-size: 13px;">#8</sup></p>
499                        <p class="counter__content_number" style="font-weight: 800; font-size: 28px;">Rp. 108,15 Triliun</span></p>
500                     </div>
501                  </div>
502               </div>
503            </div>
504
505            <div class="row">
506               <div class="col-12 counter__item_row mb-4"></div>                    
507            </div>
508            
509            <div class="row">
510               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
511                  <div class="counter__item counter__pl-30 counter__item_number">
512                     <div class="counter__icon book">
513                     </div>
514                     <div class="counter__content">
515                        <p class="counter__content_title">SAKIP 2025 <sup style="font-size: 13px;">#9</sup></p>
516                        <p class="counter__content_number" style="font-weight: 800;">A</span></p>
517                     </div>
518                  </div>
519               </div>
520               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
521                  <div class="counter__item counter__pl-30 counter__item_number">
522                     <div class="counter__icon book">
523                     </div>
524                     <div class="counter__content">
525                        <p class="counter__content_title">Indeks RB 2024 <sup style="font-size: 13px;">#10</sup></p>
526                        <p class="counter__content_number" style="font-weight: 800;">A</span></p>
527                     </div>
528                  </div>
529               </div>
530               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
531                  <div class="counter__item counter__pl-30 counter__item_number">
532                     <div class="counter__icon book">
533                     </div>
534                     <div class="counter__content">
535                        <p class="counter__content_title">Pertumbuhan Ekraf 2024 <sup style="font-size: 13px;">#11</sup></p>
536                        <p class="counter__content_number" style="font-weight: 800;">5,93%</span></p>
537                     </div>
538                  </div>
539               </div>
540               <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-8">
541                  <div class="counter__item counter__pl-30 counter__item_number">
542                     <div class="counter__icon book">
543                     </div>
544                     <div class="counter__content">
545                        <p class="counter__content_title">Gini Rasio 2025<sup style="font-size: 13px;">#12</sup></p>
546                        <p class="counter__content_number" style="font-weight: 800;">0,37</span></p>
547                     </div>
548                  </div>
549               </div>
550            </div>
551
552            <div class="row pt-20">
553               <div class="col-xxl-6 col-xl-6 col-lg-6">
554                  <div class="mb-20">
555                     <p class="section__title section__title_source">Sumber: 1 = Perda RTRW, 2-8 & 12 = BPS Kota Malang, 9-10 = KemenpanRB, 11 = Bappeda</p>
556                  </div>
557               </div>
558            </div>
559         </div>
560      </section>
561      <!-- stage 4 - statistics area end -->
562
563      <!-- stage 5 - tujuan & sasarn start -->
564      <section class="counter__area pt-80 pb-40">
565         <div class="container">
566            <div class="row">
567               <div class="col-xxl-8 col-xl-12">
568                  <div class="why__content pr-50">
569                     <div class="mb-30">
570                        <!-- <span class="section__sub-title section__sub-title-main">Visi</span><br> -->
571                        <!-- <p class="section__sub-title section__sub-title-main-sub">Menuju Malang Mbois dan Berkelas</p> -->
572                        <p class="section__sub-title section__sub-title-main-sub">Visi</p>
573
574                        <div class="accordion accordion-flush" id="accordionFlushExample1" style="margin-bottom: 50px;">
575                           <div class="accordion-item">
576                              <h2 class="accordion-header" id="flush-heading-visi">
577                                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse-visi" aria-expanded="false" aria-controls="flush-collapse-visi" style="text-align: left;">Menuju Malang Mbois dan Berkelas
578                                 </button>
579                              </h2>
580                              <div id="flush-collapse-visi" class="accordion-collapse collapse" aria-labelledby="flush-heading-visi" data-bs-parent="#accordionFlushExample1">
581                              
582                                 <p style="padding-left: 30px; padding-top: 15px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
583                                    Visi tersebut mengandung maksud bahwa Malang diarahkan untuk menjadi kota yang berdaya saing global pada tahun 2045 selaras dengan cita-cita Indonesia 2045 yaitu Indonesia Emas, sehingga perlu penguatan fondasi untuk menuju Kota Malang berdaya saing global sesuai dengan arah kebijakan tahun pertama RPJPD yaitu penguatan fondasi. Berdaya saing global juga dapat disetarakan dengan “Keren” atau bahasa lokal Malangan adalah “Mbois”. “Berkelas” merupakan perwujudan kondisi Kota Malang yang berakhlak, maju, sejahtera dan berkelanjutan. Selain itu MBOIS BERKELAS adalah akronim perwujudan dari Mandiri, Berbudaya, Optimis, Indah, Sejahtera, BERkelanjutan, Kolaboratif, Efisien, Lestari, Adaptif, Sinergis.
584                                 </p>
585                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
586                                    <b>Mbois</b> memiliki arti bahwa Kota Malang menjadi kota yang memiliki kemampuan untuk menyesuaikan terhadap tantangan/tuntutan globalisasi dan tanggap terhadap setiap perubahan lingkungan, tidak hanya untuk sekedar bertahan/survive namun untuk bisa terus tumbuh dan berkembang, baik di sektor ekonomi, sosial maupun sektor lainnya. Dimaknai juga bahwa Kota Malang memiliki fondasi yang kuat dan modal dasar dalam melaksanakan percepatan pembangunan yang inklusif dengan pilar sumberdaya yang memiliki daya saing di tingkat global, khususnya daya saing Sumber Daya Manusia (SDM), kesejahteraan dan kemandirian daerah, lingkungan perkotaan yang inklusif dan berkelanjutan, serta daya saing birokrasi sebagai motor utama. Hal ini merupakan sebuah komitmen dan citacita untuk menjadikan dan menempatkan Kota Malang sejajar dengan kota-kota maju di Dunia. Selain itu Mbois juga berarti Kota Malang menjadi Kota yang sejahtera, mandiri, adaptif, indah, kolaboratif, berkelanjutan, lestari, dengan dukungan sumberdaya yang berbudaya, optimis, inovatif, serta pemerintahan yang efisien dan sinergis.
587                                 </p>
588                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 15px; text-indent: 3em; text-align: justify;">
589                                    <b>Berkelas</b> merupakan cita-cita terwujudnya kondisi kota yang berakhlak, maju, berdaya saing global, sejahtera, inklusif, berkelanjutan mengajak dan mengikutsertakan semua stakeholders, meningkatkan kelas perekonomian dan kesejahteraan masyarakat Kota Malang, ramah dan toleran, seimbang dengan pembangunan sosial dan memastikan keberlanjutan sumber daya alam/lingkungan sehingga menggaransi kelestarian lingkungan hidup untuk kesejahteraan generasi mendatang. A
589kselerasi pembangunan dan pertumbuhan ekonomi dilakukan dengan berbasis pada pemenuhan daya dukung dan daya tampung perkotaan yang ramah/pro lingkungan dengan berbasis pada penerapan ilmu pengetahuan dan teknologi.
590                                 </p>
591                              </div>
592                           </div>
593                        </div>
594
595                        <p class="section__sub-title section__sub-title-main-sub">Misi</p>
596                        
597                        <div class="accordion accordion-flush" id="accordionFlushExample" style="margin-bottom: 50px;">
598                           <div class="accordion-item">
599                              <h2 class="accordion-header" id="flush-headingOne">
600                                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne" style="text-align: left;">Mewujudkan Generasi yang Berbudaya, Optimis dan Inovatif
601                                 </button>
602                              </h2>
603                              <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
604                                 <p style="padding-left: 30px; padding-top: 15px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
605                                    Dalam rangka mewujudkan keberhasilan transformasi sosial menuju generasi emas maka kerangka pembangunan 5 (lima) tahun pertama diprioritaskan pada peningkatan kualitas sumberdaya manusia. Di tengah globalisasi yang semakin pesat, penting bagi kita untuk memperhatikan pembentukan karakter generasi muda. Generasi yang tidak hanya memiliki kemampuan intelektual tinggi, tetapi juga memiliki kepribadian yang berbudaya, optimis, dan inovatif.
606                                 </p>
607                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
608                                    Generasi muda yang berbudaya adalah mereka yang mampu menjaga dan melestarikan warisan budaya seperti nilai-nilai luhur serta nilai pancasila, sehingga karakter dan penanaman nilai-nilai budaya lokal akan membentuk perilaku yang berbudaya di masyarakat.
609                                 </p>
610                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
611                                    Generasi yang optimis adalah mereka yang memiliki keyakinan bahwa setiap tantangan bisa dihadapi dan setiap masalah ada solusinya. Dengan semangat yang tak mudah menyerah, mereka berani menghadapi ketidakpastian dengan percaya diri. Untuk mencapainya, kita perlu menciptakan lingkungan yang mendukung dan memotivasi, baik itu di rumah, sekolah, maupun masyarakat.
612                                 </p>
613                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 15px; text-indent: 3em; text-align: justify;">
614                                    Generasi yang inovatif adalah mereka yang mampu berpikir kreatif, mencari solusi baru, dan menciptakan hal-hal yang belum pernah ada sebelumnya. Untuk mewujudkannya, kita harus menciptakan sistem pendidikan yang mendukung pemikiran kritis dan eksplorasi tanpa batas. Mendorong mereka untuk berpikir berbeda, melakukan eksperimen, serta memanfaatkan teknologi untuk menciptakan perubahan positif. Sehingga generasi muda akan mampu menjadi generasi emas menuju Kota Malang berdaya saing global.
615                                 </p>
616                              </div>
617                           </div>
618                           <div class="accordion-item">
619                              <h2 class="accordion-header" id="flush-headingTwo">
620                                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo" style="text-align: left;">
621                                 Mewujudkan Masyarakat Sejahtera dan Mandiri berbasis Perekonomian yang Mapan dan Adaptif
622                                 </button>
623                              </h2>
624                              <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
625                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
626                                    Dalam rangka mewujudkan keberhasilan transformasi ekonomi yang inklusif maka kerangka pikir penguatan fondasi di periodisasi 5 (lima) tahun pertama adalah pada pertumbuhan ekonomi berkelanjutan serta penurunan kemiskinan.
627                                 </p>
628                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
629                                    Perekonomian merupakan fondasi utama bagi kemajuan suatu bangsa. Sehingga dalam rangka mewujudkan masyarakat yang sejahtera dan mandiri, kita perlu membangun sistem perek
629onomian yang mapan dan adaptif. Masyarakat yang sejahtera adalah masyarakat yang memiliki hak yang setara dalam berbagai aspek kehidupan baik ekonomi, sosial, maupun pendidikan. Dalam hal ini, pembangunan ekonomi harus mampu merangkul seluruh lapisan masyarakat, tanpa terkecuali. Pemerataan pembangunan adalah kunci agar setiap individu memiliki akses yang sama terhadap peluang ekonomi. Selain itu, kesejahteraan juga tidak hanya berbicara soal peningkatan pendapatan, tetapi juga tentang kualitas hidup yang baik. Oleh karena itu, penting untuk memprioritaskan sektor-sektor yang dapat meningkatkan kualitas hidup masyarakat. Dengan kesejahteraan yang merata, masyarakat akan dapat merasakan dampak positif dari kemajuan ekonomi secara langsung.
630                                 </p>
631                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
632                                    Masyarakat yang mandiri adalah masyarakat yang mampu menciptakan peluang ekonomi bagi dirinya sendiri. Untuk mencapai hal ini, pemberdayaan ekonomi harus menjadi prioritas. Salah satu cara untuk mencapainya adalah dengan memperkuat sektor usaha mikro, kecil, dan menengah (UMKM) di Kota Malang. Program pelatihan keterampilan, akses modal yang mudah, dan kemudahan berusaha adalah langkah-langkah penting untuk mendukung pemberdayaan ini. Selain itu, pendidikan yang relevan dengan kebutuhan pasar juga harus menjadi fokus utama. Generasi muda perlu dibekali dengan keterampilan dan pengetahuan yang dapat membuat mereka mandiri, baik dalam berwirausaha maupun dalam mengelola karier mereka. Masyarakat yang mandiri bukan hanya mengandalkan diri mereka sendiri, tetapi juga memiliki rasa percaya diri untuk menghadapi tantangan ekonomi dan berinovasi di tengah perubahan.
633                                 </p>
634                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
635                                    Untuk membangun perekonomian yang mapan, perlu adanya kebijakan pada sektor-sektor produktif, seperti pertanian, industri, dan teknologi, serta menciptakan iklim investasi yang kondusif. Sementara itu, untuk menjadi adaptif, masyarakat dan sektor ekonomi harus peka terhadap perubahan dan siap berinovasi. Pemanfaatan teknologi digital, misalnya, dapat menjadi salah satu cara untuk membuka peluang ekonomi baru dan mempercepat pertumbuhan ekonomi di berbagai sektor.
636                                 </p>
637                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 15px; text-indent: 3em; text-align: justify;">
638                                    Perekonomian yang adaptif juga berarti perekonomian yang mampu mengatasi tantangan-tantangan baru, seperti krisis ekonomi global. Dengan memperkuat daya tahan ekonomi melalui diversifikasi sektor dan peningkatan kapasitas lokal, masyarakat akan lebih siap dalam menghadapi setiap perubahan dan tantangan yang ada.
639                                 </p>
640                              </div>
641                           </div>
642                           <div class="accordion-item">
643                              <h2 class="accordion-header" id="flush-headingThree">
644                                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree" style="text-align: left;">
645                                 Mewujudkan Lingkungan Perkotaan yang Indah, Kolaboratif, Berkelanjutan dan Lestari
646                                 </button>
647                              </h2>
648                              <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
649                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
650                                    Pembangunan kota yang ideal bukan hanya soal kemajuan infrastruktur dan ekonomi, tetapi juga bagaimana menciptakan lingkungan yang harmonis, menyenangkan, dan ramah bagi penghuninya. Infrastruktur fundamental yang memadai tetap dibutuhkan sehingga akses layanan dasar masyarakat seperti kesehatan, pendidikan, perumahan yang layak, dan lingkungan yang bersih dan aman dapat terpenuhi dengan baik.
651                                 </p>
652                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
653                                    Lingkungan perkotaan yang indah, kolaboratif, berkelanjutan, dan lestari menjadi tujuan penting dalam merancang kota yang tidak hanya nyaman untuk di
653huni, tetapi juga mampu menjaga keseimbangan antara manusia dan alam.
654                                 </p>
655                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
656                                    Lingkungan yang indah bukan hanya soal estetika visual, tetapi juga menciptakan suasana yang menyenangkan dan nyaman bagi masyarakat yang menghuninya. Ruang-ruang publik seperti taman kota, alun-alun, dan jalur pejalan kaki yang asri, harus didesain dengan mempertimbangkan kenyamanan dan keberagaman kebutuhan warga. Penanaman pohon, penghijauan, dan penggunaan material ramah lingkungan akan memberikan dampak positif terhadap kualitas udara dan memperindah lingkungan.
657                                 </p>
658                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
659                                    Kolaborasi antara pemerintah, sektor swasta, dan masyarakat sangat penting untuk menciptakan lingkungan yang inklusif dan responsif terhadap kebutuhan bersama. Selain itu, kolaborasi juga mencakup upaya untuk membangun jaringan sosial yang solid antarwarga, di mana mereka saling mendukung dan bekerja sama dalam memecahkan masalah-masalah perkotaan, seperti kemacetan, polusi, dan keterbatasan sumber daya. Program komunitas, seperti kerja bakti, pengelolaan sampah bersama, dan kegiatan sosial lainnya, akan memperkuat rasa kepemilikan dan tanggung jawab bersama terhadap lingkungan sekitar. Sedangkan Kota yang berkelanjutan adalah kota yang mampu mengelola sumber daya alam dengan bijaksana, meminimalkan dampak negatif terhadap lingkungan, dan memberikan manfaat jangka panjang bagi generasi mendatang. Dalam hal ini, pengelolaan energi, air, dan sampah menjadi aspek yang sangat penting. Selain itu, sistem transportasi yang ramah lingkungan dan efisien juga perlu diperkenalkan untuk mengurangi polusi udara dan kemacetan. Di bidang pengelolaan air, pengembangan teknologi untuk konservasi air dan pengolahan air limbah harus dioptimalkan. Sampah harus dipilah, didaur ulang, dan dimanfaatkan kembali, bukan hanya dibuang begitu saja.
660                                 </p>
661                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 15px; text-indent: 3em; text-align: justify;">
662                                    Hal ini hanya dapat terwujud melalui kerjasama yang solid antara pemerintah, masyarakat, dan sektor swasta, dengan memperhatikan aspek keberlanjutan dan pelestarian alam. Dengan komitmen dan upaya bersama, kita dapat menciptakan kota yang tidak hanya nyaman untuk dihuni hari ini, tetapi juga layak untuk diwariskan kepada generasi mendatang.
663                                 </p>
664                              </div>
665                           </div>
666                           <div class="accordion-item">
667                              <h2 class="accordion-header" id="flush-headingFour">
668                                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour" style="text-align: left;">
669                                 Mewujudkan Tata Kelola Pemerintahan dan Pelayanan Publik yang Efisien dan Sinergis
670                                 </button>
671                              </h2>
672                              <div id="flush-collapseFour" class="accordion-collapse collapse" aria-labelledby="flush-headingFour" data-bs-parent="#accordionFlushExample">
673                                 <p style="padding-left: 30px; padding-top: 15px; padding-bottom: 0px; text-indent: 3em; text-align: justify;">
674                                    Pembangunan diprioritaskan untuk mewujudkan tata kelola pemerintahan dengan mengutamakan pelayanan kepada masyarakat melalui peningkatan profesionalisme aparatur, birokrasi yang efisien dan efektif serta adaptif terhadap disrupsi teknologi dan responsif terhadap perubahan dan tantangan global sehingga mampu menciptakan penyelenggaraan pemerintahan yang berintegritas dan akuntabel serta mewujudkan birokrasi yang berdampak dan menjamin manfaat kebijakan dirasakan oleh masyarakat.
675                                 </p>
676
677                                 <p style="padding-left: 30px; padding-top: 10px; padding-bottom: 15px; text-indent: 3em; text-align: justify;">
678                                    Tata kelola pemerintahan yang efisien adalah pemerintahan yang dapat memanfaatkan sumber daya yang ada, baik itu sumber daya manusia, keuangan, serta pemanfaatan teknologi informasi dalam administrasi pemerintahan menjadi langkah awal menuju sistem yang lebih efektif. Penggunaan teknologi digital untuk menyederhanakan proses birokrasi sangat penting untuk mempercepat pelayanan kepada masyarakat. Sistem ini tidak hanya mempermudah akses informasi dan dokumen, tetapi juga mengurangi kemungkinan terjadinya penyalahgunaan kekuasaan dan korupsi. Pengelolaan anggaran yang transparan dan berbasis hasil juga akan memastikan bahwa dana yang digunakan oleh pemerintah memberikan manfaat maksimal bagi masyarakat. Pelayanan publik yang sinergis adalah pelayanan yang dilakukan secara bersama-sama antara pemerintah, masyarakat dan stakeholders, dengan saling mendukung dan berkolaborasi untuk mencapai hasil yang maksimal. Untuk itu, penting untuk membangun sistem yang memfasilitasi partisipasi masyarakat/stakeholders dalam proses pembangunan daerah. Pemerintah harus mendengarkan kebutuhan dan as
678pirasi warga agar kebijakan yang diambil sesuai dengan harapan dan kondisi lapangan. Selain itu, penyederhanaan proses administrasi dan layanan yang berbasis digital menjadi sangat penting untuk mempermudah masyarakat dalam mengakses layanan.
679                                 </p>
680                              </div>
681                           </div>
682                        </div>
683                     </div>
684                     <div class="row">
685                        <div class="col-xxl-9 col-xl-9 col-lg-6 col-md-8">
686                           <p class="section__sub-title section__sub-title-bottom-sub">Dokumen Pembangunan Daerah</p>
687                        </div>
688                        <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-8">
689                              <a href="https://malangkota.go.id/rencana-pembangunan-daerah/" target="_blank" class="btn-grad btn-grad-m30">LIHAT SELENGKAPNYA <i class="far fa-arrow-right"></i></a>
690                        </div>
691                     </div>
692                  </div>
693               </div>
694               <div class="col-xxl-4 col-xl-12">
695                  <div class="why__thumb img_tujuan_sasaran">
696                     <img class="img-visi" src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/visi3.png" alt="" style="border-radius: 5%; height: 650px; width: 100%; object-fit: cover;">
697                  </div>
698               </div>
699            </div>
700         </div>
701      </section>
702      <!-- stage 5 - tujuan & sasarn end -->
703
704      <!-- stage 6 - Layanan Publik start -->
705      <section class="page__title-area pt-10 pb-50" id="layanan"  style="background-color: rgba(174, 216, 251, 0.6);">
706         <div class="container">
707            <div class="row align-items-end">
708               <div class="col-xxl-3 col-xl-12">
709                  <div class="section__title-wrapper section__title-wrapper_head_left">
710                     <h3 class="section__title section__title-head_left">Layanan Publik</h3>
711                  </div>
712               </div>
713
714               <div class="col-xxl-7 col-xl-12">
715                  <div class="category__more float-md fix section__title-wrapper_head_middle">
716                     <hr class="border border-linee" style="width: 100%">
717                     <!-- <div class="col-12 counter__item_row mb-4"></div> -->
718                  </div>
719               </div>
720
721               <div class="col-xxl-2 col-xl-2">
722                  <div class="category__more float-md-end fix section__title-wrapper_head_right">
723                     <a href="https://malangkota.go.id/layanan-publik-kota-malang" class="btn-grad1" target="_blank">
724                        LIHAT SEMUA
725                        <i class="far fa-arrow-right"></i>
726                     </a>
727                  </div>
728               </div>
729            </div>
730            <div class="row">
731               <div class="col-xxl-12 col-xl-12 col-lg-12">
732                  <div class="course__wrapper">
733                     <div class="course__related">
734                        <div class="row">
735                           <div class="col-xxl-12">
736                              <div class="course__slider swiper-container">
737                                 <div class="swiper-wrapper mb-40">
738                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
739                                       <div class="course__thumb w-img p-relative fix">
740                                          <a href="https://mcc.or.id/">
741                                             <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/gallery/mcc.jpg" alt="" height="180">
742                                          </a>
743                                       </div>
744                                       <div class="course__content">
745                                          <div class="course__meta d-flex align-items-center justify-content-between"></div>
746                                          <h5 class="course__meta_title"><a href="https://mcc.or.id/">Malang Creative Center</a></h5>
747                                          <div class="course__teacher d-flex align-items-center">
748                                             <p class="course__meta_content" 
748class="course__meta_content"><a href="https://mcc.or.id/">Rumah Bersama Pelaku EKRAF di Kota Malang</a></p>
749                                          </div>
750                                       </div>
751                                    </div>
752
753                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
754                                       <div class="course__thumb w-img p-relative fix">
755                                          <a href="https://siapel.malangkota.go.id/">
756                                             <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/gallery/adminduk.jpg" alt="" height="180">
757                                          </a>
758                                       </div>
759                                       <div class="course__content">
760                                          <div class="course__meta d-flex align-items-center justify-content-between"></div>
761                                          <h5  class="course__meta_title"><a href="https://siapel.malangkota.go.id/">Adminduk</a></h5>
762                                          <div class="course__teacher d-flex align-items-center">
763                                             <p class="course__meta_content"><a href="https://siapel.malangkota.go.id/">Layanan Dokumen Kependudukan</a></p>
764                                          </div>
765                                       </div>
766                                    </div>
767
768                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
769                                       <div class="course__thumb w-img p-relative fix">
770                                          <a href="https://mppmerdeka.malangkota.go.id/">
771                                             <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/gallery/mpp_merdeka.jpg" alt="" height="180">
772                                          </a>
773                                       </div>
774                                       <div class="course__content">
775                                          <div class="course__meta d-flex align-items-center justify-content-between"></div>
776                                          <h5  class="course__meta_title"><a href="https://mppmerdeka.malangkota.go.id/">MPP Merdeka</a></h5>
777                                          <div class="course__teacher d-flex align-items-center">
778                                             <p class="course__meta_content"><a href="https://mppmerdeka.malangkota.go.id/">Mal Pelayanan Publik Kota Malang</a></p>
779                                          </div>
780                                       </div>
781                                    </div>
782
783                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
784                                       <div class="course__thumb w-img p-relative fix">
785                                          <a href="https://112.malangkota.go.id">
786                                             <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/gallery/ngalam_112.jpg" alt="" height="180">
787                                          </a>
788                                       </div>
789                                       <div class="course__content">
790                                          <div class="course__meta d-flex align-items-center justify-content-between"></div>
791                                          <h5  class="course__meta_title"><a href="https://112.malangkota.go.id/">Ngalam 112</a></h5>
792                                          <div class="course__teacher d-flex align-items-center">
793                                             <p class="course__meta_content"><a href="https://112.malangkota.go.id">Panggilan Darurat Kota Malang 112</a></p>
794                                          </div>
795                                       </div>
796                                    </div>
797
798                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
799                                       <div class="course__thumb w-img p-relative fix">
800                                          <a href="https://izol.malangkota.go.id/index.php/account/login">
801                                             <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/gallery/siizol.jpg" alt="" height="180">
802                                          </a>
803                                       </div>
804                                       <div class="course__content">
805                                          <div class="course__meta d-flex align-items-center justify-content-between"></div>
806                                          <h5  class="course__meta_title"><a href="https://izol.malangkota.go.id/index.php/account/login">Si-Izol</a></h5>
807                                          <div class="course__teacher d-flex align-items-center">
808                                             <p class="course__meta_content"><a href="https://izol.malangkota.go.id/index.php/account/login">Aplikasi Pelayanan Perizinan Pemerintah Kota Malang</a></p>
809                                          </div>
810                                       </div>
811                                    </div>
812
813                                 </div>
814                                 <!-- Add Pagination -->
815                                 <div class="swiper-pagination"></div>
816                              </div>
817                           </div>
818                        </div>
819                     </div>
820                  </div>
821               </div>
822            </div>
823         </div>
824      </section>
825      <!-- stage 6 - Layanan Publik end -->
826
827      <!-- stage 7 - program start -->
828      <section class="services__area pb-40" id="program">
829         <div class="container">
830            <div class="row align-items-end">
831               <div class="col-xxl-5 col-xl-12">
832                  <div class="section__title-wrapper section__title-wrapper_head_left">
833                     <h3 class="section__title section__title-head_left_black">Program Strategis Kota Malang</h3>
834                  </div>
835               </div>
836               <div class="col-xxl-7 col-xl-12">
837                  <div class="category__more float-md fix section__title-wrapper_head_middle">
838                     <hr class="border border-linee" style="width: 100%">
839                  </div>
840               </div>
841            </div>
842            <!-- custom -->
843            <div class="row">
844               <div class="col-xxl-12 col-xl-12 col-lg-12">
845                  <div class="course__wrapper">
846                     <div class="course__related">
847                        <div class="row">
848                           <div class="col-xxl-12">
849                              <div class="course__slider swiper-container">
850                                 <div class="swiper-wrapper mb-40">
851                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
852                                       <div class="services__item mb-30" data-background="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/program/inflasi.png" style="text-align: center; background-size: cover; height: 330px; box-shadow: inset 0 -3em 3em rgb(86 98 98 / 100%); background-position: center;">
853                                          <div class="services__content">
854                                             <p style="position: absolute; bottom: 20px; left: 16px; font-size: 20px; color: #ffffff; font-weight: bold;">Pengendalian Inflasi</a></p>
855                                             <a href="https://malangkota.go.id/category/berita/inflasi/" class="link-btn-2" target="_blank">
856                                                <i class="far fa-arrow-right"></i>
857                                                <i class="far fa-arrow-right"></i>
858                                             </a>
859                                          </div>
860                                       </div>
861                                    </div>
862
863                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
864                                       <div class="services__item mb-30" data-background="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/program/pengentasan_kemiskinan.png" style="text-align: center; background-size: cover; height: 330px; box-shadow: inset 0 -3em 3em rgb(86 98 98 / 100%);">
865                                          <div class="services__content">
866                                             <p style="position: absolute; bottom: 20px; left: 16px; font-size: 20px; color: #ffffff; font-weight: bold;">Pengentasan Kemiskinan</p>
867                                             <a href="https://malangkota.go.id/category/berita/kemiskinan/" class="link-btn-2" target="_blank">
868                                                <i class="far fa-arrow-right"></i>
869                                                <i class="far fa-arrow-right"></i>
870                                             </a>
871                                          </div>
872                                       </div>
873                                    </div>
874
875                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
876                                       <div class="services__item mb-30" data-background="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/program/stunting.png" style="background-position: center; background-size: cover; text-align: center; height: 330px; box-shadow: inset 0 -3em 3em rgb(86 98 98 / 100%);">
877                                          <div class="services__content">
878                                             <p style="position: absolute; bottom: 20px; left: 16px; font-size: 20px; color: white; font-weight: bold;">Pencegahan Stunting</p>
879                                             <a href="https://malangkota.go.id/category/berita/stunting/" class="link-btn-2" target="_blank">
880                                                <i class="far fa-arrow-right"></i>
881                                                <i class="far fa-arrow-right"></i>
882                                             </a>
883                                          </div>
884                                       </div>
885                                    </div>
886
887                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
888                                       <div class="services__item mb-30" data-background="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/program/mpp.png" style="background-position: center; background-size: cover; text-align: center; height: 330px; box-shadow: inset 0 -3em 3em rgb(86 98 98 / 100%);">
889                                          <div class="services__content" >
890                                             <p style="position: absolute; bottom: 20px; left: 16px; font-size: 20px; color: white; font-weight: bold;">Kemudahan Berusaha</p>
891                                             <a href="https://malangkota.go.id/category/berita/kemudahan-berusaha/" class="link-btn-2" target="_blank">
892                                                <i class="far fa-arrow-right"></i>
893                                                <i class="far fa-arrow-right"></i>
894                                             </a>
895                                          </div>
896                                       </div>
897                                    </div>
898
899                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
900                                       <div class="services__item mb-30" data-background="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/program/transformasi_pelayanan_publik1.png" style="text-align: center; background-size: cover; height: 330px; box-shadow: inset 0 -3em 3em rgb(86 98 98 / 100%);">
901                                          <div class="services__content">
902                                             <p style="position: absolute; bottom: 20px; left: 16px; font-size: 16px; color: #ffffff; font-weight: bold; text-align: left">Transformasi Pelayanan Publik</p>
903                                             <a href="https://malangkota.go.id/category/berita/pelayanan-publik/" class="link-btn-2" target="_blank">
904                                                <i class="far fa-arrow-right"></i>
905                                                <i class="far fa-arrow-right"></i>
906                                             </a>
907                                          </div>
908                                       </div>
909                                    </div>
910
911                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
912                                       <div class="services__item mb-30" data-background="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/program/ekraff.png" style="background-position: center; background-size: cover; text-align: center; height: 330px; box-shadow: inset 0 -3em 3em rgb(86 98 98 / 100%);">
913                                          <div class="services__content">
914                                             <p style="position: absolute; bottom: 20px; left: 16px; font-size: 20px; color: white; font-weight: bold;">Ekraf</p>
915                                             <a href="https://malangkota.go.id/category/berita/ekonomi-kreatif/" class="link-btn-2" target="_blank">
916                                                <i class="far fa-arrow-right"></i>
917                                                <i class="far fa-arrow-right"></i>
918                                             </a>
919                                          </div>
920                                       </div>
921                                    </div>
922
923                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
924                                       <div class="services__item mb-30" data-background="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/program/kota_layak_anak.png" style="background-position: center; text-align: center; height: 330px; box-shadow: inset 0 -3em 3em rgb(86 98 98 / 100%);">
925                                          <div class="services__content" >
926                                             <p style="position: absolute; bottom: 20px; left: 16px; font-size: 20px; color: white; font-weight: bold;">Kota Layak Anak</p>
927                                             <a href="https://makola.malangkota.go.id/" class="link-btn-2" target="_blank">
928                                                <i class="far fa-arrow-right"></i>
929                                                <i class="far fa-arrow-right"></i>
930                                             </a>
931                                          </div>
932                                       </div>
933                                    </div>
934
935                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
936                                       <div class="services__item mb-30" data-background="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/program/kota_cerdas.png" style="background-position: center; background-size: cover; text-align: center; height: 330px; box-shadow: inset 0 -3em 3em rgb(86 98 98 / 100%);">
937                                          <div class="services__content" >
938                                             <p style="position: absolute; bottom: 20px; left: 16px; font-size: 20px; color: white; font-weight: bold;">Kota Cerdas</p>
939                                             <a href="https://smartcity.malangkota.go.id/" class="link-btn-2" target="_blank">
940                                                <i class="far fa-arrow-right"></i>
941                                                <i class="far fa-arrow-right"></i>
942                                             </a>
943                                          </div>
944                                       </di
944v>
945                                    </div>
946
947                                    <div class="course__item course__item-3 swiper-slide white-bg mb-30 fix">
948                                       <div class="services__item mb-30" data-background="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/program/inovasi.png" style="background-position: center; background-size: cover; text-align: center; height: 330px; box-shadow: inset 0 -3em 3em rgb(86 98 98 / 100%);">
949                                          <div class="services__content" >
950                                             <p style="position: absolute; bottom: 20px; left: 16px; font-size: 20px; color: white; font-weight: bold;">Inovasi</p>
951                                             <a href="https://malangkota.go.id/category/berita/prestasi-dan-inovasi/" class="link-btn-2" target="_blank">
952                                                <i class="far fa-arrow-right"></i>
953                                                <i class="far fa-arrow-right"></i>
954                                             </a>
955                                          </div>
956                                       </div>
957                                    </div>
958                                 </div>
959                                 <div class="swiper-pagination"></div>
960                              </div>
961                           </div>
962                        </div>
963                     </div>
964                  </div>
965               </div>
966            </div>
967         </div>
968      </section>
969      <!-- stage 7 - program end -->
970
971      <!-- stage 8 - berita utama start -->
972      <section class="services__area pb-20">
973         <div class="container">
974            <div class="col-xxl-12-3">
975               <div class="section__title-wrapper section-padding mb-30 text-center">
976                  <p class="section__title-head_p">Berita</p>
977                  <h2 class="section__title section__title-head_left_black">Berita Utama</h2>
978               </div>
979            </div>
980            <div class="row">
981               <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12">
982                  <div class="course__item mb-30 fix">
983                     <div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
984                        <div class="p-relative fix" id="highlight_list">
985                           <div class="carousel-item ">
986                        <div class="position-absolute bottom-0 w-100 text-white p-2" style="background-color: rgba(51, 51, 51, 0.5);">
987                           <a href="https://malangkota.go.id/?p=60537"><h3 class="main-news-title w-75 h-20 pl-20">Program RT Berkelas Antarkan Wali Kota Malang Raih Pemimpin Daerah Awards 2026</h3></a>
988                           <a href="https://malangkota.go.id/?p=60537"><p class="main-news-date pl-20">Kamis, 27 Agustus 2026</p></a>
989                        </div>
990                        <a href="https://malangkota.go.id/?p=60537"><img src="https://malangkota.go.id/wp-content/uploads/2026/08/Wali-Kota-Malang-saat-menerima-penghargaan.jpeg" class="main-news-img" alt=""></a>
991                     </div><div class="carousel-item active">
992                        <div class="position-absolute bottom-0 w-100 text-white p-2" style="background-color: rgba(51, 51, 51, 0.5);">
993                           <a href="https://malangkota.go.id/?p=60407"><h3 class="main-news-title w-75 h-20 pl-20">Peringati HUT ke-81 RI, Wali Kota Malang Ajak Wujudkan Indonesia Berdaulat, Adil dan Makmur</h3></a>
994                           <a href="https://malangkota.go.id/?p=60407"><p class="main-news-date pl-20">Senin, 17 Agustus 2026</p></a>
995                        </div>
996                        <a href="https://malangkota.go.id/?p=60407"><img src="https://malangkota.go.id/wp-content/uploads/2026/08/Upacara-Bendera-17-an.jpeg" class="main-news-img" alt=""></a>
997                     </div><div class="carousel-item ">
998                        <div class="position-absolute bottom-0 w-100 text-white p-2" style="background-color: rgba(51, 51, 51, 0.5);">
999                           <a href="https://malangkota.go.id/?p=59897"><h3 class="main-news-title w-75 h-20 pl-20">Kolaborasi Jadi Kunci, Kota Malang Raih Juara I PPA Award Jatim 2026</h3></a>
1000                           <a href="https://malangkota.go.id/?p=59897"><p class="main-news-date pl-20">Senin, 29 Juni 2026</p></a>
1001                        </div>
1002                        <a href="https://malangkota.go.id/?p=59897"><img src="https://malangkota.go.id/wp-content/uploads/2026/06/PPA-Award-2026.jpeg" class="main-news-img" alt=""></a>
1003                     </div><div class="carousel-item ">
1004                        <div class="position-absolute bottom-0 w-100 text-white p-2" style="background-color: rgba(51, 51, 51, 0.5);">
1005                           <a href="https://malangkota.go.id/?p=59795"><h3 class="main-news-title w-75 h-20 pl-20">Lansia Tangguh, Indonesia Tumbuh: Semangat Lansia Terus Menginspirasi</h3></a>
1006                           <a href="https://malangkota.go.id/?p=59795"><p class="main-news-date pl-20">Sabtu, 20 Juni 2026</p></a>
1007                        </div>
1008                        <a href="https://malangkota.go.id/?p=59795"><img src="https://malangkota.go.id/wp-content/uploads/2026/06/Sambutan-Wlai-Kota-Malang.jpg" class="main-news-img" alt=""></a>
1009                     </div><div class="carousel-item ">
1010                        <div class="position-absolute bottom-0 w-100 text-white p-2" style="background-color: rgba(51, 51, 51, 0.5);">
1011                           <a href="https://malangkota.go.id/?p=59266"><h3 class="main-news-title w-75 h-20 pl-20">Nuansa Berbeda di Upacara Hardiknas 2026 Kota Malang</h3></a>
1012                           <a href="https://malangkota.go.id/?p=59266"><p class="main-news-date pl-20">Senin, 04 Mei 2026</p></a>
1013                        </div>
1014                        <a href="https://malangkota.go.id/?p=59266"><img src="https://malangkota.go.id/wp-content/uploads/2026/05/Upacara-Hardiknas.jpeg" class="main-news-img" alt=""></a>
1015                     </div>                        </div>
1016                        <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev" style="background-color: rgba(51, 51, 51, 0); color: #ffffff;">
1017                           <span class="carousel-control-prev-icon" aria-hidden="true"></span>
1018                           <span class="visually-hidden">Previous</span>
1019                        </button>
1020
1021                        <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next" style="background-color: rgba(51, 51, 51, 0); color: #ffffff;">
1022                           <span class="carousel-control-next-icon" aria-hidden="true"></span>
1023                           <span class="visually-hidden">Next</span>
1024                        </button>
1025                     </div>
1026                  </div>
1027               </div>
1028            </div>
1029         </div>
1030      </section>
1031      <!-- stage 8 - berita utama end -->
1032
1033      <!-- stage 9 - Latest News start -->
1034      <section class="why__area pb-50">
1035         <div class="container">
1036            <div class="row align-items-end">
1037               <div class="col-xxl-3 col-xl-12">
1038                  <div class="section__title-wrapper section__title-wrapper_head_left">
1039                     <h3 class="section__title section__title-head_left_black">Berita Terkini</h3>
1040                  </div>
1041               </div>
1042
1043               <div class="col-xxl-7 col-xl-12">
1044                  <div class="category__more float-md fix section__title-wrapper_head_middle">
1045                     <hr class="border border-linee" style="width: 100%">
1046                  </div>
1047               </div>
1048
1049               <div class="col-xxl-2 col-xl-12">
1050                  <div class="category__more float-md-end fix section__title-wrapper_head_right">
1051                     <a href="https://malangkota.go.id/beranda/" target="_blank" class="btn-grad1">
1052                        LIHAT SEMUA
1053                        <i class="far fa-arrow-right"></i>
1054                     </a>
1055                  </div>
1056               </div>
1057            </div>
1058            <div class="row align-items-center">
1059               <div class="col-xxl-4 col-xl-12">
1060                  <div class="row">
1061                     
1062            <div class="col-xxl-12 col-md-6">
1063               <a href="https://malangkota.go.id/?p=60537">
1064                  <div class="services__item mb-30" data-background="https://malangkota.go.id/wp-content/uploads/2026/08/Wali-Kota-Malang-saat-menerima-penghargaan.jpeg" style="text-align: center; height: 270px; box-shadow: inset 0 -3em 3em rgb(86 98 98 / 100%);">
1065                     <div class="services__content">
1066                        <p style="position: absolute; bottom: 20px; left: 16px; font-size: 20px; color: #ffffff; font-weight: bold;"><a href="https://malangkota.go.id/?p=60537">Program RT Berkelas Antarkan Wali Kota Malang Raih Pemimpin Daerah Awards 2026</a></p>
1067                        <a href="https://malangkota.go.id/?p=60537" class="link-btn-2">
1068                           <i class="far fa-arrow-right"></i>
1069                           <i class="far fa-arrow-right"></i>
1070                        </a>
1071                     </div>
1072                  </div>
1073               </a>
1074            </div>
1075            <div class="col-xxl-12 col-md-6">
1076               <a href="https://malangkota.go.id/?p=60544">
1077                  <div class="services__item mb-30" data-background="https://malangkota.go.id/wp-content/uploads/2026/08/ProKllim-RW-05-Arjowinangun.jpeg" style="text-align: center; height: 270px; box-shadow: inset 0 -3em 3em rgb(86 98 98 / 100%);">
1078                     <div class="services__content">
1079                        <p style="position: absolute; bottom: 20px; left: 16px; font-size: 20px; color: #ffffff; font-weight: bold;"><a href="https://malangkota.go.id/?p=60544">RW 05 Arjowinangun Jalani Verifikasi ProKlim Lestari</a></p>
1080                        <a href="https://malangkota.go.id/?p=60544" class="link-btn-2">
1081                           <i class="far fa-arrow-right"></i>
1082                           <i class="far fa-arrow-right"></i>
1083                        </a>
1084                     </div>
1085                  </div>
1086               </a>
1087            </div>                  </div>
1088               </div>
1089               <div class="col-xxl-5 col-md-6">
1090                  <div class="row teacher__news">
1091                     
1092                     <div class="col-xxl-12">
1093                           <div class="teacher__top d-md-flex align-items-end justify-content-between">
1094                              <div class="teacher__info_news">
1095                                 <a href="https://malangkota.go.id/?p=60533"><h4>Wali Kota Malang Lepas Rombongan Bikers NU ke Muktamar Jombang</h4></a>
1096                                 <a href="https://malangkota.go.id/?p=60533"><span>2026-08-27 11:46:26</span></a>
1097                                 <div class="teacher__info_news_tag">
1098                                    <a href="https://malangkota.go.id/?p=60533">BERITA</a>&nbsp;<a href="https://malangkota.go.id/?p=60533">RELIGI</a>&nbsp;
1099                                 </div>
1100                              </div>
1101                           </div>
1102                        </div><div class="col-xxl-12">
1103                           <div class="teacher__top d-md-flex align-items-end justify-content-between">
1104                              <div class="teacher__info_news">
1105                                 <a href="https://malangkota.go.id/?p=60547"><h4>Kampung Klasik Angkat Potensi Lokal, Disiapkan Masuk Kalender Wisata</h4></a>
1106                                 <a href="https://malangkota.go.id/?p=60547"><span>2026-08-26 23:28:39</span></a>
1107                                 <div class="teacher__info_news_tag">
1108                                    <a href="https://malangkota.go.id/?p=60547">BERITA</a>&nbsp;<a href="https://malangkota.go.id/?p=60547">SENI BUDAYA DAN PARIWISATA</a>&nbsp;
1109                                 </div>
1110                              </div>
1111                           </div>
1112                        </div><div class="col-xxl-12">
1113                           <div class="teacher__top d-md-flex align-items-end justify-content-between">
1114                              <div class="teacher__info_news">
1115                                 <a href="https://malangkota.go.id/?p=60530"><h4>Wali Kota Malang Apresiasi Kampung Klasik IV Merjosari sebagai Ruang Pelestarian Budaya</h4></a>
1116                                 <a href="https://malangkota.go.id/?p=60530"><span>2026-08-26 23:21:59</span></a>
1117                                 <div class="teacher__info_news_tag">
1118                                    <a href="https://malangkota.go.id/?p=60530">BERITA</a>&nbsp;<a href="https://malangkota.go.id/?p=60530">SENI BUDAYA DAN PARIWISATA</a>&nbsp;
1119                                 </div>
1120                              </div>
1121                           </div>
1122                        </div><div class="col-xxl-12">
1123                           <div class="teacher__top d-md-flex align-items-end justify-content-between">
1124                              <div class="teacher__info_news">
1125                                 <a href="https://malangkota.go.id/?p=60541"><h4>Program RT Berkelas Jadi Ruang bagi Warga Wujudkan Kebutuhan Prioritas</h4></a>
1126                                 <a href="https://malangkota.go.id/?p=60541"><span>2026-08-26 23:00:42</span></a>
1127                                 <div class="teacher__info_news_tag">
1128                                    <a href="https://malangkota.go.id/?p=60541">BERITA</a>&nbsp;<a href="https://malangkota.go.id/?p=60541">HUKUM</a>&nbsp;<a href="https://malangkota.go.id/?p=60541"> POLITIK</a>&nbsp;<a href="https://malangkota.go.id/?p=60541"> DAN PEMERINTAHAN</a>&nbsp;<a href="https://malangkota.go.id/?p=60541">PEMBANGUNAN DAN LINGKUNGAN HIDUP</a>&nbsp;
1129                                 </div>
1130                              </div>
1131                           </div>
1132                        </div><div class="col-xxl-12">
1133                           <div class="teacher__top d-md-flex align-items-end justify-content-between">
1134                              <div class="teacher__info_news">
1135                                 <a href="https://malangkota.go.id/?p=60524"><h4>Pantau Ketersediaan dan Keterjangkauan Harga, Langkah Intervensi Disiapkan</h4></a>
1136                                 <a href="https://malangkota.go.id/?p=60524"><span>2026-08-26 15:46:28</span></a>
1137                                 <div class="teacher__info_news_tag">
1138                                    <a href="https://malangkota.go.id/?p=60524">BERITA</a>&nbsp;<a href="https://malangkota.go.id/?p=60524">HUKUM</a>&nbsp;<a href="https://malangkota.go.id/?p=60524"> POLITIK</a>&nbsp;<a href="https://malangkota.go.id/?p=60524"> DAN PEMERINTAHAN</a>&nbsp;<a href="https://malangkota.go.id/?p=60524">INFLASI</a>&nbsp;
1139                                 </div>
1140                              </div>
1141                           </div>
1142                        </div>                  </div>
1143               </div>
1144               <div class="col-xxl-3 col-md-6">
1145                  <div class="populerkiri">
1146                     <div id="gpr-kominfo-widget-container"></div>
1147                  </div>
1148               </div>                  
1149            </div>
1150         </div>
1151      </section>
1152      <!-- stage 9 - Latest News end -->
1153
1154      <!-- stage 10 - gallery & video start -->
1155      <section class="banner__area">
1156         <div class="container">
1157            <div class="row align-items-end">
1158               <div class="col-xxl-6 col-md-6">
1159                  <div class="row align-items-end">
1160                     <div class="col-xxl-3 col-xl-12">
1161                        <div class="section__title-wrapper section__title-wrapper_head_left">
1162                           <h3 class="section__title section__title-head_left_black">Galeri</h3>
1163                        </div>
1164                     </div>
1165
1166                     <div class="col-xxl-8 col-xl-12">
1167                        <div class="category__more float-md fix section__title-wrapper_head_middle">
1168                           <hr class="border border-linee" style="width: 100%">
1169                        </div>
1170                     </div>
1171                  </div>
1172                  <div class="row">
1173                     <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12">
1174                        <div class="course__item mb-30 fix">
1175                           <div id="myCarousel2" class="carousel slide" data-bs-ride="carousel">
1176                              <div class="w-img p-relative fix" id="highlight_list">
1177                                 <div class="carousel-item active">
1178                                 <div class="course__item course__item-3 swiper-slide fix swiper-slide-active" style="width: auto;" role="group" aria-label="1 / 5">
1179                                    <div class="course__thumb w-img p-relative fix">
1180                                       <a href="https://malangkota.go.id/wp-content/uploads/2026/02/Menko-Pangan4.jpeg">
1181                                          <img src="https://malangkota.go.id/wp-content/uploads/2026/02/Menko-Pangan4.jpeg" alt="" height="380">
1182                                       </a>
1183                                    </div>
1184                                 </div>
1185                              </div><div class="carousel-item ">
1186                                 <div class="course__item course__item-3 swiper-slide fix swiper-slide-active" style="width: auto;" role="group" aria-label="1 / 5">
1187                                    <div class="course__thumb w-img p-relative fix">
1188                                       <a href="https://malangkota.go.id/wp-content/uploads/2026/02/MK02.jpg">
1189                                          <img src="https://malangkota.go.id/wp-content/uploads/2026/02/MK02.jpg" alt="" height="380">
1190                                       </a>
1191                                    </div>
1192                                 </div>
1193                              </div><div class="carousel-item ">
1194                                 <div class="course__item course__item-3 swiper-slide fix swiper-slide-active" style="width: auto;" role="group" aria-label="1 / 5">
1195                                    <div class="course__thumb w-img p-relative fix">
1196                                       <a href="https://malangkota.go.id/wp-content/uploads/2025/10/0007.jpg">
1197                                          <img src="https://malangkota.go.id/wp-content/uploads/2025/10/0007.jpg" alt="" height="380">
1198                                       </a>
1199                                    </div>
1200                                 </div>
1201                              </div>                              
1202                              </div>
1203                              <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel2" data-bs-slide="prev" style="background-color: rgba(51, 51, 51, 0); color: #ffffff;">
1204                                 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
1205                                 <span class="visually-hidden">Previous</span>
1206                              </button>
1207
1208                              <button class="carousel-control-next" type="button" data-bs-target="#myCarousel2" data-bs-slide="next" style="background-color: rgba(51, 51, 51, 0); color: #ffffff;">
1209                                 <span class="carousel-control-next-icon" aria-hidden="true"></span>
1210                                 <span class="visually-hidden">Next</span>
1211                              </button>
1212                           </div>
1213                        </div>
1214                     </div>
1215                  </div>
1216               </div>
1217               <div class="col-xxl-6 col-md-6">
1218                  <div class="row align-items-end">
1219                     <div class="col-xxl-3 col-xl-4">
1220                        <div class="section__title-wrapper section__title-wrapper_head_left">
1221                           <h3 class="section__title section__title-head_left_black">Video</h3>
1222                        </div>
1223                     </div>
1224                     <div class="col-xxl-8 col-xl-6">
1225                        <div class="category__more float-md fix section__title-wrapper_head_middle">
1226                           <hr class="border border-linee" style="width: 100%">
1227                        </div>
1228                     </div>
1229                  </div>
1230                  <div class="course__item white-bg mb-30 fix">
1231                     <div class="course__thumb w-img p-relative fix">
1232                        <div class="course__video-thumb w-img mb-0">
1233                           <img src="https://i.ytimg.com/vi/_LUedh1mSh4/maxresdefault.jpg" alt="Thumbnail Kursus">
1234                
1235                           <div class="course__video-play"> 
1236                              <!-- 
1237                                    PERBAIKAN IZIN:
1238                                    1. Menggunakan youtube.com/embed/ secara eksplisit.
1239                                    2. Parameter autoplay dikombinasikan dengan mute (seringkali browser memblokir autoplay bersuara).
1240                              -->
1241                              <!-- <a id="video-trigger"
1242                                 href="https://www.youtube.com/embed/_LUedh1mSh4?autoplay=1&mute=0&rel=0&enablejsapi=1&origin=https://www.youtube.com" referrerpolicy="strict-origin-when-cross-origin" data-fancybox data-type="iframe" class="play-btn"> 
1243                                 <i class="fas fa-play"></i> 
1244                              </a> -->
1245                              <a href="https://www.youtube.com/watch?t=15&v=l9ROst8uWz8&embeds_referring_euri=https%3A%2F%2Findiekraf-academy.notion.site%2F" data-fancybox="" class="play-btn"> <i class="fas fa-play"></i> </a>
1246                           </div>
1247                        </div>
1248                     </div>
1249                  </div>
1250               </div>
1251            </div>
1252            </div>
1253         </div>
1254      </section>
1255      <!-- stage 10 - gallery & video end -->
1256
1257      <!-- stage 11 - UMKM start -->
1258      <section class="cta__area mb-20" style="background-color: rgba(174, 216, 251, 0.6);" id="umkm">
1259         <div class="container">
1260            <div class="row align-items-end">
1261               <div class="col-xxl-4 col-xl-12">
1262                  <div class="section__title-wrapper section__title-wrapper_head_left">
1263                     <h3 class="section__title section__title-head_left_black">UMKM of The Week</h3>
1264                  </div>
1265               </div>
1266
1267               <div class="col-xxl-6 col-xl-12">
1268                  <div class="category__more float-md fix section__title-wrapper_head_middle">
1269                     <hr class="border border-linee" style="width: 100%">
1270                  </div>
1271               </div>
1272
1273               <div class="col-xxl-2 col-xl-12">
1274                  <div class="category__more float-md-end fix section__title-wrapper_head_right">
1275                     <a href="https://malangkota.go.id/katalog-umkm" class="btn-grad1" target="_blank">
1276                        LIHAT SEMUA
1277                        <i class="far fa-arrow-right"></i>
1278                     </a>
1279                  </div>
1280               </div>
1281            </div>
1282            <div class="row">
1283               <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12">
1284                  <div class="course__item mb-80 fix">
1285                     <div class="course__thumb w-img p-relative fix">
1286                        <a href="https://malangkota.go.id/katalog-umkm" target="_blank">
1287                           <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/umkm/umkm_2025.jpg" class="main-creative-stage-img" alt="">
1288                        </a>
1289                     </div>
1290                  </div>
1291               </div>
1292            </div>
1293         </div>
1294      </section>
1295      <!-- stage 11 - UMKM end -->
1296
1297      <!-- stage 12 - doc dflip start -->
1298      <!-- <section class="cta__area mb-30">
1299         <div class="container">
1300            <div class="row align-items-end">
1301               <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-8">
1302                  <div class="section__title-wrapper section__title-wrapper_head_left">
1303                     <h3 class="section__title section__title-head_left_black">Balaikota News</h3>
1304                  </div>
1305               </div>
1306
1307               <div class="col-xxl-7 col-xl-7 col-lg-6 col-md-8">
1308                  <div class="category__more float-md fix section__title-wrapper_head_middle">
1309                     <hr class="border border-linee" style="width: 100%">
1310                  </div>
1311               </div>
1312
1313               <div class="col-xxl-2 col-xl-2 col-lg-6 col-md-8">
1314                  <div class="category__more float-md-end fix section__title-wrapper_head_right">
1315                     <a href="https://malangkota.go.id/balaikota-news/" target="_blank" class="btn-grad1">
1316                        LIHAT SEMUA
1317                        <i class="far fa-arrow-right"></i>
1318                     </a>
1319                  </div>
1320               </div>
1321            </div>
1322            <div class="row">
1323               <div class="col-xxl-12 mt-30">
1324                  <div class="brand__slider swiper-container">
1325                     <div div class="swiper-wrapper mb-60">
1326                        <div class="swiper-slide">
1327                             <div class="brand__item">
1328                                <p class="position-absolute bottom-0 w-100 h-10 text-white p-2" style="background-color: rgba(51, 51, 51, 0.7); font-size: 12px;">Balaikota News Edisi ke 1 Tahun 2025</p>
1329                                <a href="https://malangkota.go.id/wp-content/uploads/2025/02/Edisi-1-Tahun-2025-Final.pdf"><img src="https://malangkota.go.id/wp-content/uploads/2025/02/WhatsApp-Image-2025-02-20-at-15.02.44.jpeg" class="w-100" alt=""></a>
1330                             </div>
1331                          </div><div class="swiper-slide">
1332                             <div class="brand__item">
1333                                <p class="position-absolute bottom-0 w-100 h-10 text-white p-2" style="background-color: rgba(51, 51, 51, 0.7); font-size: 12px;">Balaikota News Edisi Lebaran</p>
1334                                <a href="https://malangkota.go.id/wp-content/uploads/2025/03/Newsletter-Edisi-Spesial-Lebaran.pdf"><img src="https://malangkota.go.id/wp-content/uploads/2025/03/Newsletter-Edisi-Spesial-UMKM-1-3.jpg" class="w-100" alt=""></a>
1335                             </div>
1336                          </div><div class="swiper-slide">
1337                             <div class="brand__item">
1338                                <p class="position-absolute bottom-0 w-100 h-10 text-white p-2" style="background-color: rgba(51, 51, 51, 0.7); font-size: 12px;">Edisi ke 19 (Spesial UMKM) 2024</p>
1339                                <a href="https://malangkota.go.id/wp-content/uploads/2024/08/Salinan-dari-Newsletter-Edisi-Spesial-UMKM-2024.pdf.pdf"><img src="https://malangkota.go.id/wp-content/uploads/2024/08/WhatsApp-Image-2024-08-10-at-06.31.02.jpeg" class="w-100" alt=""></a>
1340                             </div>
1341                          </div><div class="swiper-slide">
1342                             <div class="brand__item">
1343                                <p class="position-absolute bottom-0 w-100 h-10 text-white p-2" style="background-color: rgba(51, 51, 51, 0.7); font-size: 12px;">Edisi Maret 2024</p>
1344                                <a href="https://malangkota.go.id/wp-content/uploads/2024/04/Newsletter-Maret-2024-1.pdf"><img src="https://malangkota.go.id/wp-content/uploads/2024/04/cover.jpg" class="w-100" alt=""></a>
1345                             </div>
1346                          </div><div class="swiper-slide">
1347                             <div class="brand__item">
1348                                <p class="position-absolute bottom-0 w-100 h-10 text-white p-2" style="background-color: rgba(51, 51, 51, 0.7); font-size: 12px;">Edisi Februari 2024</p>
1349                                <a href="https://malangkota.go.id/wp-content/uploads/2024/03/Newsletter-Februari-2024.pdf"><img src="https://malangkota.go.id/wp-content/uploads/2024/03/WhatsApp-Image-2024-03-04-at-08.48.28-1.jpeg" class="w-100" alt=""></a>
1350                             </div>
1351                          </div><div class="swiper-slide">
1352                             <div class="brand__item">
1353                                <p class="position-absolute bottom-0 w-100 h-10 text-white p-2" style="background-color: rgba(51, 51, 51, 0.7); font-size: 12px;">Edisi Januari 2024</p>
1354                                <a href="https://malangkota.go.id/wp-content/uploads/2024/02/Newsletter-Januari-2024_20240131_185307_0000.pdf"><img src="https://malangkota.go.id/wp-content/uploads/2024/02/2024-02-20_114415.png" class="w-100" alt=""></a>
1355                             </div>
1356                          </div>                     </div>
1357                     <div class="swiper-pagination"></div>
1358                  </div>
1359               </div>
1360            </div>
1361         </div>
1362      </section> -->
1363      <!-- stage 12 - doc dflip end -->
1364
1365      <!-- stage 13 - document start -->
1366      <section class="teacher__area pt-10 pb-50" id="dokumen">
1367         <div class="container">
1368            <div class="row align-items-end">
1369               <div class="col-xxl-3 col-xl-12">
1370                  <div class="section__title-wrapper section__title-wrapper_head_left">
1371                     <h3 class="section__title section__title-head_left_black">Dokumen Daerah</h3>
1372                  </div>
1373               </div>
1374
1375               <div class="col-xxl-7 col-xl-12">
1376                  <div class="category__more float-md fix section__title-wrapper_head_middle">
1377                     <hr class="border border-linee" style="width: 100%">
1378                  </div>
1379               </div>
1380
1381               <div class="col-xxl-2 col-xl-12">
1382                  <div class="category__more float-md-end fix section__title-wrapper_head_right">
1383                     <a href="https://malangkota.go.id/dokumen-daerah/" target="_blank" class="btn-grad1">
1384                        LIHAT SEMUA
1385                        <i class="far fa-arrow-right"></i>
1386                     </a>
1387                  </div>
1388               </div>
1389            </div>
1390            <div class="row">
1391               <div class="col-xxl-12">
1392                  <div class="course__slider swiper-container">
1393                     <div class="swiper-wrapper mb-60">
1394
1395                        <div class="swiper-slide swiper-slide-custom col-xxl-3 col-md-6">
1396                           <div class="teacher__item grey-bg-5 transition-3 ">
1397                              <div>
1398                                 <p class="teacher__title" style="font-weight: bold;">Dokumen Anggaran</p>
1399                              </div>
1400                              <div>
1401                                 <span><p style="font-size: 14px;">APBD, DPA, RKA, Realisasi APBD <br> &nbsp;</p></span>
1402                              </div>
1403                              <div class="teacher__thumb text-center mt-20">
1404                                 <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo/pdf.png" alt="" class="swiper-slide-item-img-doc">
1405                              </div>
1406                              <div class="teacher__content">
1407                                 <div class="teacher__social">
1408                                    <center>
1409                                       <a href="https://malangkota.go.id/transparasi-anggaran/" target="_blank" class="btn-grad"> LIHAT SEMUA </a>
1410                                    </center>
1411                                 </div>
1412                              </div>
1413                           </div>
1414                        </div>
1415
1416                        <div class="swiper-slide swiper-slide-custom col-xxl-3 col-md-6">
1417                           <div class="teacher__item grey-bg-5 transition-3">
1418                              <div>
1419                                 <p class="teacher__title" style="font-weight: bold;">Dokumen Perencanaan</p>
1420                              </div>
1421                              <div>
1422                                 <span>
1423                                    <p style="font-size: 14px;">RKPD, RPD, RPJMD, RPJP, Smart City<br> &nbsp;</p>
1424                                 </span>
1425                              </div>
1426                              <div class="teacher__thumb text-center mt-20">
1427                                 <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo/pdf.png" alt="" class="swiper-slide-item-img-doc">
1428                              </div>
1429                              <div class="teacher__content">
1430                                 <div class="teacher__social">
1431                                    <center>
1432                                       <a href="https://malangkota.go.id/rencana-pembangunan-daerah/" target="_blank" class="btn-grad"> LIHAT SEMUA </a>
1433                                    </center>
1434                                 </div>
1435                              </div>
1436                           </div>
1437                        </div>
1438
1439                        <div class="swiper-slide swiper-slide-custom col-xxl-3 col-md-6">
1440                           <div class="teacher__item grey-bg-5 transition-3">
1441                              <div>
1442                                 <p class="teacher__title" style="font-weight: bold;">Dokumen Laporan Kinerja</p>
1443                              </div>
1444                              <div>
1445                                 <span>
1446                                    <p style="font-size: 14px;">LKPJ, LKJiP <br> &nbsp;</p>
1447                                 </span>
1448                              </div>
1449                              <div class="teacher__thumb text-center mt-20">
1450                                 <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo/pdf.png" alt="" class="swiper-slide-item-img-doc">
1451                              </div>
1452                              <div class="teacher__content">
1453                                 <div class="teacher__social">
1454                                    <center>
1455                                       <a href="https://malangkota.go.id/laporan-keterangan-pertanggungjawaban-lkpj/" target="_blank" class="btn-grad"> LIHAT SEMUA </a>
1456                                    </center>
1457                                 </div>
1458                              </div>
1459                           </div>
1460                        </div>
1461
1462                        <div class="swiper-slide swiper-slide-custom col-xxl-3 col-md-6">
1463                           <div class="teacher__item grey-bg-5 transition-3 mb-30 ">
1464                              <div>
1465                                 <p class="teacher__title" style="font-weight: bold;">Dokumen SAKIP</p>
1466                              </div>
1467                              <div>
1468                                 <span>
1469                                    <p style="font-size: 14px;">SAKIP Kota Malang, SAKIP Perangkat Daerah, LAKIP</p>
1470                                 </span>
1471                              </div>
1472                              <div class="teacher__thumb text-center mt-20">
1473                                 <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo/pdf.png" alt="" class="swiper-slide-item-img-doc">
1474                              </div>
1475                              <div class="teacher__content">
1476                                 <div class="teacher__social">
1477                                    <center>
1478                                       <a href="https://malangkota.go.id/sakip/" target="_blank" class="btn-grad"> LIHAT SEMUA </a>
1479                                    </center>
1480                                 </div>
1481                              </div>
1482                           </div>
1483                        </div>
1484
1485                        <div class="swiper-slide swiper-slide-custom col-xxl-3 col-md-6">
1486                           <div class="teacher__item grey-bg-5 transition-3 mb-30">
1487                              <div>
1488                                 <p class="teacher__title" style="font-weight: bold;">Dokumen Daerah Lainnya</p>
1489                              </div>
1490                              <div>
1491                                 <span style="font-size: 14px;">
1492                                    <p style="font-size: 14px;">MDA, Perda, Perwal, Surat Edaran <br> &nbsp;</p>
1493                                 </span>
1494                              </div>
1495                              <div class="teacher__thumb text-center mt-20">
1496                                 <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo/pdf.png" alt="" class="swiper-slide-item-img-doc">
1497                              </div>
1498                              <div class="teacher__content">
1499                                 <div class="teacher__social">
1500                                    <center>
1501                                       <a href="https://malangkota.go.id/kota-malang-dalam-angka-mda/" target="_blank" class="btn-grad"> LIHAT SEMUA </a>
1502                                    </center>
1503                                 </div>
1504                              </div>
1505                           </div>
1506                        </div>
1507
1508                        <div class="swiper-slide swiper-slide-custom col-xxl-3 col-md-6">
1509                           <div class="teacher__item grey-bg-5 transition-3 mb-30">
1510                              <div>
1511                                 <p class="teacher__title" style="font-weight: bold;">Peta Administrasi Kota Malang</p>
1512                              </div>
1513                              <div>
1514                                 <span style="font-size: 14px;">
1515                                    <p style="font-size: 14px;"> <br> &nbsp;</p>
1516                                 </span>
1517                              </div>
1518                              <div class="teacher__thumb text-center mt-20">
1519                                 <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo/pdf.png" alt="" class="swiper-slide-item-img-doc">
1520                              </div>
1521                              <div class="teacher__content">
1522                                 <div class="teacher__social">
1523                                    <center>
1524                                       <a href="https://malangkota.go.id/wp-content/themes/boal/assetslp/pdf/PETA_ADMINISTRASI_KOTA_MALANG.pdf" target="_blank" class="btn-grad"> LIHAT SEMUA </a>
1525                                    </center>
1526                                 </div>
1527                              </div>
1528                           </div>
1529                        </div>
1530
1531                     </div>
1532                     <div class="swiper-pagination"></div>
1533                  </div>
1534               </div>
1535            </div>
1536         </div>
1537      </section>
1538      <!-- stage 13 - document end -->
1539   </main>
1540
1541         <!-- footer area start -->
1542      <footer>
1543         <div class="footer__area footer-bg" style="background-color: #052c44">
1544            <div class="footer__top pt-50 pb-40">
1545               <div class="container">
1546                  <div class="row">
1547                     <div class="col-xxl-12">
1548                        <div class="footer__copyright text-center pb-20">
1549                           <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/1.png" alt="" width="70">
1550                        </div>
1551                     </div>
1552                     <div class="col-xxl-12">
1553                        <div class="footer__copyright text-center pb-20">
1554                           <a href="https://play.google.com/store/search?q=malang%20mbois&c=apps&hl=en" target="_blank"><img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/3.png" alt="" width="70" style="margin-right: 15px;"></a>
1555                           <a href="https://satudata.malangkota.go.id/" target="_blank"><img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/4.png" alt="" width="120" style="margin-right: 15px;"></a>
1556                           <a href="https://mppmerdeka.malangkota.go.id/" target="_blank"><img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/5.png" alt="" width="70" style="margin-right: 15px;"></a>
1557                           <a href="https://mcc.or.id/" target="_blank"><img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/6.png" alt="" width="120" style="margin-right: 15px;"></a>
1558                           <a href="https://112.malangkota.go.id/" target="_blank"><img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/7.png" alt="" width="70" style="margin-right: 15px;"></a>
1559                           <a href="https://pdktsam.malangkota.go.id/" target="_blank"><img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/8.png" alt="" width="70" style="margin-right: 15px;"></a>
1560                           <a href="https://ppid.malangkota.go.id/" target="_blank"><img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/9.png" alt="" width="120" style="margin-right: 15px;"></a>
1561                           <a href="https://www.lapor.go.id/" target="_blank"><img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/10.png" alt="" width="150" style="margin-right: 0px;"></a>
1562                           <a href="https://jdih.malangkota.go.id/" target="_blank"><img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/11.png" alt="" width="110" style="margin-right: 15px;"></a>
1563                           <a href="https://seroja.malangkota.go.id/" target="_blank"><img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/logo_seroja.png" alt="" width="110" style="margin-right: 0px;"></a>
1564                        </div>
1565                     </div>
1566                  </div>
1567                  <div class="row footer__bottom">
1568                     <div class="col-xxl-4 col-md-4">
1569                        <div class="footer__widget mb-50 pt-20">
1570                           <div class="footer__widget-head mb-22">
1571                              <h3 class="footer__widget-title">Pemerintah Kota Malang</h3>
1572                           </div>
1573                           <div class="footer__widget-body">
1574                              <i class="far fa-map-marker-alt" style="color: #ffffff"></i> <span style="color: #ffffff; font-weight: bold;">Balaikota Malang</span>
1575                              <p style="color: #ffffff; padding-left: 20px;">Jl. Tugu No.1, Kel. Kiduldalem, Kec. Klojen, Kota Malang, 65119.</p> 
1576                              
1577                           </div>
1578                        </div>
1579                     </div>
1580                     <div class="col-xxl-4 col-md-4">
1581                        <div class="footer__widget-body">
1582                           <div class="footer__widget-head mb-22 pt-20">
1583                              <h3 class="footer__widget-title">Kontak</h3>
1584                           </div>
1585                           <div class="footer__widget-body">
1586                              <i class="far fa-envelope" style="color: #ffffff"></i><span href="#" style="color: #ffffff;">  [email protected]</span>
1587                           </div>
1588                           <div class="footer__widget-body">
1589                              <i class="far fa-phone" style="color: #ffffff"></i><span style="color: #ffffff;"> (0341) 366065</span>
1590                           </div>
1591                        </div>
1592                     </div>
1593                     <div class="col-xxl-4 col-md-4">
1594                        <div class="footer__widget mb-50 pt-20">
1595                           <div class="footer__widget-head mb-22">
1596                              <h3 class="footer__widget-title">Media Sosial</h3>
1597                           </div>
1598                           <div class="footer__widget-body">
1599                              <div class="footer__social">
1600                                 <ul>
1601                                    <a href="https://www.youtube.com/channel/UCb05Df6rfRRTBYx9yctQphQ" target="_blank">
1602                                          <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/youtube_icon.png" alt="" width="30">
1603                                    </a>
1604                                    <a href="https://www.facebook.com/malangkota.go.id/?locale=id_ID" target="_blank">
1605                                       <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/facebook_icon.png" alt="" width="30">
1606                                    </a>
1607                                    <a href="https://www.instagram.com/pemkotmalang/" target="_blank">
1608                                       <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/instagram_icon.png" alt="" width="30">
1609                                    </a>
1610                                    <a href="https://x.com/PemkotMalang" target="_blank">
1611                                       <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/twitter_icon.png" alt="" width="30">
1612                                    </a>
1613                                    <a href="https://www.tiktok.com/@pemkot_malang?lang=id-ID" target="_blank">
1614                                       <img src="https://malangkota.go.id/wp-content/themes/boal/assetslp/img/logo_footer/tiktok_icon.png" alt="" width="30">
1615                                    </a>
1616                                 </ul>
1617                              </div>
1618                           </div>
1619                        </div>
1620                     </div>
1621                  </div>
1622                  <div class="row">
1623                     <div class="col-xxl-4 col-md-4">
1624                        <div class="footer__widget mb-50">
1625                           <div class="footer__widget-head mb-22">
1626                              <h3 class="footer__widget-title">Pemerintahan</h3>
1627                           </div>
1628                           <div class="footer__widget-body">
1629                              <div class="footer__link">
1630                                 <ul>
1631                                    <li><a href="https://malangkota.go.id/daftar-eksekutif/" style="color: white;" target="_blank">Eksekutif</a></li>
1632                                    <li><a href="https://malangkota.go.id/daftar-legislatif/" style="color: white;" target="_blank">Legislatif</a></li>
1633                                    <li><a href="https://malangkota.go.id/daftar-forkopimda/" style="color: white;" target="_blank">Forkopimda</a></li>
1634                                    <li><a href="https://malangkota.go.id/badan-dan-kantor/" style="color: white;" target="_blank">Badan</a></li>
1635                                    <li><a href="https://malangkota.go.id/dinas/" style="color: white;" target="_blank">Dinas</a></li>
1636                                    <li><a href="https://malangkota.go.id/bagian/" style="color: white;" target="_blank">Bagian</a></li>
1637                                    <li><a href="https://malangkota.go.id/kecamatan-dan-kelurahan/" style="color: white;" target="_blank">Kecamatan dan Kelurahan</a></li>
1638                                    <li><a href="https://malangkota.go.id/rsud-kota-malang/" style="color: white;" target="_blank">RSUD Kota Malang</a></li>
1639                                 </ul>
1640                              </div>
1641                           </div>
1642                        </div>
1643                     </div>
1644                     <div class="col-xxl-4 col-md-4">
1645                        <div class="footer__widget mb-50">
1646                           <div class="footer__widget-head mb-22">
1647                              <h3 class="footer__widget-title">Transparansi Anggaran</h3>
1648                           </div>
1649                           <div class="footer__widget-body">
1650                              <div class="footer__link">
1651                                 <ul>
1652                                    <li><a href="https://malangkota.go.id/apbd/" style="color: white;" target="_blank">APBD</a></li>
1653                                    <li><a href="https://malangkota.go.id/dpa/" style="color: white;" target="_blank">DPA</a></li>
1654                                    <li><a href="https://malangkota.go.id/rka/" style="color: white;" target="_blank">RKA</a></li>
1655                                    <li><a href="https://malangkota.go.id/realisasi-apbd/" style="color: white;" target="_blank">Realisasi APBD</a></li>
1656                                 </ul>
1657                              </div>
1658                           </div>
1659                        </div>
1660                     </div>
1661                     <div class="col-xxl-4 col-md-4">
1662                        <div class="footer__widget mb-50">
1663                           <div class="footer__widget-head mb-22">
1664                              <h3 class="footer__widget-title">Dokumen Daerah</h3>
1665                           </div>
1666                           <div class="footer__widget-body">
1667                              <div class="footer__link">
1668                                 <ul>
1669                                    <li><a href="https://malangkota.go.id/kota-malang-dalam-angka-mda/" style="color: white;" target="_blank">Kota Malang Dalam Angka (MDA)</a></li>
1670                                    <li><a href="https://malangkota.go.id/sakip/" style="color: white;" target="_blank">SAKIP</a></li>
1671                                    <li><a href="https://malangkota.go.id/ipkd/" style="color: white;" target="_blank">IPKD</a></li>
1672                                    <li><a href="https://malangkota.go.id/peraturan-daerah/" style="color: white;" target="_blank">Peraturan Daerah</a></li>
1673                                    <li><a href="https://malangkota.go.id/peraturan-walikota/" style="color: white;" target="_blank">Peraturan Walikota</a></li>
1674                                    <li><a href="https://malangkota.go.id/surat-edaran/" style="color: white;" target="_blank">Surat Edaran</a></li>
1675                                    <li><a href="https://malangkota.go.id/rencana-pembangunan-daerah/" style="color: white;" target="_blank">Rencana Pembangunan Daerah</a></li>
1676                                    <li><a href="https://malangkota.go.id/laporan-keterangan-pertanggungjawaban-lkpj/" style="color: white;" target="_blank">LKPJ</a></li>
1677                                    <li><a href="https://malangkota.go.id/lkjip/" style="color: white;" target="_blank">LKJiP</a></li>
1678                                    <li><a href="https://malangkota.go.id/wp-content/themes/boal/assetslp/pdf/PETA_ADMINISTRASI_KOTA_MALANG.pdf" style="color: white;" target="_blank">Peta Administrasi Kota Malang</a></li>
1679                                 </ul>
1680                              </div>
1681                           </div>
1682                        </div>
1683                     </div>
1684                  </div>
1685               </div>
1686            </div>
1687            <div class="footer__bottom">
1688               <div class="container">
1689                  <div class="row">
1690                     <div class="col-xl-6 col-md-12">
1691                        <div class="footer__copyright text-left">
1692                           <p style="color: white;">Copyright © 2024 PEMERINTAH KOTA MALANG</p>
1693                        </div>
1694                     </div>
1695                  </div>
1696               </div>
1697            </div>
1698         </div>
1699      </footer>
1700      <!-- footer area end -->
1701      <!-- JS here -->
1702      
1702<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/vendor/jquery-3.5.1.min.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1702
1703      
1703<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/vendor/waypoints.min.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1703
1704      
1704<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/bootstrap.bundle.min.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1704
1705      
1705<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/jquery.meanmenu.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1705
1706      
1706<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/swiper-bundle.min.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1706
1707      
1707<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/owl.carousel.min.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1707
1708      
1708<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/jquery.fancybox.min.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1708
1709      
1709<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/isotope.pkgd.min.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1709
1710      
1710<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/parallax.min.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1710
1711      
1711<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/backToTop.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1711
1712      
1712<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/purecounter.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1712
1713      
1713<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/ajax-form.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1713
1714      
1714<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/wow.min.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1714
1715      
1715<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/imagesloaded.pkgd.min.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1715
1716      
1716<script src="https://malangkota.go.id/wp-content/themes/boal/assetslp/js/main.js" type="25a4cff5cf63ebe2ec29bfd1-text/javascript"></script>
1716
1717
1718      
1718<script type="25a4cff5cf63ebe2ec29bfd1-text/javascript" src="https://widget.kominfo.go.id/gpr-widget-kominfo.min.js"></script>
1718
1719
1720      
1720<script type="25a4cff5cf63ebe2ec29bfd1-text/javascript">
1721         $('#language-toggle').change(function() {
1722            if($("#language-toggle").prop('checked') == true){
1723               if("id" == "id"){
1724                  window.location.href = "https://malangkota.go.id/beranda-portal-eng-version/"
1725               }
1726            }else{
1727               // console.log("no")
1728            }
1729         })
1730         
1731      </script>
1731
1732   
1732<script type="25a4cff5cf63ebe2ec29bfd1-text/javascript">
1733      function search_text(){
1734         var search_text = $("#search_text").val()
1735         console.log(search_text)
1736         
1737         // window.location.href = new URL("https://malangkota.go.id/?s="+search_text).href
1738      }
1739
1740      $("#basicss").click(function(){
1741         console.log("ok")
1742         var search_text = $("#inse").val()
1743         console.log(search_text)
1744      })
1745      $("#inse").keypress(function(){
1746         console.log("ok")
1747         var search_text = $("#inse").val()
1748         console.log(search_text)
1749      })
1750
1751      $(document).ready(function(){
1752         console.log($("#language-toggle").prop('checked'))
1753
1754         const myCarouselElement = document.querySelector('#myCarousel')
1755         const carousel = new bootstrap.Carousel(myCarouselElement, {
1756            interval: 2000,
1757            touch: false
1758         })
1759
1760         var video = document.getElementById("myVideo");
1761
1762         const myCarouselElement2 = document.querySelector('#myCarousel2')
1763         const carousel2 = new bootstrap.Carousel(myCarouselElement2, {
1764            interval: 2000,
1765            touch: false
1766         })
1767
1768         
1769      })
1770   </script>
vendor: 143 bytes, lines 1770-1771
1770
1771<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="25a4cff5cf63ebe2ec29bfd1-|49" defer></script>
1771<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a40539802874e81c',t:'MTc5MDI4ODkzMQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1771</body>
1772</html>
1773

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.