Preview: index.php
Size: 6.28 KB
/home/urbanman/roadkaraja.in/employee/index.php
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<title> Employee Login</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords"
content="" />
<!-- //Meta tag Keywords -->
<link href="http://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap" rel="stylesheet">
<!--/Style-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--//Style-CSS -->
</head>
<body>
<style>
#content-desktop {display: block;}
#content-mobile {display: none;}
@media screen and (max-width: 768px) {#content-desktop {display:none;}
#content-mobile {display: block;}
}
</style>
<style>
* {
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
#w3lDemoBar.w3l-demo-bar {
top: 0;
right: 0;
bottom: 0;
z-index: 9999;
padding: 40px 5px;
padding-top:70px;
margin-bottom: 70px;
background: #0D1326;
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
}
#w3lDemoBar.w3l-demo-bar a {
display: block;
color: #e6ebff;
text-decoration: none;
line-height: 24px;
opacity: .6;
margin-bottom: 20px;
text-align: center;
}
#w3lDemoBar.w3l-demo-bar span.w3l-icon {
display: block;
}
#w3lDemoBar.w3l-demo-bar a:hover {
opacity: 1;
}
#w3lDemoBar.w3l-demo-bar .w3l-icon svg {
color: #e6ebff;
}
#w3lDemoBar.w3l-demo-bar .responsive-icons {
margin-top: 30px;
border-top: 1px solid #41414d;
padding-top: 40px;
}
#w3lDemoBar.w3l-demo-bar .demo-btns {
border-top: 1px solid #41414d;
padding-top: 30px;
}
#w3lDemoBar.w3l-demo-bar .responsive-icons a span.fa {
font-size: 26px;
}
#w3lDemoBar.w3l-demo-bar .no-margin-bottom{
margin-bottom:0;
}
.toggle-right-sidebar span {
background: #0D1326;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color: #e6ebff;
border-radius: 50px;
font-size: 26px;
cursor: pointer;
opacity: .5;
}
.pull-right {
float: right;
position: fixed;
right: 0px;
top: 70px;
width: 90px;
z-index: 99999;
text-align: center;
}
/* ============================================================
RIGHT SIDEBAR SECTION
============================================================ */
#right-sidebar {
width: 90px;
position: fixed;
height: 100%;
z-index: 1000;
right: 0px;
top: 0;
margin-top: 60px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
overflow-y: auto;
}
/* ============================================================
RIGHT SIDEBAR TOGGLE SECTION
============================================================ */
.hide-right-bar-notifications {
margin-right: -300px !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
@media (max-width: 992px) {
#w3lDemoBar.w3l-demo-bar a.desktop-mode{
display: none;
}
}
@media (max-width: 767px) {
#w3lDemoBar.w3l-demo-bar a.tablet-mode{
display: none;
}
}
@media (max-width: 568px) {
#w3lDemoBar.w3l-demo-bar a.mobile-mode{
display: none;
}
#w3lDemoBar.w3l-demo-bar .responsive-icons {
margin-top: 0px;
border-top: none;
padding-top: 0px;
}
#right-sidebar,.pull-right {
width: 90px;
}
#w3lDemoBar.w3l-demo-bar .no-margin-bottom-mobile{
margin-bottom: 0;
}
}
</style>
<div style="margin: 8px auto; display: block; text-align:center;">
<!---728x90--->
</div>
<!-- form section start -->
<section class="w3l-workinghny-form">
<!-- /form -->
<div class="workinghny-form-grid">
<div class="wrapper">
<div class="logo">
<h3><a class="brand-logo" href="#"><span>Employee</span> <br>Road Ka Raja</a></h3><br>
<!-- if logo is image enable this
<a class="brand-logo" href="#index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</a> -->
</div>
<div class="workinghny-block-grid">
<div id="content-desktop">
<center> <img src="img/petrol.png" class="img-responsive" alt="img" style="width:240px;height:300px;"/> <center>
</div>
<div id="content-mobile">
<center> <img src="img/petrol.png" class="img-responsive" alt="img" style="width:160px;height:200px;"/> <center>
</div>
<div class="form-right-inf">
<div class="login-form-content">
<form action="submit-login.php" class="signin-form" method="post" autocomplete="off">
<div class="one-frm">
<label>Mobile Number</label>
<input type="text" name="mobile" onkeypress="return isNumberKey(event)" placeholder="Enter" style="font-size:26px;" required="">
</div>
<div class="one-frm">
<label>Password</label>
<input type="password" name="password" placeholder="Enter" style="font-size:23px;" required="">
</div>
<button type="submit" class="btn btn-style mt-3">Sign In </button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- //form -->
<!-- copyright-->
<!-- //copyright-->
</section>
<!-- //form section start -->
<script>
function isNumberKey(evt) {
var charCode = (evt.which) ? evt.which : event.keyCode;
if (charCode != 46 && charCode > 31
&& (charCode < 48 || charCode > 57))
return false;
return true;
}
</script>
</body>
</html>
Directory Contents
Dirs: 4 × Files: 18