GFMP | Login



<!-- vendor css -->
<link rel="stylesheet" href="/static/assets/css/style.css">



<!-- [ signin-img ] start -->
<div class="auth-wrapper align-items-stretch aut-bg-img">
	<div class="flex-grow-1">
		<div class="h-100 d-md-flex align-items-center auth-side-img">
			<div class="col-sm-10 auth-content w-auto">
				<h1 class="text-white my-4">Welcome Back! Yours GFMP</h1>
				<h4 class="text-white font-weight-normal">
                    Sign in to your account!!!
                </h4>
			</div>
		</div>
		<div class="auth-side-form">
			<div class=" auth-content">
				<!--<img src="/static/assets/images/auth/auth-logo-dark.png" alt="" class="img-fluid mb-4 d-block d-xl-none d-lg-none">-->
				<h3 class="mb-4 f-w-400">Sign In</h3>
				<form action="/login/?next=/create-installment/9/8/" method="POST">
                    <input type="hidden" name="csrfmiddlewaretoken" value="CLok3VUuuuWzsVlgE0oWRIoUbX4yffp5teDwqLJT6AGcPVdBZ08RmD6DNlsysaAi">
                    <div class="form-group mb-3">
                        <label class="floating-label" for="username">Username</label>
                        <input type="text" class="form-control" id="username" name="username" placeholder="mzee" autofocus="true" minlength="2" maxlength="128" required>
                    </div>
                    <div class="form-group mb-4">
                        <label class="floating-label" for="Password">Password</label>
                        <input type="password" class="form-control" id="password" name="password" placeholder="" minlength="4" maxlength="8" required>
                    </div>
                    
                    
                    <button type="submit" class="btn btn-block btn-success mb-4">Sign In <i class="feather icon-log-in"></i></button>
                </form>
				<div class="text-center">
                    <div class="saprator my-2"><span>OR</span></div>  
                    
                    <p class="mb-2 mb-3">New? <a href="/store/checkout/" class="f-w-400">REGISTER</a></p>
                    <p class="mb-2 text-muted">Forgot password? <a href="/recover/" class="f-w-400">Reset</a></p>
                    
                    <p class="mb-0 text-muted">Go to <a href="/" class="f-w-400">Home</a></p>
                        
				</div>
			</div>
		</div>
	</div>
</div>
<!-- [ signin-img ] end -->




<!-- Required Js -->
<script src="/static/assets/js/vendor-all.min.js"></script>
<script src="/static/assets/js/plugins/bootstrap.min.js"></script>
<script src="/static/assets/js/ripple.js"></script>
<script src="/static/assets/js/pcoded.min.js"></script>
<script>
    $('.toggle-btn').on('click', function() {
		$('.toggle-block').toggle();
	})
</script>