<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0" />
<meta name="description" content="Imperial College Bargarh" />
<meta name="author" content="Imperial College Bargarh" />
<link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/custom-style.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/custom_css.css"/>
<link rel="stylesheet" type="text/css" href="/assets/css/datatable.css"/>
<link rel="stylesheet" type="text/css" href="/assets/css/form-style.css"/>
<link rel="stylesheet" type="text/css" href="/assets/css/font-awesome.min.css"/>
<link rel="shortcut icon" href="/assets/images/static/favicon.png" />
<link rel="stylesheet" type="text/css" href="/assets/css/morphext.css">

<title>Imperial College Bargarh || Login</title>
<style type="text/css">
html, body{background: #fff;}
.form-input{border:none;border-bottom: 1px solid #ccc;border-radius: 0;background: none;height: 40px;}
.form-input:focus{border-bottom: 2px solid #00bcd4;}
.login-btn{background: #00bcd4;border:1px solid #00bcd4;height: 40px;filter: drop-shadow(0px 0px 2px #ccc);border-radius: 4px;font-size: 16px;}
.form-group{margin-bottom: 20px;}
.fullscreen{
	min-height: 100vh;
    max-height: 1000px;
    display: flex !important;
    height: 100%;
    padding: 0;
    position: relative;
    background-image: url(https://sahaj.imperial.edu.in/assets/images/static/home-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%;
    justify-content: center;
    align-items: center;
}
.fullscreen .left-section, .fullscreen .right-section{height: 100%;display: block;}
.fullscreen .left-section{float: left;width: 55%;}
/*.fullscreen .right-section{float: left;width: 45%;display: flex;justify-content: center;align-items: center;
}*/
.fullscreen .right-section{
	background:#fff; 
	width: auto;
	padding:30px 20px; 
	height: auto;
	border-radius: 5px
}
/*.fullscreen .left-section img{width: 100%;height: 100%;}*/
.login-logo-img img{
	max-height: 150px;
	max-height: 150px;
    margin-top: -70px;
    border: 9px solid #35375e6b;
    border-radius: 5px;
}

</style>
</head>
<body>
<div class="fullscreen">
	<!-- <div class="left-section">
		<img src="/assets/images/static/home-banner1.jpg" alt="Imperial Collge Bargarh">
	</div> -->
	<div class="right-section">
		<!--Login Section-->
		<div class="content-sec000">
			<div class="text-center">
				<div class="login-logo-img">
					<img src="https://sahaj.imperial.edu.in/assets/images/12_3.png" alt="Imperial Collge Bargarh">
				</div>
				<p><br/></p>
				<!-- <h2 class="title" style="text-transform: uppercase;">erp login</h2> -->
				<div class="login-form">
					<form action="https://sahaj.imperial.edu.in/validateLogin" class="form" id="loginForm" method="post" accept-charset="utf-8">
												<div class="form-group">
							<input type="text" name="username" id="username" class="form-input" placeholder="Username" value="" autocomplete="off" />
						</div>
						<div class="form-group">
							<input type="password" name="password" id="password" class="form-input" placeholder="Password" autocomplete="off" />
						</div>
						
						<div class="form-group" style="margin-top: 30px">
							<!--<p id="forgot_pass" class="text-center">Forgot password?</p>-->
							<button class="login-btn login-btn-lg" id="login">Login</button>
							<p class="text-center">Don't have an account, <span class="text-pink pointer">Contact to Admin</span></p>
						</div>
					</form>				</div>
				<!--Copyright section-->
				<!--<div class="text-center cpright" style="margin-top: 70px;">
					<p>&copy; - 2026 All Right Reserved with <a href="http://imperial.edu.in" target="__blank">Imperial College Bargarh</a></p>	
				</div>--><!--/Copyright Section-->
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="/assets/js/jquery.js"></script>
<script type="text/javascript" src="/assets/js/datatable.js"></script>
<script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/js/main.js"></script>
<script type="text/javascript" src="/assets/js/morphext.js"></script>
<script type="text/javascript">
$(".home-rotate").Morphext({
      animation: "bounceIn", 
      separator: ",", 
      speed: 4000,
      complete: function () {
         
      }
});
</script>
</body>
</html>
