ok

Mini Shell

Direktori : /home2/selectio/www/bharath/e-governance/
Upload File :
Current File : /home2/selectio/www/bharath/e-governance/index.php

<!DOCTYPE html>
<html>   

<head>
<title>BHARATH COLLEGE OF SCIENCE & MANAGEMENT</title>
<link href="https://bharathcollege-egate.in/uploads/school_content/admin_logo/1.png" rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
i:hover {
  background-color: yellow;
  
}

body {
	overflow: hidden;
}
body.content {
	overflow: hidden;
	height: 100%;
	position: absolute;
	top: 0;
	margin-left:180px;
	background:#a9101a;
	text-align: center;
	padding:100px;
}
.splashScreen {
	width: 100%;
 	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	border-bottom: 5px solid #333;
	overflow: hidden;
}
.loadingContainer {
	width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	overflow: hidden;
}
.loadingBox {
	width: 100%;
	height: 100%;
	opacity: 0;
}

</style>

</head>
<body>

<div class="splashBody">
	<div class="splashScreen">
		<div class="loadingContainer">

			<div class="loadingBox">
			    <span style="color:white;font-size:30px"><h style="color:red;font-size:40px">e</h>-Governance</span>
			    <div>
			        <span style="color:white;font-size:15px">powered by e-Gate</span>
			    </div>
			</div>

		</div>
	</div>
</div>


<div class = "content" style="margin-left: -50px;">
        <div>
            <img src="https://bharathcollege-egate.in/uploads/school_content/admin_logo/1.png" /> 
        </div>
        <div>
            <span style="color:white;font-size:40px">BHARATH COLLEGE OF SCIENCE & MANAGEMENT</span>
        </div>
        <div class = "highlight">
            <a href="../site/login" title="Admin">
            <i class="fa fa-user-secret" style="font-size:30px;color:black;padding: 15px;">Admin</i></a>
        </div>
        <div class = "highlight" >
            <a href="../site/login" title="Staff">
            <i class="fa fa-user-circle" style="font-size:30px;color:black;padding: 15px;margin-left: -35px;">Staff</i></a>
        </div>
        <div class = "highlight">
            <a href="../site/userlogin" title="Student">
            <i class="fa fa-users" style="font-size:30px;color:black;padding: 15px;margin-left: 12px;">Student</i></a>
        </div>
    
    </div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>

$('.loadingBox').delay(500).animate({opacity: '1'}, 1000);
$('.splashScreen').delay(4500).animate({top: '-100%'}, 1500);

$('body').delay(5000).queue(function(){
	$('body').addClass("content");
});

</script>

</body>
</html> 

Zerion Mini Shell 1.0