Untitled HTML

<html>
<head>
<meta id="_csrf" name="_csrf" content="496df743-ac28-47ce-b058-36a9e575297a"/>

<meta id="_csrf_header" name="_csrf_header" content="X-CSRF-TOKEN"/>
<META HTTP-EQUIV="REFRESH" CONTENT="csrf_timeout_in_seconds">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="/psapanservices/resources/css/bootstrap.min.css"
rel="stylesheet"></link>
<link href="/psapanservices/resources/css/jquery-ui.1.1.min.css"
<link href="/psapanservices/resources/css/style.css" rel="stylesheet"></link>
<link href="/psapanservices/resources/css/font-awesome.min.css"
<link href="/psapanservices/resources/css/themeTemplateGrey.css"
<link href="/psapanservices/resources/css/homeDashTheme.css"
<link href="/psapanservices/resources/css/timer.css" rel="stylesheet"></link>
<link href="/psapanservices/resources/css/sessionTimer.css"
<link href="/psapanservices/resources/css/jquery.dataTables.min.css"
<link rel="stylesheet"
href="/psapanservices/resources/css/all.min.css">
<link rel="stylesheet" href="/psapanservices/resources/css/adminlte.css">
<link rel="stylesheet" href="/psapanservices/resources/css/bootnavbar.css"/>
<script src="/psapanservices/resources/js/jquery-3.5.1.min.js"></script>
<script src="/psapanservices/resources/js/bootstrap.min.js"></script>
<script src="/psapanservices/resources/js/bootnavbar.js"></script>
<script src="/psapanservices/resources/js/popper.min.js"></script>
<script src="/psapanservices/resources/js/jquery-ui.min.js"></script>
<script src="/psapanservices/resources/js/jquery.steps.js"></script>
<script src="/psapanservices/resources/js/timer.js"></script>
<script src="/psapanservices/resources/js/sessionTimer.js"></script>
<script src="/psapanservices/resources/js/jquery.backDetect.js"></script>
</head>
<body class="hold-transition sidebar-mini layout-fixed">

<div class="wrapper">
<header>

<div class="row bg-lightblue" style="height:108px; padding-top:8px;">

<div class="col-sm-3 text-left align-middle" style="padding-
left:20px;">
<img class="img-responsive"
src="/psapanservices/resources/images/UTIITSL_Logo.png"
alt="Uti logo">
</div>
<div class="col-sm-6 text-center">
<h1 class="display-4" style="padding-top:10px;">PANONLINE
SERVICES</h1>
</div>
<div class="col-sm-3 text-right" >


<a href="https://www.g20.org/en" target="_new">
<img class="img-responsive"
src="/psapanservices/resources/images/g20-logo.jpg" alt="G20 logo" title="G20-
logo">
</a>
</div>
</div>
</header>
<div class="content-wrapper">
<section class="content">
<div class="container-fluid">
<br/>
<style>
input[type=submit] {
background-color: #4CAF50;
color: white;
}
/* .container {
background-color: #f1f1f1;
padding: 20px;
} */
#message {
display: none;
background: #f1f1f1;
color: #000;
position: relative;
padding: 20px;
margin-top: 10px;
}
#message p {
padding: 10px 35px;
font-size: 18px;
}
.valid {
color: green;
left: 25px;
}
.valid:before {
position: relative;
left: 0px;
content: '\2714';
}
.invalid {
color: red;
left: 25px;
}
.invalid:before {
position: relative;
left: 0px;
content: "\2716";
}
</style>
<style>
.countdown-bar {
width: 0;
height: 25px;
border: 1px solid rgb(233, 8, 8);
background-color: rgba(189, 184, 184, 0.788);
border-radius: 3px;
}
</style>
<script type="text/javascript">
function checkForm() {
// alert("");
var msg = "";
if (document.forms[0].verificationCode.value == "") {
msg = msg + "\nEnter 6 digits Verification Code.# ";
}
if (msg != "") {
errorPopup(msg);
return false;
} else {
document.forms[0].action = "validateLogin";
document.forms[0].method = "GET";
document.forms[0].submit();
return true;
}
}
function logoutAction() {
document.forms[0].action =
"/psapanservices/forms/login.html/logoutPsa";
document.forms[0].method = "GET";
document.forms[0].submit();
}
</script>
<script>
/* $(function() {
$("#passFlag").val('Y');
}); */
$(document).ready(function() {
headerLabel('LOGIN VERIFICATION');
});
function setLogout() {
ConfirmDialog('Time out. Please try again.');
}
</script>
<div class="card card-light w-50 mx-auto">

<form id="loginForm" action="/psapanservices/forms/login.html/loginDetails"
method="post">
<div class="card-body">
<div class="row justify-content-center">
<div class="form-group">
<div class="countdown-bar" id="countdownB">
<div style="color: red; font-weight:
bold;">Time Remaining.</div>
</div>
</div>
</div>
<div class="col-sm-6">
<label>User-Id <span
class="text-danger">*</span></label> <input
type="text" class="form-control"
value="SITAAAD-SITARA2006" name="userId"
readonly style="border: 0px none;" />
</div>
</div>
<div class="col-sm-6" id="verCodeTab">
<label>Verification Code <span class="text-
danger">*</span></label>
<input type="text" class="form-control"
placeholder="Enter verification code"
maxlength="6" size="25"
name="verificationCode" id="verificationCode"
value="" />
</div>
</div>
<input type="hidden" id="timeOut" value="10:00" />

</div>
<div class="card-footer">
<button class="btn btn-success m-1" type="button"

id="Validate"
value="SUBMIT" onclick="return checkForm();"
tabindex="3">
<i class="fa fa-paper-plane" aria-hidden="true"></i>
SUBMIT
</button>
</div>
</div>
<div>
<input type="hidden" name="_csrf" value="496df743-ac28-47ce-b058-36a9e575297a" />
</div></form>
</div>
<div class="card card-light">

<div class="card-body">
<blockquote class="blockquote text-center">
<p class="mb-0 display-4">No Record Found......!</p>
</blockquote>
</div>
</div>
$(document).ready(
function() {
var timeOut = $("#timeOut").val();
var time;
if (timeOut != '') {
time = timeOut.split(":");
countdown('countdownB', 0, 0, parseInt(time[0]),
parseInt(time[1]));
}
});
</script>
</html>
</div>
</section>
<script src="/psapanservices/resources/js/fieldValidation.js"></script>
<script>
$(document).ready(function(){
var errorMesg="";
var errorMesgSession="";
if(errorMesg !=null && errorMesg != "" && errorMesg!="null"){
errorPopup(errorMesg);
}
if(errorMesgSession !=null && errorMesgSession != "" && errorMesgSession!
="null"){
errorPopup(errorMesgSession);
}
var successMesg="OTP has been sent on your registered email id :
san*******995@gmail.com.# It is valid for 10 minutes. Please do not share OTP with
anyone.#";
if(successMesg !=null && successMesg != "" && successMesg!="null"){
successPopup(successMesg);
}
var getInvoiceNo="";
if(getInvoiceNo !=null && getInvoiceNo != "" &&
getInvoiceNo!="null"){//alert("getInvoiceNo:"+getInvoiceNo);
viewInvoice(getInvoiceNo);
}
});
/* function validateEmail(elem){//alert(elem.value);
var emailExp =/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|
(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)
+[a-zA-Z]{2,}))$/igm;
if(elem.value!='' && elem.value!=undefined){
if(emailExp.test(elem.value)==false){
alert("Please Enter valid email Id.");
elem.value = "";
elem.focus();
return false;
}
}
} */
</script>
<input type="hidden" id="multiUser" name="multiUser"

value="" />
<input type="hidden" id="loginUserType" name="loginUserType"
value=""/>
<input type="hidden" id="isBranch" name="isBranch"
value=""/>
<input type="hidden" id="userType" name="userType"
value=""/>
<input type="hidden" id="loginUserId" name="loginUserId"
value=""/>
<input type="hidden" id="entityCd" name="entityCd"
value=""/>
<div id="errorDialog">
<p id="errorDialogText"></p>
</div>
<div id="dashDialog">
<p id="dashDialogText"></p>
</div>
</div>
<head>
<style type="text/css">
.bottom {
position: relative;
bottom: 0;
left: 0;
padding-top:43px;
}
.blink1 {
animation: blink 1s steps(1, end) infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.blink {
text-shadow: -2px 2px 0 #FFF,
2px 2px 0 #FFF,
2px -2px 0 #FFF,
-2px -2px 0 #FFF;
background:#EEE;
font-family:sans-serif;
color:#DC143C;
Font-weight:900;
font-size:18px;
margin-left:10px;
-webkit-animation: blink 1.5s step-end infinite;
animation: blink 1.5s step-end infinite;
}
</style>
</head>
<footer class="main-footer bg-lightblue">


<div class="row ">

<div class="col-sm-8 text-right foot-text bottom">
Copyright © 2021 Designed & Developed by : UTIITSL. All rights reserved.
</div>
<div class="col-sm-4 text-right bottom">
<style type="text/css">
.back{
/*background:#202020;*/
font:bold 12px Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#000;
}
.clock {margin:0 auto; padding:0px; border:1px solid #333; color:#000;font-

size:3px;font-family:sans-serif;height:57px; }
#Date { font-family:sans-serif, Arial, Helvetica, sans-serif; font-size:14px; text-

align:right; text-shadow:0 0 5px #00c6ff; }
.abc ul { margin:0 auto; padding:0px; list-style:none; text-align:right; }

.abc ul li { display:inline; font-size:14px; text-align:center; font-family:sans-
serif, Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; }
#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-

animation:mymove 1s ease infinite; padding-left:2px; padding-right:2px; }
@-webkit-keyframes mymove
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
}
@-moz-keyframes mymove
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
}
</style>
$(document).ready(function() {
// Create two variable with the names of the months and days in an array
//var monthNames = [ "January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December" ];
//var dayNames=
["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]
var monthNames = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep",
"Oct", "Nov", "Dec" ];
var dayNames= ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]
// Create a newDate() object

var newDate = new Date();
// Extract the current date from Date object
newDate.setDate(newDate.getDate());
// Output the day, date, month and year
$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' +
monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());
setInterval( function() {
// Create a newDate() object and extract the seconds of the current time on
the visitor's
var seconds = new Date().getSeconds();
// Add a leading zero to seconds value
$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
},1000);
// Create a newDate() object and extract the minutes of the current time on
the visitor's
var minutes = new Date().getMinutes();
// Add a leading zero to the minutes value
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
},1000);
// Create a newDate() object and extract the hours of the current time on the
visitor's
var hours = new Date().getHours();
// Add a leading zero to the hours value
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
}, 1000);
});
</script>
<div class="clock back" style="border:0px;margin-bottom:-10px;">

<div class="abc">
<ul>
<li id="hours"></li><li id="point">:</li><li id="min"></li><li id="point">:</li><li
id="sec"></li> <li
id="Date"></li>
</ul>
</div>

</div>
</div>
</div>
</footer>
</div>
</body>
</html>
http://

Untitled HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Untitled HTML

Uploaded by

Copyright:

Available Formats

<html>

<meta id="_csrf" name="_csrf" content="496df743-ac28-47ce-b058-36a9e575297a"/>

<body class="hold-transition sidebar-mini layout-fixed">

<div class="row bg-lightblue" style="height:108px; padding-top:8px;">

<div class="col-sm-3 text-right" >

<div class="card card-light w-50 mx-auto">

<input type="hidden" id="timeOut" value="10:00" />

<button class="btn btn-success m-1" type="button"

<div class="card card-light">

<input type="hidden" id="multiUser" name="multiUser"

<footer class="main-footer bg-lightblue">

<div class="row ">

.clock {margin:0 auto; padding:0px; border:1px solid #333; color:#000;font-

#Date { font-family:sans-serif, Arial, Helvetica, sans-serif; font-size:14px; text-

.abc ul { margin:0 auto; padding:0px; list-style:none; text-align:right; }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-

// Create a newDate() object

<div class="clock back" style="border:0px;margin-bottom:-10px;">

You might also like