<!doctype html>
<html lang="en">
  <head>
  	<title>NAPSTER Server - Login</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta content="@NAPSTER Server @NapsterServer" name="By AD" />
    <meta content="@NAPSTER Server" name="By AD" />
    <link rel="icon" href="assets/img/logo/favicon.png" sizes="32x32">
	<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap" rel="stylesheet">
    <link href="assets/css/apple/style.min.css" rel="stylesheet" />
	<link href="assets/css/apple/style-responsive.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
	<link href="assets/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet" />
    <link href="assets/css/tw2factor.css" rel="stylesheet" />
	<link href="assets/plugins/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
	<link href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" rel="stylesheet" />
	<link href="assets/plugins/animate/animate.min.css" rel="stylesheet" />
	<link href="assets/css/apple/style.min.css" rel="stylesheet" />
	<link href="assets/css/apple/style-responsive.min.css" rel="stylesheet" />
	<link href="assets/css/apple/theme/default.css" rel="stylesheet" id="theme" />
	<script src="assets/plugins/pace/pace.min.js"></script>
	
	<link rel="stylesheet" href="css/style.css">

<style>
        #footer {
            position: fixed;
            padding: 10px 10px 0px 10px;
            bottom: 0;
            width: 100%;
            /* Height of the footer*/ 
            height: 40px;
            color: white;
        }
    </style>


	</head>
	<body class="img js-fullheight" style="background-image: url(images/1105586.jpg);">
	<section class="ftco-section">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-md-6 text-center mb-5">
					<h2 class="heading-section">NAPSTER Server</h2>
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col-md-6 col-lg-4">
					<div class="login-wrap p-0">
		      	  	                <div class="login-header" style="text-align:center;margin-top: -50px;" >
                    <h3 class="mb-4 text-center">Have an account ?</h3>
                </div>
                <div class="login-content">

                    
                    

                    

                    
                    
                    		      	<form action="php/login.php" method="post" class="signin-form">
		      		<div class="form-group">
		      			<input name="email" type="email" class="form-control" placeholder="Email" value=""  required autofocus/>
		      		</div>
	            <div class="form-group">
	              <input name="password" type="password" class="form-control" placeholder="Password"   required />
	              <!-- <span toggle="#password-field" class="fa fa-fw fa-eye field-icon toggle-password"></span> -->
	            </div>
	            <div class="form-group">
	            	<button type="submit" class="form-control btn btn-primary submit px-3"><p class="chat">Sign In</p></button>
	            </div>
	            <div class="form-group d-md-flex">
	            	<div class="w-50">
		            	<!-- <label class="checkbox-wrap checkbox-primary">Remember Me
									  <input type="checkbox" checked>
									  <span class="checkmark"></span>
									</label> -->
									<a href="https://t.me/NapsterServerChannel" target="_blank" class="chat">Telegram Channel</a>
								</div>
								<div class="w-50 text-md-right">
									<a href="https://t.me/NapsterServerBot" target="_blank" class="chat">Telegram Bot</a>
								</div>
	            </div>
	          </form>
	          <p class="w-100 text-center">&mdash; Or Create your account &mdash;</p>
	          <div class="social d-flex text-center">
	          	<a href="https://t.me/NapsterServer" target="_blank" class="form-control btn btn-primary submit px-3"><font color="blue">Contact Admin</font></a>
	          </div>
		      </div>
		      
	                          
	          
				</div>
			</div>
		</div>
	</section>
	<script src="js/jquery.min.js"></script>
  <script src="js/popper.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/main.js"></script>
  	<script src="assets/plugins/jquery/jquery-3.3.1.min.js"></script>
	<script src="assets/plugins/jquery-ui/jquery-ui.min.js"></script>
	<script src="assets/plugins/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
	<script src="assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="assets/plugins/js-cookie/js.cookie.js"></script>
	<script src="assets/js/theme/default.min.js"></script>
	<script src="assets/js/apps.min.js"></script>
	<script src="assets/js/demo/login-v2.demo.min.js"></script>
  <script>
    var hasAutofocus=document.getElementById("char0").autofocus;function validanumber(e){return tecla=document.all?e.keyCode:e.which,8==tecla||(patron=/[0-9]/,tecla_final=String.fromCharCode(tecla),patron.test(tecla_final))}function validarchar0(e){tecla=document.all?e.keyCode:e.which,8==tecla&&document.getElementById("char0").focus()}function validarchar1(e){tecla=document.all?e.keyCode:e.which,8==tecla&&document.getElementById("char1").focus()}function validarchar2(e){tecla=document.all?e.keyCode:e.which,8==tecla&&document.getElementById("char2").focus()}function validarchar3(e){tecla=document.all?e.keyCode:e.which,8==tecla&&document.getElementById("char3").focus()}function validarchar4(e){tecla=document.all?e.keyCode:e.which,8==tecla&&document.getElementById("char4").focus()}function validarchar5(e){tecla=document.all?e.keyCode:e.which,8==tecla&&document.getElementById("char5").focus()}
    </script>
    <script>
    function validarchar0(e) {
        tecla = (document.all) ? e.keyCode : e.which;
        if (tecla==8) document.getElementById("char0").focus();
    }
    function validarchar1(e) {
        tecla = (document.all) ? e.keyCode : e.which;
        if (tecla==8) document.getElementById("char1").focus();
    }
    function validarchar2(e) {
        tecla = (document.all) ? e.keyCode : e.which;
        if (tecla==8) document.getElementById("char2").focus();
    }
    function validarchar3(e) {
        tecla = (document.all) ? e.keyCode : e.which;
        if (tecla==8) document.getElementById("char3").focus();
    }
    function validarchar4(e) {
        tecla = (document.all) ? e.keyCode : e.which;
        if (tecla==8) document.getElementById("char4").focus();
    }
    function validarchar5(e) {
        tecla = (document.all) ? e.keyCode : e.which;
        if (tecla==8) document.getElementById("char5").focus();
    }
    </script>



<!--<center>
                    <div id="footer">Made in Algeria with <span class="text-danger"><i class="fas fa-heart"></i></span>
                </div>
            </center> -->
	</body>
</html>
