Current File : /home/tradevaly/demo.tradevaly.com.bd/content/New Design/Final/lock-page.html
<!DOCTYPE html>
<html lang="en">

<head>
	<title>Trade Valy</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="https://fonts.googleapis.com/css?family=Work+Sans:200,300,400,500,600,700,800,900&amp;display=swap" rel="stylesheet">
	<link rel="stylesheet" href="vendors/font-awesome/css/fontawesome.css">
	<link rel="stylesheet" href="vendors/magnific-popup/magnific-popup.css">
	<link rel="stylesheet" href="vendors/slick/slick.css">
	<link rel="stylesheet" href="vendors/animate.css">
	<link rel="stylesheet" href="css/style.css"> </head>

<body>

	<div id="site-wrapper" class="site-wrapper">


		<div id="wrapper-content" class="wrapper-content w-100 coming-soon text-center px-5 pt-11 pb-9">
			
			<div class="page-container row pt-3 pb-5">
				<div class="col-md-12">
					<div class="page-content m-auto bg-white col-sm-12 col-md-6 col-lg-5 rounded shadow-sm mb-8 mb-xl-0 px-5 pt-1">
							<div class="card-body align-self-center px-0 pb-3">
								<a href=""><img src="images/logo-lock.png" width="150" class="pb-3" alt="TradeValy"></a>
								<div class="bg-gray-04 card-title rounded py-1">
									<span>Sign in to continue to Tradevely</span>
								</div>
								<div class="text-left contact-form">
									<form>
					                    <div class="form-row">
					                      
					                      <div class="mb-0 form-group col-md-12">
					                        <label class="col-form-label col-form-label-sm" for="">User Name</label>
					                        <div class="input-group mb-1">
					                          <div class="input-group-sm input-group-prepend">
					                            <div class="py-0 input-group-text"><i class="fa fa-user" aria-hidden="true"></i></div>
					                          </div>
					                          <input type="text" class="form-control-sm form-control" id="" placeholder="User Name">
					                        </div>
					                      </div><!-- form-group col-md-6 -->
					                      <div class="mb-0 form-group col-md-12">
					                        <label class="col-form-label col-form-label-sm" for="">Password</label>
					                        <div class="input-group mb-1">
					                          <div class="input-group-sm input-group-prepend">
					                            <div class="py-0 input-group-text"><i class="fa fa-key" aria-hidden="true"></i></div>
					                          </div>
					                          <input type="text" class="form-control-sm form-control" id="" placeholder="Password">
					                        </div>
					                      </div><!-- form-group col-md-6 -->
					                      
					                      <div class="mb-0 mt-2 form-group col-md-6">
				                      		<div class="d-flex justify-content-left pb-0">
										      <div class="custom-control custom-checkbox">
										      <input class="custom-control-input" type="checkbox" id="have-account">
										      <label class="custom-control-label mb-0" for="have-account">
										      Remember Me?
										      </label>
										      </div>
										     </div>
					                      </div>
					                      <a href="" class="mb-0 mt-2 text-right form-group col-md-6"><i class="fa fa-key" aria-hidden="true"></i> Forgot Password ?</a>

					                    </div><!-- form-row -->

					                    
					                    <div class="modal-footer border-top-0 justify-content-center">
							                <button type="submit" class="btn btn-sm px-10 text-white btn-animated">SUBMIT</button>							                
							             </div>

							             <div class="mb-0 mt-0 text-center form-group col-md-12">Don't have an account ? <a href="#">Sign Up</a></div>
					                    
					                  </form>

								</div>



							</div>
					</div>

					<div class="mb-0 mt-2 text-center form-group col-md-12"><span>~~~ Sign with ~~~</span> 

						<div class="mt-1 social-icon origin-color si-square text-center">
                            <ul class="list-inline">
                              <li class="list-inline-item si-facebook"> <a target="_blank" title="Facebook" href="#"> <i class="fab fa-facebook-f"> </i> <span>Facebook</span> </a> </li>
                              <li class="list-inline-item si-google"> <a target="_blank" title="Facebook" href="#"> <i class="fab fa-google"> </i> <span>Google</span> </a> </li>
                              <li class="list-inline-item si-twitter"> <a target="_blank" title="Twitter" href="#"> <i class="fab fa-twitter"> </i> <span>Twitter</span> </a> </li>
                              <li class="list-inline-item si-tumblr"> <a target="_blank" title="Tumblr" href="#"> <i class="fab fa-tumblr"></i> <span>Tumblr</span> </a> </li>
                              <li class="list-inline-item si-rss"> <a target="_blank" title="RSS" href="#"> <i class="fas fa-rss"></i> <span>RSS</span> </a> </li>
                            </ul>
                          </div>

					</div>

				</div>
			</div>
		</div>


	</div>

		<script src="vendors/jquery.min.js"></script>
		<script src="vendors/popper/popper.js"></script>
		<script src="vendors/bootstrap/js/bootstrap.js"></script>
		<script src="vendors/hc-sticky/hc-sticky.js"></script>
		<script src="vendors/isotope/isotope.pkgd.js"></script>
		<script src="vendors/magnific-popup/jquery.magnific-popup.js"></script>
		<script src="vendors/slick/slick.js"></script>
		<script src="vendors/waypoints/jquery.waypoints.js"></script>
		<!-- <script src="vendors/peash.js"></script> -->
</body>

</html>