diff --git a/engine/template/admin.html b/engine/template/admin.html
index 40c2fe1..2c33108 100644
--- a/engine/template/admin.html
+++ b/engine/template/admin.html
@@ -1,50 +1,50 @@
-<!DOCTYPE html> 
-<html> 
-<head> 
-<meta charset="UTF-8"> 
-<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
-<title>Tailwind Admin Panel</title> 
-<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> 
-<script src="https://cdn.tailwindcss.com"></script> 
-<style> 
-  /* Add any custom styles here */ 
-</style> 
-</head> 
-<body class="bg-gray-100"> 
- 
-<div class="flex"> 
-  <!-- Sidebar --> 
-  <aside class="bg-gray-800 text-white w-64"> 
-    <div class="p-4"> 
-      <h2 class="text-xl font-bold">Admin Panel</h2> 
-    </div> 
-    <ul class="p-4"> 
-      <li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Dashboard</a></li> 
-      <li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Users</a></li> 
-      <li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Products</a></li> 
-      <li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Settings</a></li> 
-    </ul> 
-    <div class="p-4 mt-auto"> 
-      <button id="logoutButton" class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded"> 
-        Logout 
-      </button> 
-    </div> 
-  </aside> 
- 
-  <!-- Main Content --> 
-  <main class="flex-grow p-4"> 
-    <h1 class="text-3xl font-bold mb-4">Dashboard</h1> 
-    <!-- Your main content here --> 
-    <p>Welcome to the admin panel!</p> 
-  </main> 
-</div> 
- 
-<script> 
-  document.getElementById('logoutButton').addEventListener('click', function() { 
-    // Add your logout logic here (e.g., redirect to login page) 
-    alert('You are logged out!'); 
-  }); 
-</script> 
- 
-</body> 
+<!DOCTYPE html> 
+<html> 
+<head> 
+<meta charset="UTF-8"> 
+<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
+<title>Tailwind Admin Panel</title> 
+<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> 
+<script src="https://cdn.tailwindcss.com"></script> 
+<style> 
+  /* Add any custom styles here */ 
+</style> 
+</head> 
+<body class="bg-gray-100"> 
+ 
+<div class="flex"> 
+  <!-- Sidebar --> 
+  <aside class="bg-gray-800 text-white w-64"> 
+    <div class="p-4"> 
+      <h2 class="text-xl font-bold">Admin Panel</h2> 
+    </div> 
+    <ul class="p-4"> 
+      <li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Dashboard</a></li> 
+      <li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Users</a></li> 
+      <li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Products</a></li> 
+      <li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Settings</a></li> 
+    </ul> 
+    <div class="p-4 mt-auto"> 
+      <button id="logoutButton" class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded"> 
+        Logout 
+      </button> 
+    </div> 
+  </aside> 
+ 
+  <!-- Main Content --> 
+  <main class="flex-grow p-4"> 
+    <h1 class="text-3xl font-bold mb-4">Dashboard</h1> 
+    <!-- Your main content here --> 
+    <p>Welcome to the admin panel!</p> 
+  </main> 
+</div> 
+ 
+<script> 
+  document.getElementById('logoutButton').addEventListener('click', function() { 
+    // Add your logout logic here (e.g., redirect to login page) 
+    alert('You are logged out!'); 
+  }); 
+</script> 
+ 
+</body> 
 </html>
\ No newline at end of file
diff --git a/engine/template/form_file_upload.html b/engine/template/form_file_upload.html
new file mode 100644
index 0000000..ee018d8
--- /dev/null
+++ b/engine/template/form_file_upload.html
@@ -0,0 +1,13 @@
+
+Тип кодирования данных, enctype, требуется указывать только так, как показывает пример
+<form enctype="multipart/form-data" action="file_upload.php" method="POST">
+    Поле MAX_FILE_SIZE требуется указывать перед полем загрузки файла
+    <input type="hidden" name="MAX_FILE_SIZE" value="3000000" />
+    Название элемента input определяет название элемента в суперглобальном массиве $_FILES
+    Отправить файл: <input name="userfile" type="file" />
+    <input type="submit" value="Отправить файл" />
+</form>
+
+<label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="file_input">Upload file</label>
+<input class="block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400" aria-describedby="file_input_help" id="file_input" type="file" value="Отправить файл">
+<p class="mt-1 text-sm text-gray-500 dark:text-gray-300" id="file_input_help">SVG, PNG, JPG or GIF (MAX. 800x400px).</p>
diff --git a/engine/template/login.html b/engine/template/login.html
new file mode 100644
index 0000000..86eec74
--- /dev/null
+++ b/engine/template/login.html
@@ -0,0 +1,44 @@
+<!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" />
+    <title>Tailwind CSS 3 Login Page With border Style</title>
+    <link rel="stylesheet" href="./css/styles.css">
+    <!-- <script src="https://cdn.tailwindcss.com"></script> -->
+  </head>
+
+  <body>
+    <div class="relative flex flex-col justify-center min-h-screen overflow-hidden">
+      <div class="w-full p-6 m-auto bg-white border-t-4 border-purple-600 rounded-md shadow-md border-top lg:max-w-md">
+        <h1 class="text-3xl font-semibold text-center text-purple-700">LOGO</h1>
+        <form class="mt-6" action="login.php" method="post">
+          <div>
+            <label for="email" class="block text-sm text-gray-800">Email</label>
+            <input type="email"
+              class="block w-full px-4 py-2 mt-2 text-purple-700 bg-white border rounded-md focus:border-purple-400 focus:ring-purple-300 focus:outline-none focus:ring focus:ring-opacity-40" name="login">
+          </div>
+          <div class="mt-4">
+            <div>
+              <label for="password" class="block text-sm text-gray-800">Password</label>
+              <input type="password"
+                class="block w-full px-4 py-2 mt-2 text-purple-700 bg-white border rounded-md focus:border-purple-400 focus:ring-purple-300 focus:outline-none focus:ring focus:ring-opacity-40" name="password">
+            </div>
+            <a href="#" class="text-xs text-gray-600 hover:underline">Forget Password?</a>
+            <div class="mt-6">
+              <button
+                class="w-full px-4 py-2 tracking-wide text-white transition-colors duration-200 transform bg-purple-700 rounded-md hover:bg-purple-600 focus:outline-none focus:bg-purple-600">
+                Login
+              </button>
+            </div>
+        </form>
+        <p class="mt-8 text-xs font-light text-center text-gray-700"> Don't have an account? <a href="#"
+            class="font-medium text-purple-600 hover:underline">Sign up</a></p>
+      </div>
+    </div>
+
+  </body>
+
+</html>
