diff --git a/static/css/login.css b/static/css/login.css
index e69de29..6865a98 100644
--- a/static/css/login.css
+++ b/static/css/login.css
@@ -0,0 +1,80 @@
+* {
+ font-family: "Roboto";
+ margin: 0;
+ padding: 0;
+}
+
+
+body {
+ background: rgb(8, 152, 255);
+}
+
+
+.form-box {
+ width: 400px;
+ height: 500px;
+ position: relative;
+ margin: 6% auto;
+ background: #fff;
+ padding: 5px;
+ text-align: center;
+}
+
+#title {
+ font-size: 2em;
+ margin-bottom: 12px;
+}
+
+.inputfield {
+ margin: 10px;
+ padding: 8px 8px;
+ position: relative;
+ display: inline-block;
+ border-width: 2px;
+ border-radius: 4px;
+ border-color: gray;
+ outline: none;
+}
+
+.inputfield::placeholder {
+ color: #000;
+}
+
+.inputfield:focus {
+ outline: none;
+ border-color: #407ce5;
+}
+
+.login {
+ font-size: 1em;
+ color: #000;
+ position: relative;
+}
+
+#sumbit-button {
+ width: 50%;
+ height: 40px;
+ border: 0;
+
+ margin-top: 35px;
+ border-radius: 28px;
+
+ background: rgb(0, 208, 255);
+ color: white;
+
+ cursor: pointer;
+ transition: opacity 0.15s;
+}
+
+#sumbit-button:hover {
+ opacity: 0.85;
+}
+
+#sumbit-button:active {
+ opacity: 0.6;
+}
+
+#error-alert {
+ color: red;
+ font-size: 12px;
+}
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..c86e6c9
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+ Web group moderator
+
+
+
+ Admin panel
+ Hi,{{username}}!
+
+
+
diff --git a/templates/login.html b/templates/login.html
index f725739..01fba4b 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,5 +1,32 @@
-
+
+
+
+ Login page
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+