https://www.selangor.gov.my/

1
2
3
4<!DOCTYPE html>
5<html xml:lang="en" lang="en">
6<head>
7<meta charset="UTF-8">
8<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
9<meta name="generator" content="VOX CMS">
10<meta http-equiv="content-language" content="en">
11<meta http-equiv="expires" content="Never">
12<meta name="keywords" content="selangor,SUK,SUK Selangor,Pejabat Setiausaha Kerajaan Negeri Selangor">
13<meta name="description" content="<p>Portal Kerajaan Negeri Selangor Darul Ehsan</p>" lang="en">
14<meta name="document-rating" content="General">
15<meta name="robots" content="ALL">
16<meta name="layout-custom_165" content="Landing Page - Selangor"></meta>
17<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
18<meta name="viewport" content="width=device-width, initial-scale=1.0">
19<title>Portal Kerajaan Negeri Selangor Darul Ehsan</title>
20<link rel="icon" type="image/vnd.microsoft.icon" href="/../instance/selangor/modules_resources/settings/7a87d22efa530b25a9461bbbd6d321ce.png"/>
21<link rel="SHORTCUT ICON" href="/../instance/selangor/modules_resources/settings/7a87d22efa530b25a9461bbbd6d321ce.png"/>
22<link rel="stylesheet"  media="all" href="/../assets/shared/plugins/architectui/framework.css" />
23<link rel="stylesheet"  media="all" href="/../assets/shared/plugins/confirm_dialog/jquery-confirm.min.css" />
24<link rel="stylesheet"  media="all" href="/../assets/shared/plugins/jquery-ui-base/jquery-ui.min.css" />
25<link rel="stylesheet"  media="all" href="/../assets/shared/plugins/colorbox/colorbox.min.css" />
26<link rel="stylesheet"  media="all" href="/../assets/shared/plugins/multiselect/css/select-multiple.min.css" />
27<link rel="stylesheet"  media="all" href="/../assets/shared/plugins/simplegrid.css" />
28<link rel="stylesheet"  media="all" href="/../assets/shared/plugins/normalize.css" />
29<link rel="stylesheet"  media="all" href="/../assets/shared/plugins/toast/jquery.toast.min.css" />
30<link rel="stylesheet"  media="all" href="../instance/selangor/themes/admin/css/ie8.css" />
31<link rel="stylesheet"  media="all" href="../instance/selangor/themes/admin/css/web.css" />
32<link rel="stylesheet"  media="all" href="/../assets/shared/css/web.min.css" />
33<link rel="stylesheet"  media="all" href="/../assets/shared/css/responsive.css" />
34<link rel="stylesheet"  media="all" href="../instance/selangor/themes/admin/css/custom_165.css" />

35<script src="/../assets/shared/plugins/jquery.min.js"></script>

35

36<script src="/../assets/shared/plugins/jquery-ui-base/jquery-ui.min.js"></script>

36

37<script src="/index.php/ajax/init_js/init.js"></script>

37

38<script src="/../assets/shared/plugins/jquery.bgiframe.min.js"></script>

38

39<script src="/../assets/shared/plugins/superfish/js/hoverIntent.min.js"></script>

39

40<script src="/../assets/modules/internal_link/scripts/internal_link.js"></script>

40

41<script src="/../assets/shared/plugins/confirm_dialog/jquery-confirm.min.js"></script>

41

42<script src="/../assets/shared/scripts/toolbar.min.js"></script>

42

43<script src="/../assets/shared/plugins/colorbox/jquery.colorbox.min.js"></script>

43

44<script src="/../assets/shared/scripts/cbox.js"></script>

44

45<script src="/../assets/shared/plugins/jquery.ui.touch-punch.min.js"></script>

45

46<script src="/../assets/shared/plugins/jquery.placeholder.min.js"></script>

46

47<script src="/../assets/shared/plugins/multiselect/js/jquery.select-multiple.min.js"></script>

47

48<script src="/../assets/shared/plugins/multiselect/js/jquery.quicksearch.min.js"></script>

48

49<script src="/../assets/shared/plugins/toast/jquery.toast.min.js"></script>

49

50<script src="/../assets/modules/search/scripts/search.js"></script>

50

51<script src="/../assets/shared/scripts/web.js"></script>

51
52<style>input, textarea { color: #000; } .placeholder { color: #aaa; }</style>
53<!-- Google Analytics -->
54                                

54<script>

54
55                                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
56                                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
57                                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
58                                })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
59
60                                ga('create', '

60UA-9763011-1

60', 'auto');
61                                ga('send', 'pageview');
62                                

62</script>

62
63                                <!-- End Google Analytics -->
64<link rel="canonical" href="https://www.selangor.gov.my/">
65<link rel="preload" as="image"
66      href="/instance/selangor/resources/user_1/SUK%20Selangor%20-%20File/LandingPage/bender-selangor.jpg">

67<script>
68/*
69  var _paq = window._paq = window._paq || [];
70  // tracker methods like "setCustomDimension" should be called before "trackPageView"
71  _paq.push(['trackPageView']);
72  _paq.push(['enableLinkTracking']);
73  (function() {
74    var u="//splask-analytics.mampu.gov.my/";
75    _paq.push(['setTrackerUrl', u+'matomo.php']);
76    _paq.push(['setSiteId', '506']);
77    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
78    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
79  })();
80
81*/
82</script>

82
83<!--[if lt IE 9]>

84<script src="assets/shared/scripts/placeholder.js"></script>

84
85<![endif]-->
86</head>
87<body  id="body_web" >
88<div id="web_layout_homepage"  class="custom_165 cms_div">
89
90	<footer><div id='64280bf5e4fdfc' class='grid row-64280bf5e4fdfc'>
91<div id='64280bf5e52064' class='epms-col col-1-1 col-64280bf5e52064' data-colname='Content'>
92<div class='column-64280bf5e52064 drag'>
93<div class="block block-12 block_no_1 block_html_component  hover-desc" id="12"  ><div class='block-header '></div><div class="block-body  content"><p><video id="background-video-1" autoplay="" loop="" muted="">
94                                                                                                                                                                                                                                                                                                                                                                                               <source src="/selangor/resources/user_1/SUK Selangor - File/LandingPage/SUKSelangor_landing_2.mp4" type="video/mp4">
95                                                                                                                                                                                                                                                                                                                                                                                               </video></p><figure class="header-wrap" style="width:100%;"><figure class="table" style="background-color:transparent;"><table class="header-table" style="font-family:;"><tbody><tr><td class="wrap-logo-title" style="border-top-style:none;border-top-width:0;padding-left:30px;"><div class="logo-hea"><img src="/instance/selangor/resources/user_1/SUK%20Selangor%20-%20File/Header/Jata_Negeri_Selangor_2025.png" alt="logo-suk" width="38" height="56"></div><div class="title-hea"><h1 style="line-height:1;margin:0;"><span style="color:#f3f3f3;font-size:20px;"><strong>Portal Rasmi</strong></span></h1><h4 style="margin:0px!important;"><span style="color:#f3f3f3;font-size:20px;"><span style="line-height:0px;"><strong>KERAJAAN NEGERI SELANGOR</strong></span></span></h4></div></td><td style="border-top-width:0;text-align:right;"><figure class="table" style="background-color:transparent;width:100%;"><table class="lan-search-wrap" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="box-lan" style="border-top-width:0;padding-right:30px;padding-top:20px;"><div class="container-lang"><div class="box-1 bm">BM</div><div class="box-1 en"><a href="/index.php/multilingual/switch_language/EN" splwpk-multilang="splwpk-multilang">EN</a></div></div><div class="time-hea" style="font-size:14px;padding-top:2px;"><div  ><div style='font-family:"Inter", sans-serif;;'><div class="dateTime_header">Jumaat, 2 Oktober 2026 | 18 Rabiul Akhir 1448H | 13:36</div><style>
96.dateTime_header{
97    color: white;}
98</style></div></div></div></td></tr></tbody></table></figure></td></tr></tbody></table></figure></figure><div id="padd"><div class="container-box"><div class="wrap-col-md"><div class="wrap-col-md-group"><div class="col-md-4 col-sm-6 feature text-center"><div class="feature-content one-title cards"><a href="/utama"><img src="/instance/selangor/resources/user_1/SUK%20Selangor%20-%20File/LandingPage/LP/icon-jata-selangor-putih.png" alt="item1" width="500" height="400"></a></div></div><div class="col-md-4 col-sm-6 feature text-center"><div class="feature-content two-title cards"><a href="/pakejdayatahan" target="_blank" rel="noopener noreferrer"><img src="/instance/selangor/resources/user_1/SUK%20Selangor%20-%20File/LandingPage/LP/icon-krisis2026-putih.png" alt="item2" width="500" height="400"></a></div></div><div class="col-md-4 col-sm-6 feature text-center"><div class="feature-content three-title cards"><a href="https://akses.selangor.gov.my" target="_blank" rel="noopener noreferrer"><img src="/instance/selangor/resources/user_1/SUK%20Selangor%20-%20File/LandingPage/icon-iltizam2026-putih.png" alt="item3" width="500" height="400"></a></div></div><div class="col-md-4 col-sm-6 feature text-center">

98<div class="feature-content four-title cards"><a href="/RS2" target="_blank" rel="noopener noreferrer"><img src="/instance/selangor/resources/user_1/SUK%20Selangor%20-%20File/LandingPage/LP/icon-rs2-putih.png" alt="item4" width="500" height="400"></a></div></div><div class="col-md-4 col-sm-6 feature text-center"><div class="feature-content four-title cards"><a href="https://www.selangorsummit.com" target="_blank" rel="noopener noreferrer"><img src="/instance/selangor/resources/user_1/SUK%20Selangor%20-%20File/LandingPage/icon-sibs2026-putih.png" alt="item4" width="500" height="400"></a></div></div></div></div></div></div><p class="transp-spla" style="color:transparent;opacity:0;"><a href="https://www.malaysia.gov.my/en">myGOV</a><a href="/index.php/pages/view/12" target="_blank" splwpk-privacy-policy="splwpk-privacy-policy">Dasar Privasi</a></p><style>
99#background-video-1 {
100  width: 100vw;
101  height: 100vh;
102  object-fit: cover;
103  position: fixed;
104  left: 0;
105  right: 0;
106  top: 0;
107  bottom: 0;
108  z-index: -1;}
109#padd{
110  width: 80%;
111  height: 80vh;
112  opacity: 0.9;
113  position: absolute;
114    bottom: 0;
115    display: flex;

116    align-items: flex-end;
117  left: 11%;}
118.container-lang {
119    display: flex;
120    justify-content: right;
121    gap: 7px;}
122.box-1 {
123    display: flex;
124    align-items: center;
125    justify-content: center;
126    width: 40px;
127    height: 30px;
128    border-radius: 4px;
129    font-size: 14px;
130    font-weight: bold;
131    cursor: pointer;
132    transition: transform 0.2s ease, box-shadow 0.2s ease;}
133.box-1:hover {
134     transform: scale(1.1);
135     box-shadow: 0 4px 12px rgba(0,0,0,0.2);}
136.en a {
137    color: #ea0000;}
138.bm {
139    background-color: #fdb913;
140    color: white;}
141.en {
142    background-color: #f3f3f3;}
143@media (max-width: 500px) {
144      .box-1 {
145        width: 60px;
146        height: 60px;
147        font-size: 16px;}
148}
149.logo-hea {
150  display: table-cell;}
151.title-hea {
152  display: table-cell;
153  position: relative;
154  padding-left: 15px;
155  top: -8px;}
156.header-table {
157  width: 100%;
158  max-width:2000px;
159  margin:0 auto;}
160.lan-search-wrap {
161   width: 100%;}
162.tooltips {
163  position: relative;
164  display: inline-block;}
165.tooltips .tooltipstext {
166  visibility: hidden;
167  width: 120px;
168  background-color: black;
169  color: #fff;
170  text-align: center;
171  border-radius: 6px;
172  padding: 5px 0;
173  position: absolute;
174  z-index: 1;
175  top: 80%;
176  left: 50%;
177  margin-left: -60px;}
178.tooltips .tooltipstext::after {
179  content: "";
180  position: absolute;
181  bottom: 100%;
182  left: 50%;
183  margin-left: -5px;
184  border-width: 5px;
185  border-style: solid;
186  border-color: transparent transparent black transparent;}
187.tooltips:hover .tooltipstext {
188  visibility: visible;}
189@media only screen and (max-width: 768px) {
190[class*='col-'] {
191    padding: 0 !important;
192    margin-top: 0px;
193    margin-bottom: 0px;}
194.transp-spla{
195   display:none;}
196.wrap-logo-title > div {
197    display: block;
198    text-align: center;
199    padding-left: 0;
200    top: 0;}
201.feature-content {
202    width: 95% !important;}
203.cards:hover {
204    transform: scale(1.1) !important;}
205.header-table > tbody > tr > td {
206    display: block;
207    text-align: center !important;
208    padding: 0 20px !important;}
209.container-lang {
210    justify-content: center;}
211.container-box {
212    min-width: unset !important;
213    padding: 0 !important;
214    margin: 0 auto !important;}
215#padd {
216    position: relative;
217    display: block;
218    margin: 0 auto;
219    width: 100%;
220    left: 0;
221    right: 0;}
222}
223#selamat-datang{
224text-align: center;
225color: darkred;}
226#pejabat{
227text-align: center;
228color: darkred;}
229#klik{
230text-align: center;
231padding-top: 50px;
232color: white;}
233.flex-container {
234  display: flex;
235  justify-content: center;
236  /*background-color: DodgerBlue;*/
237  padding-top: 25px;}
238.cards:hover {
239    transition: 1s;
240    transform: scale(1.2);}
241.cards {
242    border-width: 0;
243    transition: all .2s;}
244.feature-content img {
245    width: 100% !important;
246    height: 100% !important;}
247.feature-content {
248    width: 95%;
249    display: inline-block;}
250.container-box {
251    min-width: 520px;
252    max-width: 1900px;
253    margin: 0 auto;
254    position: relative;
255    padding: 0 30px 20px;
256    /*top: -100px;*/
257    /*top: -300px;*/}
258.wrap-col-md {
259    position: relative;
260    border-top-left-radius: 50px;
261    border-top-right-radius: 50px;
262    /*background-color: #ffffff6e;*/
263    z-index: 99;}
264.container-box > div > div {
265    position: relative;
266    margin: 0 20px;
267    left: 0;
268    right: 0;
269    display: flex;}
270.feature {
271    margin: 10px;
272    display: block;
273    transition: all 0.3s ease;}
274.col-md-4 {
275    flex: unset;
276    max-width: unset;
277    padding-left: 0;}
278@media only screen and (max-width: 768px){
279.feature-content {
280    margin: 10px 0;}
281.feature {
282    margin: 0px;}
283.container-box > div > div {
284    padding-top: 20px !important;
285    padding-bottom: 20px !important;}
286.container-box > div > div {
287    display: block;}
288}
289.main-box{
290    background-color: #f1f1f1;
291    width: 20%;
292height: 185px;
293margin: 10px;
294text-align: center;
295line-height: 25px;
296font-size: 18px;
297box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23), 0 0 5px #aaa inset;
298border-radius: 10px;
299}
300.image{
301width: 100%;
302height: 125px !important;
303overflow: hidden;

304padding-top: 10px;
305padding-bottom: 15px;
306}
307.image img {
308	width: 70%;
309	display: block;
310	transition: transform 1.5s;
311	margin-left: 15%;
312}
313.image:hover img{
314  transform:scale(1.2);
315}
316a {
317	color: #007BFF;
318	text-decoration: none;
319	background-color: transparent;
320}
321a:hover {
322	text-decoration: none;
323}
324@media only screen and (min-width: 1900px) {
325    #selamat-datang h2{
326        font-size: 1.5rem;
327    }
328    #pejabat h1{
329        font-size: 1.7rem;
330    }
331}
332@media only screen and (min-width: 1200px) {
333    #selamat-datang h2{
334        font-size: 18px;
335    }
336    #pejabat h1{
337        font-size: 22px;
338    }
339    
340    #klik h4{
341        font-size: 15px;
342    }
343    
344    .flex-container {
345    padding-top: 15px;
346    }
347    
348    #klik{
349    text-align: center;
350    padding-top: 20px;
351    color: white;
352    }
353    
354    .main-box{
355    line-height: 25px;
356    font-size: 18px;
357    height: 150px;
358    }
359    
360    .image {
361    width: 100%;
362    height: 105px !important;
363    padding-top: 5px;
364    padding-bottom: 5px;
365    }
366    
367    .text-icon {
368    font-size: 12px;
369    line-height: 14px;
370    }
371}
372</style></div></div></div>
373</div>
374</div>
375</footer>
376	
377</div>
378</body>
379</html>