<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="mlogin" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
    <link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
    <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
    <link rel="stylesheet" type="text/css" href="css1/util.css">
	<link rel="stylesheet" type="text/css" href="css1/main.css">

   
</head>
<body>
    <form id="form1" runat="server">
     <div class="limiter">
		<div class="container-login100">
			<div class="wrap-login100">
				<div class="login100-pic js-tilt" data-tilt style="margin-top:18%">
					<img src="images/logo-resized.png" alt="IMG" width="210px" height="51px">
				</div>

				<div class="login100-form validate-form">
					<span class="login100-form-title">
						OrangePay Login
					</span>

					<div class="wrap-input100 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
                         <asp:TextBox ID="txt_uname" runat="server" class="input100" placeholder="User ID"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="rfvUserID" runat="server" ControlToValidate="txt_uname" ValidationGroup="sub" Display="Dynamic" SetFocusOnError="true"></asp:RequiredFieldValidator>
						<%--<input class="input100" type="text" name="email" >--%>
						<span class="focus-input100"></span>
						<span class="symbol-input100">
							<i class="fa fa-user" aria-hidden="true"></i>
						</span>
					</div>

					<div class="wrap-input100 validate-input" data-validate = "Password is required">
						<%--<input class="input100" type="password" name="pass" placeholder="Password">--%>
                        <asp:TextBox ID="txt_pwd" runat="server" class="input100" TextMode="Password" placeholder="Password"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="rfvPassword" runat="server" SetFocusOnError="true" Display="Dynamic"
                                    ControlToValidate="txt_pwd" ValidationGroup="sub"></asp:RequiredFieldValidator>
						<span class="focus-input100"></span>
						<span class="symbol-input100">
							<i class="fa fa-lock" aria-hidden="true"></i>
						</span>
					</div>
					
					<div class="container-login100-form-btn">
                        <asp:Button ID="btn_submit" runat="server" Text="Login" class="login100-form-btn" OnClick="btn_submit_Click" ValidationGroup="sub" />
					</div>

					<div class="text-center p-t-12">
						<span class="txt1">
							Forgot
						</span>
						<a class="txt2" href="#">
							Username / Password?
						</a>
					</div>

					<div class="text-center p-t-136">
						<a class="txt2" href="#">
							Create your Account
							<i class="fa fa-long-arrow-right m-l-5" aria-hidden="true"></i>
						</a>
					</div>
				</div>
                <marquee scrollamount="3" direction="left">
                                            <img src="images/li.gif" />
                                            <asp:Label ID="lblheading" runat="server" Font-Bold="true" Font-Size="Larger" ForeColor="Blue" style="font-family:Trebuchet MS"></asp:Label>
                                            <asp:Label ID="lblmessage" runat="server" ForeColor="Blue" style="font-family:Trebuchet MS"></asp:Label>
                                    </marquee>
			</div>
		</div>
	</div>
    </form>
    <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/tilt/tilt.jquery.min.js"></script>
	<script >
		$('.js-tilt').tilt({
			scale: 1.1
		})
	</script>
<!--===============================================================================================-->
	<script src="js/main.js"></script>
</body>
</html>
