<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
	<title>Wisibles</title>
    <link rel="icon" href="images/fav-icon.svg" type="image/svg" sizes="16x16">
    
    <link rel="stylesheet" href="css/main.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/color.css">
    <link rel="stylesheet" href="css/responsive.css">

</head>
<body>
<div class="page-loader" id="page-loader">
	 <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
	  <span>Loading...</span>
  </div><!-- page loader -->
<div class="theme-layout gray-bg vh-100">
	
	<div class="container">
		<div class="row justify-content-md-center">
			<div class="col-lg-8">
                <div class="logo-up" style="padding-left:70px;">
                    <figure class="logo"><img alt="logo" src="images/wlogo.svg"></figure>
                </div>
                <div class="box">
                    <input type="checkbox" id="toggle" class="box__toggle" hidden>
                    <img src="images/resources/login-top.jpg" alt="Picture by Autumn Studio" class="box__image">
                    <span class="form">
						
                    </span>
                    <form class="form form--login1" action="actions/login.php" method="POST">
						<span><svg id="login" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></span>
                        <h1 class="form__title">Sign in</h1>
						<p><?php if(isset($_GET['msg']))  echo $_GET['msg'];  ?></p>
                        <div class="form__helper">
                            <input type="text" name="login_id" id="user" placeholder="User" class="form__input" />
                            <label class="form__label" for="user">User</label>
                        </div>
                        <div class="form__helper">
                            <input type="password" name="password" id="password" placeholder="Password" class="form__input" />
                            <label class="form__label" for="password">Password</label>
                        </div>
                        <button type="submit" class="form__button">Login</button>
                       
                    </form>
                </div>
            </div>
		</div>
	</div>
	
	<figure class="bottom-mockup"><img alt="" src="images/footer.png"></figure>
	<div class="bottombar">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<span class="">&copy; Copyright All rights reserved by Wisibles 2023</span>
				</div>
			</div>
		</div>
	</div>
	
</div>
	
	<script src="js/main.min.js"></script>
	<script src="js/vivus.min.js"></script>
	<script src="js/script.js"></script>
	

</body>	

</html>