
<section class="vh-100" >
    <div class="container h-100">
      <div class="row d-flex justify-content-center align-items-center h-100  bg">
        <div class="col-lg-12 col-xl-11">
          <div class="card text-white bg-dark" style="border-radius: 25px;">
            <div class="card-body p-md-5">
              <div class="row justify-content-center">
                <div class="col-md-10 col-lg-6 col-xl-5 order-2 order-lg-1">
  
                  <p class="text-center h1 fw-bold mb-5 mx-1 mx-md-4 mt-4">Bejelentkezés</p>
  
                  <form class="mx-1 mx-md-4 " action="/sign_in" method="POST">
  
                    <div class="d-flex flex-row align-items-center mb-4">
                      <i class="fas fa-user fa-lg me-3 fa-fw"></i>
                      <div data-mdb-input-init class="form-outline flex-fill mb-0">
                        <input type="text" id="form3Example1c" class="form-control" placeholder="XYZ-123 Vagy eamilcimed@valami.hu" name="license" required/>
                        <label class="form-label" for="form3Example1c">Auto rendszáma/Email cím</label>
                      </div>
                    </div>
  

  
                    <div class="d-flex flex-row align-items-center mb-4">
                      <i class="fas fa-lock fa-lg me-3 fa-fw"></i>
                      <div data-mdb-input-init class="form-outline flex-fill mb-0">
                        <input type="password" id="form3Example4c" class="form-control" placeholder="Jelszavad Ide" name="password" required />
                        <label class="form-label" for="form3Example4c">Jelszó</label> <a class="text-warning" href="signup">Nincs Fiokom!</a>
                      </div>
                    </div>
  

  

  
                    <div class="d-flex justify-content-center mx-4 mb-3 mb-lg-4">
                      <button  type="submit" data-mdb-button-init data-mdb-ripple-init class="btn   btn-light btn-outline-white btn-lg">Bejelentkezés</button>
                    </div>
  
                  </form>
  
                </div>
                <div class="col-md-10 col-lg-6 col-xl-7 d-flex align-items-center order-1 order-lg-2">
  
                  <img                   src="/img/suzuki.jpg"

                    class="img-fluid" alt="Sample image" style="border-radius: 25px;">
  
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  