1<!DOCTYPE html> 2<html lang="en-us"> 3 <head> 4 <meta charset="utf-8"> 5 <title> 6 MyUPSI Student 7 </title> 8 <meta name="description" content="Page Titile"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui"> 11 <!-- Call App Mode on ios devices --> 12 <meta name="apple-mobile-web-app-capable" content="yes" /> 13 <!-- Remove Tap Highlight on Windows Phone IE --> 14 <meta name="msapplication-tap-highlight" content="no"> 15 <!-- base css --> 16 <link rel="stylesheet" media="screen, print" href="https://ebitara.upsi.edu.my/smartadmin/dist/css/vendors.bundle.css"> 17 <link rel="stylesheet" media="screen, print" href="https://ebitara.upsi.edu.my/smartadmin/dist/css/app.bundle.css"> 18 <link rel="stylesheet" type="text/css" media="screen" href="https://ebitara.upsi.edu.my/asset/font-awesome-4.7.0/css/font-awesome.min.css"> 19 20 21 22 <!-- Place favicon.ico in the root directory --> 23 <link rel="apple-touch-icon" sizes="180x180" href="https://ebitara.upsi.edu.my/smartadmin/dist/img/favicon/apple-touch-icon.png"> 24 <link rel="icon" type="image/png" sizes="32x32" href="https://ebitara.upsi.edu.my/smartadmin/dist/img/favicon/favicon-32x32.png"> 25 <link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5"> 26 <link rel="stylesheet" media="screen, print" href="https://ebitara.upsi.edu.my/smartadmin/dist/css/miscellaneous/fullcalendar/fullcalendar.bundle.css"> 27 <!--<link rel="stylesheet" media="screen, print" href="css/your_styles.css">--> 28 29 <link rel="stylesheet" media="screen, print" href="https://ebitara.upsi.edu.my/smartadmin/dist/css/datagrid/datatables/datatables.bundle.css"> 30 <link rel="stylesheet" media="screen, print" href="https://ebitara.upsi.edu.my/smartadmin/dist/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css"> 31 <link rel="stylesheet" media="screen, print" href="https://ebitara.upsi.edu.my/smartadmin/dist/css/formplugins/select2/select2.bundle.css"> 32 33 <!-- fara test 34 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 35
35<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
35 36
36<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
36 37
37<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
37 38 <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet"> 39
39<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
39 40end fara test--> 41 42 43 44 </head> 45 46
46<script src="https://ebitara.upsi.edu.my/smartadmin/dist/js/vendors.bundle.js"></script>
46 47 48
48<script src="https://ebitara.upsi.edu.my/smartadmin/dist/js/datagrid/datatables/datatables.bundle.js"></script>
48 49 50
50<script src="https://ebitara.upsi.edu.my/smartadmin/dist/js/formplugins/bootstrap-datepicker/bootstrap-datepicker.js"></script>
50 51
51<script src="https://ebitara.upsi.edu.my/smartadmin/dist/js/formplugins/select2/select2.bundle.js"></script>
51 52 53 <!-- IMPORTANT: APP CONFIG --> 54
54<script src="https://ebitara.upsi.edu.my/asset/smartadmin/js/app.config.js"></script>
54 55 56 <!-- CUSTOM NOTIFICATION --> 57
57<script src="https://ebitara.upsi.edu.my/asset/smartadmin/js/notification/SmartNotification.min.js"></script>
57 58 59 <!-- Vue.js--> 60
60<script src="https://ebitara.upsi.edu.my/asset/vue/vue.js"></script>
60 61 62 <!-- Vuex.js--> 63
63<script src="https://ebitara.upsi.edu.my/asset/vue/vuex.js"></script>
63 64 65 <!-- Vue Select --> 66 <link rel="stylesheet" type="text/css" media="screen" href="https://ebitara.upsi.edu.my/asset/vue/vue-select.css"> 67
67<script src="https://ebitara.upsi.edu.my/asset/vue/vue-select.js"></script>
67 68 69 <!-- Jquery Confirm--> 70 <link rel="stylesheet" href="https://ebitara.upsi.edu.my/asset/jquery-confirm-v3.3.4/jquery-confirm.min.css"> 71 72 <!-- Jquery Confirm--> 73
73<script src="https://ebitara.upsi.edu.my/asset/jquery-confirm-v3.3.4/jquery-confirm.min.js"></script>
73 74 75 <!-- Custom Script.js--> 76
76<script src="https://ebitara.upsi.edu.my/asset/custom_script/myscript.js"></script>
76 77 78 <body class=""> 79 <style> 80 .header-container{ 81 position:absolute; 82 z-index:2; 83 width:100%; 84 height:49px; 85 background-color:#f3f3f3; 86 box-shadow:5px 3px 5px #888; 87 } 88 .header-title{ 89 margin-top:5px; 90 font-weight:bold; 91 font-size:x-large; 92 } 93 .header-logo-left{position:absolute;left:30px;top:2px;} 94 .header-logo-right{position:absolute;right:30px;top:2px;} 95 96 .login-container{ 97 min-height:100vh; 98 position:absolute; 99 top:0; 100 width:100%; 101 background:url('https://ebitara.upsi.edu.my/asset/images/pintu_gerbang_upsi.jpg') no-repeat center bottom; 102 background-size:cover; 103 } 104 105 /* ===== WRAPPER BARU ===== */ 106 .login-wrapper{ 107 display:flex; 108 align-items:flex-start; 109 } 110 111 .login-box{ 112 width:300px; 113 box-shadow:0 10px 18px #888; 114 border-radius:5px; 115 opacity:0.9; 116 margin-top:80px; 117 margin-left:100px; 118 background:#fff; 119 } 120 121 /* ===== INFO PANEL ===== */ 122 .info-container{ 123 margin-top:80px; 124 margin-left:30px; 125 width:55%; 126 max-width:800px; 127 } 128 129 .info-container .card{ 130 max-height: 90vh; /* ikut tinggi screen */ 131 overflow-y: auto; /* aktifkan scroll menegak */ 132 } 133 134 .info-container .card::-webkit-scrollbar {
135 width: 6px; 136 } 137 138 .info-container .card::-webkit-scrollbar-thumb { 139 background: rgba(0,0,0,0.3); 140 border-radius: 10px; 141 } 142 143 .info-container .card::-webkit-scrollbar-track { 144 background: transparent; 145 } 146 147 .info-panel{ 148 box-shadow:0 15px 35px rgba(0,0,0,0.2); 149 border-radius:10px; 150 background:#fff; 151 } 152 153 .programme-images{ 154 display:flex; 155 gap:15px; /* jarak antara gambar */ 156 justify-content: center; 157 } 158 159 .programme-images img{ 160 width:75%; 161 height:auto; 162 } 163 164 .info-card{ 165 border-radius:10px; 166 padding:20px; 167 padding-bottom: 30px; 168 } 169 170 .info-title{ 171 font-weight:600; 172 margin-bottom:5px; 173 } 174 175 .info-date{ 176 color:#6c757d; 177 margin-bottom:15px; 178 } 179 180 .info-desc{ 181 margin-bottom:15px; 182 line-height:1.6; 183 } 184 185 .programme-images{ 186 display:flex; 187 gap:15px; 188 margin-top:10px; 189 } 190 191 .programme-images img{ 192 width:50%; 193 height:auto; 194 border-radius:8px; 195 box-shadow:0 5px 15px rgba(0,0,0,0.15); 196 } 197 198 @media(max-width:992px){ 199 .login-wrapper{display:block;} 200 .login-box{margin:auto;margin-top:80px;} 201 .info-container{width:90%;margin:20px auto;} 202 .programme-images{flex-direction:column;} 203 .programme-images img{width:100%;} 204 } 205 206 html::-webkit-scrollbar{display:none;} 207 208 .custom-btn { 209 width: 160px; 210 font-size: 14px; 211 border-radius: 25px; 212 background-color: #e31e24; /* Chili Red Base */ 213 color: white; 214 border: none; 215 box-shadow: 0 4px 10px rgba(227, 30, 36, 0.5); 216 animation: pulse 1.5s infinite; 217 transition: all 0.3s ease; 218} 219 220/* Efek pulse menggunakan warna merah cili */ 221@keyframes pulse { 222 0% { 223 transform: scale(1); 224 box-shadow: 0 0 0 0 rgba(227, 30, 36, 0.7); 225 } 226 70% { 227 transform: scale(1.05); 228 box-shadow: 0 0 0 10px rgba(227, 30, 36, 0); 229 } 230 100% { 231 transform: scale(1); 232 } 233} 234 235/* Hover effect - merah lebih gelap sedikit */ 236.custom-btn:hover { 237 background-color: #c41212; 238 transform: scale(1.08); 239 color: white; 240} 241 242.bombastic-text{ 243 font-size:18px; 244 background: linear-gradient(45deg,#020024, #090979, #003366, #00d4ff); 245 background-size:400%; 246 -webkit-background-clip:text; 247 -webkit-text-fill-color:transparent; 248 animation: glowmove 3s linear infinite, blink 1.2s infinite; 249 text-shadow: 0 0 10px rgba(128, 128, 128, 0.8); 250} 251 252@keyframes glowmove{ 253 0%{background-position:0%} 254 100%{background-position:400%} 255} 256 257@keyframes blink{ 258 0%,100%{opacity:1;} 259 50%{opacity:0.6;} 260} 261 262/* Typing Title*/ 263.header-title{ 264 font-size:28px; 265 font-weight:bold; 266} 267 268.typing-text{ 269 overflow: hidden; 270 border-right: 3px solid orange; /* cursor effect */ 271 white-space: nowrap; 272 display: inline-block; 273 animation: typing 4s steps(40, end), blink-caret .8s step-end infinite; 274} 275 276/* typing animation */ 277@keyframes typing { 278 from { width: 0 } 279 to { width: 100% } 280} 281 282/* cursor blink */ 283@keyframes blink-caret { 284 from, to { border-color: transparent } 285 50% { border-color: orange } 286} 287 288</style> 289 290<!-- ================= HEADER ================= --> 291<div class="header-container text-center"> 292 <!-- <div class="header-logo-left"> 293 <img src="https://ebitara.upsi.edu.my/asset/images/logo_upsi.png" height=""> 294 </div> --> 295 <div class="header-title"> 296 eBITARA <span class="typing-text"> MyUPSI Online Admission Application</span> 297 </div> 298 <!-- <div class="header-logo-right"> 299 <img src="https://ebitara.upsi.edu.my/asset/images/logo_uims.png" height="45"> 300 </div> --> 301</div> 302 303<!-- ================= BODY ================= --> 304<div class="login-container"> 305<div class="login-wrapper"> 306 307 <!-- ============ LOGIN BOX (KEKAL) ============ --> 308 <div class="panel panel-default login-box"> 309 <div class="card p-4 rounded-plus bg-faded"> 310 311 <div class="header-logo-center" style="display: flex; justify-content: center; align-items: center; width: 100%; padding: 20px 0;"> 312 <img src="https://unistudent.upsi.edu.my/asset/landing-portal/assets/Images/universiti-pendidikan-sultan-idris-small.webp" height="100" style="image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; filter: contrast(1.1) brightness(1.05);"> 313 </div> 314 315 <h4 class="text-center"><b>Applicant Login</b></h4> 316 <!-- <div class="login-box-title text-center">Student</div> --> 317 318 <form method="post" action="https://ebitara.upsi.edu.my/auth/verify/" id="login-form"> 319 320 <div class="form-group"> 321 <div class="input-group">
322 <span class="input-group-text"><i class="fal fa-user"></i></span> 323 <input class="form-control" name="username" placeholder="NRIC / Passport"> 324 </div> 325 </div> 326 <div class="form-group"> 327 <div class="input-group"> 328 <span class="input-group-text"><i class="fal fa-key"></i></span> 329 <input class="form-control" type="password" name="password" placeholder="Password"> 330 </div> 331 </div> 332 333 <!-- <div class="text-center mt-3"> --> 334 <button type="button" class="btn btn-success btn-block" onclick="check()" style="font-weight: bold; border: 1px solid #808080;">Sign In</button> 335 <!-- </div> --> 336 </form> 337 <div class="text-center"> 338 <small>Don't have an account?</small> 339 </div> 340 341 <button class="btn btn-primary btn-block" id="fistTimeLogin"> 342 <i class="fa fa-user-plus"></i> <b>Create an Account</b> 343 </button> 344 345 <button class="btn btn-danger btn-block" id="forgotPassword" style="margin-top:10px;"> 346 <i class="fa fa-key"></i> Forgot Password 347 </button> 348 349 <a href="https://bhea.upsi.edu.my/wp-content/uploads/2026/06/user_manual_admission_ebitara_2026_v1.pdf" 350 target="_blank" 351 class="btn btn-warning btn-block" 352 style="margin-top:10px;"> 353 <i class="fa fa-book"></i> User Manual 354 </a> 355 356 <div class="text-center mt-2"> 357 <small>Need help? â +6054507047 / 7048 358 <br> 359 <small>Monday - Friday (8:00 AM - 1.00 PM, 2.00PM - 5:00 PM)</small> 360 <br> 361 <small>Saturday, Sunday & Public Holiday (Closed)</small> 362 <br> 363 <br> 364 ð§ [email protected] 365 </small> 366 </div> 367 368 </div> 369 </div> 370 371 <!-- ============ INFO PANEL KANAN ============ --> 372 <div class="info-container"> 373 <div class="panel info-panel"> 374 <div class="card p-10 rounded-plus bg-faded"> 375 376 <div class="alert alert-primary"> 377 378 <div class="mb-2"> 379<marquee behavior="scroll" direction="left" scrollamount="6"> 380 <h6 class="mb-1 bombastic-text"> 381 <strong>ð Start your journey with us! </strong> 382 <br> 383 <strong>ð International Applicants â Apply Now & Get Your Conditional Offer Letter. </strong> 384 </h6> 385</marquee> 386</div> 387 <div class="mb-3 text-center"> 388 <button class="btn btn-danger btn-sm custom-btn" id="col"> 389 <b style="color: white;">Apply Now</b> 390 </button> 391</div> 392 393<!-- bahagian announcement di table undergrad_info ui_type = 1 --> 394 <div class="alert alert-primary"> 395 396 <h6 class="mb-1"><strong>Direct Entry Pathway (Undergraduate)</strong></h6> 397 <div class="text-muted mb-2"> 398 <small>23 Jun 2026</small> 399 </div> 400 <div class="mb-3"> 401 Prospective students can secure admission through our direct entry pathway, which features alternative routes such as the BITARA and Special Channels, Academic Partnership Programs, and dedicated international admission channels. </div> 402 <div class="programme-images"> 403 <img src="https://kemasukan.upsi.edu.my/wp-content/uploads/2026/09/POSTER-HEBAHAN-2026-11.jpg" alt="Programme"> 404 </div> 405 <br> 406 <div class="border-top my-3"></div> 407 </div> 408 <br> 409<!-- bahagian button perlu isi maklumat ui_title n ui_poster_link1 dan type = 3 di table undergrad_info --> 410 <div class="text-center"> 411 <a href="https://kemasukan.upsi.edu.my/wp-content/uploads/2026/07/SYARAT-DIPLOMA.pdf" class="btn btn-danger custom-btn" target="_blank" rel="noopener noreferrer"> 412 Admission Requirement </a> 413 <a href="https://kemasukan.upsi.edu.my/wp-content/uploads/2026/09/Undergraduate-process-3.jpg" class="btn btn-danger custom-btn" target="_blank" rel="noopener noreferrer"> 414 How To Apply </a> 415 </div> 416 </div> 417 418</div> 419</div> 420 421 </div> 422 </div> 423 </div> 424// 425</div> 426</div> 427 428<!-- ================= MODAL (KEKAL) ================= --> 429<!-- <div class="modal login" tabindex="-1"> 430 <div class="modal-dialog modal-xl modal-dialog-centered"> 431 <div class="modal-content"> 432 <div class="login-content"></div> 433 </div> 434 </div> 435</div> --> 436 437<!-- ================= JS ================= -->
438<script> 439$('#fistTimeLogin').click(function(){ 440 $.post('https://ebitara.upsi.edu.my/auth/createAccount',function(res){ 441 $('.login').modal('show'); 442 $('.login-content').html(res); 443 }); 444}); 445 446$('#forgotPassword').click(function(){ 447 $.post('https://ebitara.upsi.edu.my/auth/forgotPassword',function(res){ 448 $('.login').modal('show'); 449 $('.login-content').html(res); 450 }); 451}); 452 453$('#col').click(function(){ 454 $.post('https://ebitara.upsi.edu.my/auth/conditionalOfferLetter',function(res){ 455 $('.login').modal('show'); 456 $('.login-content').html(res); 457 }); 458}); 459 460$('#col2').click(function(){ 461 $.post('https://ebitara.upsi.edu.my/auth/test',function(res){ 462 console.log(res); 463 }); 464}); 465 466$("#username").on('keypress',function (event){ 467 if (event.keyCode == 13) { 468 event.preventDefault(); 469 $("#enterdisable-notify").show(); 470 } 471 }); 472 473 $("#password").on('keypress',function (event){ 474 if (event.keyCode == 13) { 475 event.preventDefault(); 476 $("#enterdisable-notify").show(); 477 } 478 }); 479 480 $("#caplock-notify").hide(); 481 482 $('input[type="password"').keypress(function(e) { 483 var s = String.fromCharCode( e.which ); 484 if ( s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey ) { 485 //alert('caps is on'); 486 //return false; 487 $("#caplock-notify").show(); 488 }else{ 489 $("#caplock-notify").hide(); 490 } 491 }); 492 493 var error_login = ''; 494 if(!error_login){ 495 error_login = ''; 496 } 497 if(error_login){ 498 $(function() { 499 $.alert({ 500 title: 'Login Unsuccessful', 501 content: error_login, 502 type:'red' 503 }); 504 }); 505 } 506 507 508 509 function check() { 510 var user = $('#username').val(); 511 var pass = $('#password').val(); 512 513 if (pass!="" || user!="") 514 { 515 show_loading(); 516 $('#login-form').submit(); 517 }else{ 518 show_loading(); 519 } 520 } 521</script>
521 522<!-- register relay79 --></body> 523 524
524<script src="https://ebitara.upsi.edu.my/smartadmin/dist/js/app.bundle.js"></script>
524 525 526 <!-- Custom Style.js--> 527 <link rel="stylesheet" href="https://ebitara.upsi.edu.my/asset/custom_script/mystyle.css?>"> 528 529 <!-- SELECTIZE --> 530 <link rel="stylesheet" href="https://ebitara.upsi.edu.my/asset/selectize.js-master/dist/css/selectize.bootstrap3.css"> 531 532 <!-- SELECTIZE --> 533
533<script src="https://ebitara.upsi.edu.my/asset/selectize.js-master/dist/js/standalone/selectize.min.js"></script>
533 534 535 <!-- DATERANGEPICKER START --> 536
536<script type="text/javascript" src="https://ebitara.upsi.edu.my/asset/daterangepicker-master/moment.min.js"></script>
536 537
537<script type="text/javascript" src="https://ebitara.upsi.edu.my/asset/daterangepicker-master/daterangepicker.js"></script>
537 538 <link rel="stylesheet" type="text/css" href="https://ebitara.upsi.edu.my/asset/daterangepicker-master/daterangepicker.css" /> 539 <!-- DATERANGEPICKER END --> 540 541 542 </body> 543 <div class="modal fade default-example-modal-right-lg login" id="login" tabindex="-1" role="dialog" style="display: none;" aria-hidden="true"> 544 <div class="modal-dialog modal-dialog-right modal-lg"> 545 <div class="modal-content login-content"> 546 </div> 547 </div> 548 </div> 549 550
550<script> 551 function alert_required(){ 552 $.alert({ 553 title: 'Info!', 554 content: "<b>ERROR</b>: Please fill in all required field(s)*. Save after filling up each transaction", 555 type: 'red' 556 }); 557 } 558 </script>
558 559 560</html>
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.