@extends('front.app')
@section('content')
<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-light-600 text-white" data-image-src="{{ asset('front/img/photos/bg3.jpg') }}">
    <div class="container pt-17 pb-20 pt-md-19 pb-md-21 text-center">
      <div class="row">
        <div class="col-lg-8 mx-auto">
          <h1 class="display-1 mb-3">Intră în contul tău</h1>
          <nav class="d-inline-block" aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="#">Acasa</a></li>
              <li class="breadcrumb-item active" aria-current="page">Contul meu</li>
            </ol>
          </nav>
          <!-- /nav -->
        </div>
        <!-- /column -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container -->
  </section>
  <!-- /section -->
  <section class="wrapper bg-light">
    <div class="container pb-14 pb-md-16">
      <div class="row">
        <div class="col-lg-7 col-xl-6 col-xxl-5 mx-auto mt-n20">
          <div class="card">
            <div class="card-body p-11 text-center">
         
              <form class="text-start mb-3">
                <div class="form-floating mb-4">
                  <input type="email" class="form-control" placeholder="Email" id="loginEmail">
                  <label for="loginEmail">Email</label>
                </div>
                <div class="form-floating password-field mb-4">
                  <input type="password" class="form-control" placeholder="Parola" id="loginPassword">
                  <span class="password-toggle"><i class="uil uil-eye"></i></span>
                  <label for="loginPassword">Parola</label>
                </div>
                <a class="btn btn-primary rounded-pill btn-login w-100 mb-2">Intra in cont</a>
              </form>
              <!-- /form -->
              <p class="mb-1"><a href="#" class="hover">Ai uitat parola?</a></p>
              <p class="mb-0">Nu ai cont? <a href="./signup.html" class="hover">Inregistrare</a></p>
              <div class="divider-icon my-4">Sau</div>
              <nav class="nav social justify-content-center text-center">
                <a href="{{url('https://www.facebook.com/primariaolari')}}"><i class="uil uil-facebook-f"></i></a>
              </nav>
              <!--/.social -->
            </div>
            <!--/.card-body -->
          </div>
          <!--/.card -->
        </div>
        <!-- /column -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container -->
  </section>
@endsection