diff --git a/templates/login.html b/templates/login.html
new file mode 100644
index 0000000..31fc80d
--- /dev/null
+++ b/templates/login.html
@@ -0,0 +1,55 @@
+<!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>
\ No newline at end of file
