<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
  <link rel="stylesheet" href="{{ url_for('static',filename='css/style.css')}}">
  <title>3d Detals</title>
</head>

<body>
  <header>
    <h1 class="h1header"> Каталог печатных 3д деталей </h1>
  </header>

  <div class="container container-login d-flex h-100 ">
    <div class="row d-flex justify-content-center ">
      <div class="col-md-4">
        <div class="card align-middle mobile-margin">

          <div class="card-body  text-center">
            <dv class="row">
              <h2 class="fw-bold mb-2 text-uppercase">Авторизация</h2>
              <p class="mb-5">Введите логин и пароль</p>


              <div class="form-outline form-white mb-4">
                <input type="email" id="typeEmailX" class="form-control form-control-lg" />
                <label class="form-label" for="typeEmailX">Email</label>
              </div>

              <div class="form-outline form-white mb-4">
                <input type="password" id="typePasswordX" class="form-control form-control-lg" />
                <label class="form-label" for="typePasswordX">Password</label>
              </div>

              <div class="col">
                <a href="" class="btn btn-block mobile-margin" download>Авторизоваться </a>
              </div>

          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
    crossorigin="anonymous"></script>
</body>

</html>