@extends('theme.sarthi.master')
@section('title')
<title>TCM Education Clone Test Series</title>
@endsection
@section('meta')
   
<meta name="keywords" content="TCM Education Clone Test Series">
<meta name="description" content="Join " />
<link rel="canonical" href="" />
 

@endsection
@section('content')

 <div class="container">
        
        
          <div class="row" style="margin-top:100px;">
            <div class="col-md-6">
                    <img src="{{ url('tests/assets/images/login.png') }}" class="vert-move" width="90%"   alt="Frontted">
            </div> 
            <div class="col-md-6 mb-4" style="box-shadow: 1px 2px 17px 1px #e1e1e1;">
               <div class="d-flex flex-column justify-content-center align-items-center mt-2 mb-4 navbar-light">
                <h3>Login To Your Account</h3>
                </div>  
             <form name="login-form" class="clearfix" action="{{ route('login') }}" method="POST">
                 @csrf
                  <div class="row">
                      <div class="form-group col-md-12">
                          <label class="text-label" for="name_2">Email:</label>
                          <div class="input-group input-group-merge">
                              <input id="name_2" type="text" required="" class="form-control form-control-prepended" placeholder="John Doe" name="email">
                              <div class="input-group-prepend">
                                  <div class="input-group-text">
                                      <span class="far fa-envelope"></span>
                                  </div>
                              </div>
                          </div>
                      </div>
                      <div class="form-group col-md-12">
                          <label class="text-label" for="email_2">Password:</label>
                          <div class="input-group input-group-merge">
                              <input id="email_2" type="password" required="" class="form-control form-control-prepended" placeholder="*****" name="password">
                              <div class="input-group-prepend">
                                  <div class="input-group-text">
                                     <span class="material-icons">lock_outline</span>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div> 

                  
                     
                      <div class="form-group mb-2 text-center">
                          <div class="custom-control custom-checkbox">
                              <input type="checkbox" checked="" class="custom-control-input" id="terms">
                              <label class="custom-control-label" for="terms">I accept <a href="#">Terms and Conditions</a></label>
                          </div>
                      </div>
                      <div class="form-group text-center">
                          <button class="btn btn-success btn-lg btn-block mb-3" type="submit">Login</button>
                      </div>
                      <div class="text-center mb-5">
                         
                      </div>
            </form>
            </div><!---------End Col-md-8---->
              
              <style type="text/css">
                img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

              </style>
          </div>
        
    </div>
@endsection