PageSourceSearch

https://ebitara.upsi.edu.my/login

html upsi.edu.my collected 2026-09-24 09:22:33 UTC 18,898 bytes, 560 lines download raw bytes

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.