CINXE.COM
ITS | INSAN
<script type="text/JavaScript"> <!-- function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'"); } //--> </script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" type="image/png" sizes="16x16" href="https://appjpan.sabah.gov.my/ITS/assets/images/favicon.ico"> <title>ITS | INSAN</title> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom Styles --> <style> .navbar { background-color: #004085; /* Custom color for navbar */ } .navbar-brand img { height: 40px; } .footer-text { font-size: 14px; color: #6c757d; /* Footer text color */ } .content { margin: 20px; /* Adjust margin for the page content */ } hr { border: 1px solid #007bff; /* Change the color of the line */ margin: 10px 0; /* Adjust margin for the line */ } .card-title { font-size: 1.20rem; /* Larger title */ color: darkblue; } .card-text { color: #495057; /* Set font color for the card details */ } .pdf-icon { width: 50px; /* Adjust the PDF icon size */ height: 50px; } /* Additional spacing for card margin */ .card { margin-bottom: 20px; /* Space between cards */ } /* Responsive card title and text */ @media (max-width: 576px) { .card-title { font-size: 25px; /* Smaller title for mobile */ } .footer-text { font-size: 12px; /* Smaller footer text */ } .p { font-size: 11px; /* Smaller footer text */ } } @media (max-width: 768px) { .content { margin: 10px; /* Less margin on medium screens */ } .card-title { font-size: 1rem; /* Adjust title size for tablets */ } .p { font-size: 12px; /* Smaller footer text */ } } </style> </head> <body class="bg-light"> <!-- Added Bootstrap's background color class --> <!-- Navbar --> <nav class="navbar navbar-expand-lg navbar-dark"> <div class="container-fluid"> <a class="navbar-brand" href="LamanUtama.asp"> <b class="logo-icon"> <img src="assets/images/sabah.png" alt="homepage" class="dark-logo" /> </b> INSAN <span class="logo-text"> <img src="assets/images/word.png" alt="homepage" class="dark-logo" /> </span> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto"> <li class="nav-item"> <a class="nav-link" href="https://appjpan.sabah.gov.my/INSAN-ITS/login.asp"> <img src="assets/images/users/profile-pic.jpg" alt="user" class="rounded-circle" width="40"> <span class="d-none d-lg-inline-block"> </span> </a> </li> </ul> </div> </div> </nav> <!-- Page Content --> <div class="container mt-4"> <!-- Center the container and added margin-top --> <div class="card"> <div class="card-body text-center"> <h2 class="card-title">IKLAN TAWARAN KURSUS ANJURAN INSAN BAGI TAHUN <b><span style="color:blue;">2025</span></b></h2> <hr> <!-- Horizontal line added here --> </div> <!-- Content Row--> <div class="row gx-4 gx-lg-5 m-2"> <div class="col-12 col-sm-6 col-md-4 mb-4"> <!-- Responsive columns for different screen sizes --> <div class="card h-110"> <!-- Responsive card height --> <button align="center" type="button" class="btn btn-warning"><b class="bi bi-people-fill"><strong><h3>MGT0220 </h3></strong></b><a href="javascript:popUp('Lampiran/709SINOPSIS ENGLISH COMMUNICATION AT WORK PLACE.PDF')"><img src="img/pdf-icon.png" width="50" height="50" border="0" /></a></button> <div class="card-header d-flex justify-content-center align-items-center text-center"> <h3 class="card-title">KURSUS ENGLISH COMMUNICATIONS AT WORKPLACE </h3> </div> <div class="card-body"> <class="card-text mt-4"> <div class="row text-center"> <div class="col-5"> <strong class="small">Tarikh Mula:</strong><br> <p style="background-color:#d4edda; padding: 5px; border-radius: 4px; display: inline-block;"> <b>28/04/2025</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Akhir:</strong><br> <p style="background-color:#cce5ff; padding: 5px; border-radius: 4px; display: inline-block;"> <b>29/04/2025</b> </p> </div> </div> <div class="row text-center"> <div class="col-5"> <strong class="small">Bilangan Peserta:</strong><br> <p style="background-color:#fff3cd; padding: 5px; border-radius: 4px; display: inline-block;"> <b>35</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Tutup:</strong><br> <p style="background-color:#d1ecf1; padding: 5px; border-radius: 4px; display: inline-block;"> <b>21/04/2025</b> </p> </div> </div> <strong>Tempat:</strong><br> <p style="background-color:lightpink; padding: 5px; border-radius: 4px; display: inline-block;"> <b>KOTA KINABALU </b> </p><br> <strong>Kategori Peserta:</strong><br> <p align= "left" style="background-color:skyblue; padding: 5px; border-radius: 4px; display: inline-block;"> <b>GRED 40 DAN KE BAWAH </b> </p><br> </p> </div> <div class="card-footer d-flex justify-content-center align-items-center"> <button align="center" type="button" class="btn btn-success me-4" onclick="location.href='https://appjpan.sabah.gov.my/INSAN-ITS/LoginPemohon.asp?id=709';"><b class="bi bi-people-fill"><strong>MOHON</strong></b></button> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 mb-4"> <!-- Responsive columns for different screen sizes --> <div class="card h-110"> <!-- Responsive card height --> <button align="center" type="button" class="btn btn-warning"><b class="bi bi-people-fill"><strong><h3>ICT0237 </h3></strong></b><a href="javascript:popUp('Lampiran/710SINOPSIS MASTERING LOOKUP FUNCTIONS IN MICROSOFT EXCEL.PDF')"><img src="img/pdf-icon.png" width="50" height="50" border="0" /></a></button> <div class="card-header d-flex justify-content-center align-items-center text-center"> <h3 class="card-title">KURSUS MASTERING LOOKUP FUNCTIONS IN MICROSOFT EXCEL </h3> </div> <div class="card-body"> <class="card-text mt-4"> <div class="row text-center"> <div class="col-5"> <strong class="small">Tarikh Mula:</strong><br> <p style="background-color:#d4edda; padding: 5px; border-radius: 4px; display: inline-block;"> <b>28/04/2025</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Akhir:</strong><br> <p style="background-color:#cce5ff; padding: 5px; border-radius: 4px; display: inline-block;"> <b>29/04/2025</b> </p> </div> </div> <div class="row text-center"> <div class="col-5"> <strong class="small">Bilangan Peserta:</strong><br> <p style="background-color:#fff3cd; padding: 5px; border-radius: 4px; display: inline-block;"> <b>30</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Tutup:</strong><br> <p style="background-color:#d1ecf1; padding: 5px; border-radius: 4px; display: inline-block;"> <b>11/04/2025</b> </p> </div> </div> <strong>Tempat:</strong><br> <p style="background-color:lightpink; padding: 5px; border-radius: 4px; display: inline-block;"> <b>MAKMAL TEKNOLOGI MAKLUMAT INSAN, TINGKAT 1, BLOK B, WISMA MUIS, KOTA KINABALU </b> </p><br> <strong>Kategori Peserta:</strong><br> <p align= "left" style="background-color:skyblue; padding: 5px; border-radius: 4px; display: inline-block;"> <b>GRED 40 DAN KE BAWAH </b> </p><br> </p> </div> <div class="card-footer d-flex justify-content-center align-items-center"> <button align="center" type="button" class="btn btn-success me-4" onclick="location.href='https://appjpan.sabah.gov.my/INSAN-ITS/LoginPemohon.asp?id=710';"><b class="bi bi-people-fill"><strong>MOHON</strong></b></button> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 mb-4"> <!-- Responsive columns for different screen sizes --> <div class="card h-110"> <!-- Responsive card height --> <button align="center" type="button" class="btn btn-warning"><b class="bi bi-people-fill"><strong><h3>ICT0245 </h3></strong></b><a href="javascript:popUp('Lampiran/708SINOPSIS DATA DRIVEN MINDSET.PDF')"><img src="img/pdf-icon.png" width="50" height="50" border="0" /></a></button> <div class="card-header d-flex justify-content-center align-items-center text-center"> <h3 class="card-title">KURSUS DATA-DRIVEN MINDSET </h3> </div> <div class="card-body"> <class="card-text mt-4"> <div class="row text-center"> <div class="col-5"> <strong class="small">Tarikh Mula:</strong><br> <p style="background-color:#d4edda; padding: 5px; border-radius: 4px; display: inline-block;"> <b>23/04/2025</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Akhir:</strong><br> <p style="background-color:#cce5ff; padding: 5px; border-radius: 4px; display: inline-block;"> <b>24/04/2025</b> </p> </div> </div> <div class="row text-center"> <div class="col-5"> <strong class="small">Bilangan Peserta:</strong><br> <p style="background-color:#fff3cd; padding: 5px; border-radius: 4px; display: inline-block;"> <b>30</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Tutup:</strong><br> <p style="background-color:#d1ecf1; padding: 5px; border-radius: 4px; display: inline-block;"> <b>10/04/2025</b> </p> </div> </div> <strong>Tempat:</strong><br> <p style="background-color:lightpink; padding: 5px; border-radius: 4px; display: inline-block;"> <b>MAKMAL TEKNOLOGI MAKLUMAT INSAN, BLOK B, TINGKAT 1, WISMA MUIS </b> </p><br> <strong>Kategori Peserta:</strong><br> <p align= "left" style="background-color:skyblue; padding: 5px; border-radius: 4px; display: inline-block;"> <b>GRED 40 DAN KE BAWAH </b> </p><br> </p> </div> <div class="card-footer d-flex justify-content-center align-items-center"> <button align="center" type="button" class="btn btn-success me-4" onclick="location.href='https://appjpan.sabah.gov.my/INSAN-ITS/LoginPemohon.asp?id=708';"><b class="bi bi-people-fill"><strong>MOHON</strong></b></button> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 mb-4"> <!-- Responsive columns for different screen sizes --> <div class="card h-110"> <!-- Responsive card height --> <button align="center" type="button" class="btn btn-warning"><b class="bi bi-people-fill"><strong><h3>ICT0241 </h3></strong></b><a href="javascript:popUp('Lampiran/707SINOPSIS DESIGN LIKE A PRO USING CANVA.PDF')"><img src="img/pdf-icon.png" width="50" height="50" border="0" /></a></button> <div class="card-header d-flex justify-content-center align-items-center text-center"> <h3 class="card-title">KURSUS DESIGN LIKE A PRO USING CANVA </h3> </div> <div class="card-body"> <class="card-text mt-4"> <div class="row text-center"> <div class="col-5"> <strong class="small">Tarikh Mula:</strong><br> <p style="background-color:#d4edda; padding: 5px; border-radius: 4px; display: inline-block;"> <b>21/04/2025</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Akhir:</strong><br> <p style="background-color:#cce5ff; padding: 5px; border-radius: 4px; display: inline-block;"> <b>22/04/2025</b> </p> </div> </div> <div class="row text-center"> <div class="col-5"> <strong class="small">Bilangan Peserta:</strong><br> <p style="background-color:#fff3cd; padding: 5px; border-radius: 4px; display: inline-block;"> <b>30</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Tutup:</strong><br> <p style="background-color:#d1ecf1; padding: 5px; border-radius: 4px; display: inline-block;"> <b>14/04/2024</b> </p> </div> </div> <strong>Tempat:</strong><br> <p style="background-color:lightpink; padding: 5px; border-radius: 4px; display: inline-block;"> <b>MAKMAL TEKNOLOGI MAKLUMAT INSAN, BLOK B, TINGKAT 1, WISMA MUIS. KOTA KINABALU </b> </p><br> <strong>Kategori Peserta:</strong><br> <p align= "left" style="background-color:skyblue; padding: 5px; border-radius: 4px; display: inline-block;"> <b>GRED 40 DAN KE BAWAH </b> </p><br> </p> </div> <div class="card-footer d-flex justify-content-center align-items-center"> <button align="center" type="button" class="btn btn-success me-4" onclick="location.href='https://appjpan.sabah.gov.my/INSAN-ITS/LoginPemohon.asp?id=707';"><b class="bi bi-people-fill"><strong>MOHON</strong></b></button> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 mb-4"> <!-- Responsive columns for different screen sizes --> <div class="card h-110"> <!-- Responsive card height --> <button align="center" type="button" class="btn btn-warning"><b class="bi bi-people-fill"><strong><h3>MGT0202 </h3></strong></b><a href="javascript:popUp('Lampiran/706SINOPSIS KURSUS PENULISAN SURAT RASMI.PDF')"><img src="img/pdf-icon.png" width="50" height="50" border="0" /></a></button> <div class="card-header d-flex justify-content-center align-items-center text-center"> <h3 class="card-title">KURSUS PENULISAN SURAT RASMI SIRI I </h3> </div> <div class="card-body"> <class="card-text mt-4"> <div class="row text-center"> <div class="col-5"> <strong class="small">Tarikh Mula:</strong><br> <p style="background-color:#d4edda; padding: 5px; border-radius: 4px; display: inline-block;"> <b>16/04/2025</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Akhir:</strong><br> <p style="background-color:#cce5ff; padding: 5px; border-radius: 4px; display: inline-block;"> <b>17/04/2025</b> </p> </div> </div> <div class="row text-center"> <div class="col-5"> <strong class="small">Bilangan Peserta:</strong><br> <p style="background-color:#fff3cd; padding: 5px; border-radius: 4px; display: inline-block;"> <b>35</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Tutup:</strong><br> <p style="background-color:#d1ecf1; padding: 5px; border-radius: 4px; display: inline-block;"> <b>10/04/2025</b> </p> </div> </div> <strong>Tempat:</strong><br> <p style="background-color:lightpink; padding: 5px; border-radius: 4px; display: inline-block;"> <b>BILIK KULIAH INSAN, TINGKAT 8, BLOK A, WISMA MUIS, KOTA KINABALU </b> </p><br> <strong>Kategori Peserta:</strong><br> <p align= "left" style="background-color:skyblue; padding: 5px; border-radius: 4px; display: inline-block;"> <b>GRED 40 DAN KE BAWAH </b> </p><br> </p> </div> <div class="card-footer d-flex justify-content-center align-items-center"> <button align="center" type="button" class="btn btn-success me-4" onclick="location.href='https://appjpan.sabah.gov.my/INSAN-ITS/LoginPemohon.asp?id=706';"><b class="bi bi-people-fill"><strong>MOHON</strong></b></button> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 mb-4"> <!-- Responsive columns for different screen sizes --> <div class="card h-110"> <!-- Responsive card height --> <button align="center" type="button" class="btn btn-warning"><b class="bi bi-people-fill"><strong><h3>ICT0211 </h3></strong></b><a href="javascript:popUp('Lampiran/711SINOPSIS KURSUS FOTOGRAFI.PDF')"><img src="img/pdf-icon.png" width="50" height="50" border="0" /></a></button> <div class="card-header d-flex justify-content-center align-items-center text-center"> <h3 class="card-title">KURSUS FOTOGRAFI - MEMPERKASA DOKUMENTASI & PUBLISITI SEKTOR AWAM </h3> </div> <div class="card-body"> <class="card-text mt-4"> <div class="row text-center"> <div class="col-5"> <strong class="small">Tarikh Mula:</strong><br> <p style="background-color:#d4edda; padding: 5px; border-radius: 4px; display: inline-block;"> <b>14/04/2025</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Akhir:</strong><br> <p style="background-color:#cce5ff; padding: 5px; border-radius: 4px; display: inline-block;"> <b>15/04/2025</b> </p> </div> </div> <div class="row text-center"> <div class="col-5"> <strong class="small">Bilangan Peserta:</strong><br> <p style="background-color:#fff3cd; padding: 5px; border-radius: 4px; display: inline-block;"> <b>30</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Tutup:</strong><br> <p style="background-color:#d1ecf1; padding: 5px; border-radius: 4px; display: inline-block;"> <b>27/03/2025</b> </p> </div> </div> <strong>Tempat:</strong><br> <p style="background-color:lightpink; padding: 5px; border-radius: 4px; display: inline-block;"> <b>SANDAKAN </b> </p><br> <strong>Kategori Peserta:</strong><br> <p align= "left" style="background-color:skyblue; padding: 5px; border-radius: 4px; display: inline-block;"> <b>GRED 40 DAN KE BAWAH </b> </p><br> </p> </div> <div class="card-footer d-flex justify-content-center align-items-center"> <button align="center" type="button" class="btn btn-success me-4" onclick="location.href='https://appjpan.sabah.gov.my/INSAN-ITS/LoginPemohon.asp?id=711';"><b class="bi bi-people-fill"><strong>MOHON</strong></b></button> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 mb-4"> <!-- Responsive columns for different screen sizes --> <div class="card h-110"> <!-- Responsive card height --> <button align="center" type="button" class="btn btn-warning"><b class="bi bi-people-fill"><strong><h3>MGT0203 </h3></strong></b><a href="javascript:popUp('Lampiran/712SINOPSIS Bengkel Pengurusan Mesyuarat dan Penulisan Minit Mesyuarat Siri I.PDF')"><img src="img/pdf-icon.png" width="50" height="50" border="0" /></a></button> <div class="card-header d-flex justify-content-center align-items-center text-center"> <h3 class="card-title">BENGKEL PENGURUSAN MESYUARAT DAN PENULISAN MINIT MESYUARAT SIRI I </h3> </div> <div class="card-body"> <class="card-text mt-4"> <div class="row text-center"> <div class="col-5"> <strong class="small">Tarikh Mula:</strong><br> <p style="background-color:#d4edda; padding: 5px; border-radius: 4px; display: inline-block;"> <b>14/04/2025</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Akhir:</strong><br> <p style="background-color:#cce5ff; padding: 5px; border-radius: 4px; display: inline-block;"> <b>15/04/2025</b> </p> </div> </div> <div class="row text-center"> <div class="col-5"> <strong class="small">Bilangan Peserta:</strong><br> <p style="background-color:#fff3cd; padding: 5px; border-radius: 4px; display: inline-block;"> <b>35</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Tutup:</strong><br> <p style="background-color:#d1ecf1; padding: 5px; border-radius: 4px; display: inline-block;"> <b>04/04/2025</b> </p> </div> </div> <strong>Tempat:</strong><br> <p style="background-color:lightpink; padding: 5px; border-radius: 4px; display: inline-block;"> <b>BILIK KULIAH INSAN, BLOK A, TINGKAT 8, WISMA MUIS, KOTA KINABALU </b> </p><br> <strong>Kategori Peserta:</strong><br> <p align= "left" style="background-color:skyblue; padding: 5px; border-radius: 4px; display: inline-block;"> <b>GRED 40 DAN KE BAWAH </b> </p><br> </p> </div> <div class="card-footer d-flex justify-content-center align-items-center"> <button align="center" type="button" class="btn btn-success me-4" onclick="location.href='https://appjpan.sabah.gov.my/INSAN-ITS/LoginPemohon.asp?id=712';"><b class="bi bi-people-fill"><strong>MOHON</strong></b></button> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 mb-4"> <!-- Responsive columns for different screen sizes --> <div class="card h-110"> <!-- Responsive card height --> <button align="center" type="button" class="btn btn-warning"><b class="bi bi-people-fill"><strong><h3>THK0206 </h3></strong></b><a href="javascript:popUp('Lampiran/717SINOPSIS PROGRAMMING (NLP) - KOMUNIKASI & SENI KEPENGIKUTAN.PDF')"><img src="img/pdf-icon.png" width="50" height="50" border="0" /></a></button> <div class="card-header d-flex justify-content-center align-items-center text-center"> <h3 class="card-title">KURSUS NEURO LINGUISTIC PROGRAMMING (NLP) - KOMUNIKASI & SENI KEPENGIKUTAN </h3> </div> <div class="card-body"> <class="card-text mt-4"> <div class="row text-center"> <div class="col-5"> <strong class="small">Tarikh Mula:</strong><br> <p style="background-color:#d4edda; padding: 5px; border-radius: 4px; display: inline-block;"> <b>14/04/2025</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Akhir:</strong><br> <p style="background-color:#cce5ff; padding: 5px; border-radius: 4px; display: inline-block;"> <b>15/04/2025</b> </p> </div> </div> <div class="row text-center"> <div class="col-5"> <strong class="small">Bilangan Peserta:</strong><br> <p style="background-color:#fff3cd; padding: 5px; border-radius: 4px; display: inline-block;"> <b>30</b> </p> </div> <!-- Divider --> <div class="col-1 d-flex align-items-center justify-content-center"> <div style="border-left: 1px solid #000; height: 100%;"></div> </div> <div class="col-5"> <strong class="small">Tarikh Tutup:</strong><br> <p style="background-color:#d1ecf1; padding: 5px; border-radius: 4px; display: inline-block;"> <b>04/04/2025</b> </p> </div> </div> <strong>Tempat:</strong><br> <p style="background-color:lightpink; padding: 5px; border-radius: 4px; display: inline-block;"> <b>HOTEL 7 SURIA, KOTA KINABALU </b> </p><br> <strong>Kategori Peserta:</strong><br> <p align= "left" style="background-color:skyblue; padding: 5px; border-radius: 4px; display: inline-block;"> <b>GRED 40 DAN KEBAWAH </b> </p><br> </p> </div> <div class="card-footer d-flex justify-content-center align-items-center"> <button align="center" type="button" class="btn btn-success me-4" onclick="location.href='https://appjpan.sabah.gov.my/INSAN-ITS/LoginPemohon.asp?id=717';"><b class="bi bi-people-fill"><strong>MOHON</strong></b></button> </div> </div> </div> </div> </div> </div> <!-- Footer --> <footer class="text-center mt-4"> <span class="footer-text">漏 2022 Hak Cipta Terpelihara Kerajaan Negeri Sabah</span> </footer> <!-- Bootstrap JS --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script> </body> </html> <script LANGUAGE="JavaScript"> <!-- function popUp(whatPage) { popUpWin = window.open(whatPage,'popWin','leftmargin=0, resizeable=yes,location=no,toolbar=no,scrollbars=yes,width=780,height=600'); } //--> </script>