diff --git a/WEB. HTML flask-wtf/loginform.py b/WEB. HTML flask-wtf/loginform.py
new file mode 100644
index 0000000..e5e98d1
--- /dev/null
+++ b/WEB. HTML flask-wtf/loginform.py	
@@ -0,0 +1,12 @@
+from flask_wtf import FlaskForm
+from wtforms import StringField, PasswordField, BooleanField, SubmitField
+from wtforms.validators import DataRequired
+
+
+class LoginForm(FlaskForm):
+    username = StringField('Логин', validators=[DataRequired()])
+    password = PasswordField('Пароль', validators=[DataRequired()])
+    remember_me = BooleanField('Запомнить меня')
+    submit = SubmitField('Войти')
+
+
diff --git a/WEB. HTML flask-wtf/news.json b/WEB. HTML flask-wtf/news.json
new file mode 100644
index 0000000..75fac2a
--- /dev/null
+++ b/WEB. HTML flask-wtf/news.json	
@@ -0,0 +1,16 @@
+{
+    "news": [
+        {
+            "title": "Сегодня хорошая погода",
+            "content": "Невероятно, сегодня хорошая погода"
+        },
+        {
+            "title": "Завтра хорошая погода",
+            "content": "С ума сойти, и завтра хорошая погода"
+        },
+        {
+            "title": "Послезавтра дождь",
+            "content": "Все вошло в норму"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/WEB. HTML flask-wtf/server.py b/WEB. HTML flask-wtf/server.py
new file mode 100644
index 0000000..90b2d5c
--- /dev/null
+++ b/WEB. HTML flask-wtf/server.py	
@@ -0,0 +1,42 @@
+from flask import Flask, render_template, redirect
+    
+
+app = Flask(__name__)
+app.config['SECRET_KEY'] = 'yandexlyceum_secret_key'
+
+
+@app.route('/<label>')
+@app.route('/index/<label>')
+def index(label):
+    param = {'label': 'И на Марсе будут яблони цвести!', 'title': label}
+    return render_template('index.html', **param)
+
+
+@app.route('/training/<prof>')
+def training(prof):
+    param = {'title': "Тренировки в полёте", "spec": prof}
+    return render_template('training.html', **param)
+
+
+@app.route('/list_prof/<var>')
+def list_prof(var):
+    param = {'title': "Список профессий", "var": var}
+    return render_template('list_prof.html', **param)
+
+
+@app.route('/answer')
+@app.route('/auto_answer')
+def answer():
+    param = {'title': "Анкета", 'surname': "Фёдоров", 'name': "Марк", 'education': "Среднее", 'profession': " Писатель",
+             'sex': "Male", 'motivation': "Распространить хип-хоп в космос!", 'ready': "True"}
+    return render_template('auto_answer.html', **param)
+
+
+@app.route('/login')
+def login():
+    param = {'title': "Аварийный доступ"}
+    return render_template('login.html', **param)
+
+
+if __name__ == '__main__':
+    app.run(port=8080, host='127.0.0.1')
diff --git a/WEB. HTML flask-wtf/static/css/style.css b/WEB. HTML flask-wtf/static/css/style.css
new file mode 100644
index 0000000..f38977b
--- /dev/null
+++ b/WEB. HTML flask-wtf/static/css/style.css	
@@ -0,0 +1,7 @@
+h4.color_edit {
+    color: "black";
+}
+
+p.padmarging {
+    margin-left: 20px;
+}
\ No newline at end of file
diff --git a/WEB. HTML flask-wtf/static/img/kb1.jpg b/WEB. HTML flask-wtf/static/img/kb1.jpg
new file mode 100644
index 0000000..fe25a04
Binary files /dev/null and b/WEB. HTML flask-wtf/static/img/kb1.jpg differ
diff --git a/WEB. HTML flask-wtf/static/img/kb2.jpg b/WEB. HTML flask-wtf/static/img/kb2.jpg
new file mode 100644
index 0000000..ebf6e1a
Binary files /dev/null and b/WEB. HTML flask-wtf/static/img/kb2.jpg differ
diff --git a/WEB. HTML flask-wtf/static/img/mars_ico.png b/WEB. HTML flask-wtf/static/img/mars_ico.png
new file mode 100644
index 0000000..5f7fc2f
Binary files /dev/null and b/WEB. HTML flask-wtf/static/img/mars_ico.png differ
diff --git a/WEB. HTML flask-wtf/templates/auto_answer.html b/WEB. HTML flask-wtf/templates/auto_answer.html
new file mode 100644
index 0000000..3c9069b
--- /dev/null
+++ b/WEB. HTML flask-wtf/templates/auto_answer.html	
@@ -0,0 +1,15 @@
+{% extends "base_two.html" %}
+
+{% block content1 %}
+    <div class="alert alert-light" role="alert">
+        <h4><font color="#DCDCDC">И на Марсе будут яблони цвести!</font></h4>
+    </div>
+
+    <h4 class="color_edit"><p style="padding-left: 60px">Фамилия: {{surname}}</p></h4>
+    <h4 class="color_edit"><p style="padding-left: 60px">Имя: {{name}}</p></h4>
+    <h4 class="color_edit"><p style="padding-left: 60px">Образование: {{education}}</p></h4>
+    <h4 class="color_edit"><p style="padding-left: 60px">Профессия: {{profession}}</p></h4>
+    <h4 class="color_edit"><p style="padding-left: 60px">Пол: {{sex}}</p></h4>
+    <h4 class="color_edit"><p style="padding-left: 60px">Мотивация: {{motivation}}</p></h4>
+    <h4 class="color_edit"><p style="padding-left: 60px">Готовы остаться на Марсе? {{ready}}</p></h4>
+{% endblock %}
\ No newline at end of file
diff --git a/WEB. HTML flask-wtf/templates/base.html b/WEB. HTML flask-wtf/templates/base.html
new file mode 100644
index 0000000..075e439
--- /dev/null
+++ b/WEB. HTML flask-wtf/templates/base.html	
@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
+          rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
+          crossorigin="anonymous">
+
+    <!-- <link rel="stylesheet" type="text/css" href="static/css/style.css" /> -->
+    <title>{{title}}</title>
+  </head>
+  <body>
+    <header>
+        <nav class="navbar navbar-light bg-light">
+            <div class="container-fluid">
+                <a class="navbar-brand mb-0" href="#"><h1>Миссия Колонизация Марса</h1></a>
+                <div class="navbar-text mb-0 h5">
+                  Mars One
+                </div>
+            </div>
+        </nav>
+    </header>
+    <!-- Begin page content -->
+    <main role="main" class="container-fluid">
+        {% block content1 %}{% endblock %}
+    </main>
+  </body>
+</html>
\ No newline at end of file
diff --git a/WEB. HTML flask-wtf/templates/base_two.html b/WEB. HTML flask-wtf/templates/base_two.html
new file mode 100644
index 0000000..f4d32b4
--- /dev/null
+++ b/WEB. HTML flask-wtf/templates/base_two.html	
@@ -0,0 +1,10 @@
+{% extends "base.html" %}
+
+{% block content1 %}
+    <div class="alert alert-light" role="alert">
+      <h4><font color="#DCDCDC">И на Марсе будут яблони цвести!</font></h4>
+    </div>
+    <div class="container">
+        {% block content2 %}{% endblock %}
+    </div>
+{% endblock %}
\ No newline at end of file
diff --git a/WEB. HTML flask-wtf/templates/index.html b/WEB. HTML flask-wtf/templates/index.html
new file mode 100644
index 0000000..f847176
--- /dev/null
+++ b/WEB. HTML flask-wtf/templates/index.html	
@@ -0,0 +1,5 @@
+{% extends "base.html" %}
+
+{% block content1 %}
+    <h4>{{label}}</h4>
+{% endblock %}
\ No newline at end of file
diff --git a/WEB. HTML flask-wtf/templates/list_prof.html b/WEB. HTML flask-wtf/templates/list_prof.html
new file mode 100644
index 0000000..97739fe
--- /dev/null
+++ b/WEB. HTML flask-wtf/templates/list_prof.html	
@@ -0,0 +1,27 @@
+{% extends "base_two.html" %}
+
+{% block content2 %}
+    {% set all_prof = ['врач', "экзобиолог", "климатолог", "астрогеолог", "гляциолог", "метеоролог",
+                       'инженер-исследователь', "пилот", "строитель", "инженер по терраформированию",
+                       "специалист по радиационной защите", "инженер жизнеобеспечения", "оператор марсохода",
+                       "киберинженер", "штурман", "пилот дронов"] %}
+    {% if var == "ol" %}
+        <p class="h1">Список профессий</p>
+        <div class="container">
+            <ol>
+                {% for p in all_prof %}
+                    <li class="h5">{{p}}</li>
+                {% endfor %}
+            </ol>
+        </div>
+    {% elif var == "ul" %}
+        <p class="h1">Список профессий</p>
+        <div class="container">
+            {% for p in all_prof %}
+                <li class="h5">{{p}}</li>
+            {% endfor %}
+        </div>
+    {% else %}
+        <p class="h1">Индекс указан неправильно!</p>
+    {% endif %}
+{% endblock %}
\ No newline at end of file
diff --git a/WEB. HTML flask-wtf/templates/login.html b/WEB. HTML flask-wtf/templates/login.html
new file mode 100644
index 0000000..29c8c40
--- /dev/null
+++ b/WEB. HTML flask-wtf/templates/login.html	
@@ -0,0 +1,28 @@
+{% extends "base_two.html" %}
+
+{% block content2 %}
+    <h1>Авторизация</h1>
+    <form action="" method="post" novalidate>
+        {{ form.hidden_tag() }}
+        <p>
+            {{ form.username.label }}<br>
+            {{ form.username(class="form-control") }}<br>
+            {% for error in form.username.errors %}
+        <div class="alert alert-danger" role="alert">
+            {{ error }}
+        </div>
+        {% endfor %}
+        </p>
+        <p>
+            {{ form.password.label }}<br>
+            {{ form.password(class="form-control", type="password") }}<br>
+            {% for error in form.password.errors %}
+        <div class="alert alert-danger" role="alert">
+            {{ error }}
+        </div>
+        {% endfor %}
+        </p>
+        <p>{{ form.remember_me() }} {{ form.remember_me.label }}</p>
+        <p>{{ form.submit(type="submit", class="btn btn-primary") }}</p>
+    </form>
+{% endblock %}
\ No newline at end of file
diff --git a/WEB. HTML flask-wtf/templates/training.html b/WEB. HTML flask-wtf/templates/training.html
new file mode 100644
index 0000000..2f4b270
--- /dev/null
+++ b/WEB. HTML flask-wtf/templates/training.html	
@@ -0,0 +1,17 @@
+{% extends "base_two.html" %}
+
+{% block content2 %}
+    {% set sin = ['врач', "экзобиолог", "климатолог", "астрогеолог", "гляциолог", "метеоролог"] %}
+    {% set inj = ['инженер-исследователь', "пилот", "строитель", "инженер по терраформированию",
+                  "специалист по радиационной защите", "инженер жизнеобеспечения", "оператор марсохода",
+                  "киберинженер", "штурман", "пилот дронов"] %}
+    {% if spec.lower() in sin %}
+        <p class="text-center h2">Научные симуляторы</p>
+        <p class="text-center"><img src="/static/img/kb1.jpg" class="img-fluid"></p>
+    {% elif spec.lower() in inj %}
+        <p class="text-center h2">Инженерные тренажеры</p>
+        <p class="text-center"><img src="/static/img/kb2.jpg" class="img-fluid"></p>
+    {% else %}
+        <p class="text-center h1">В наших списках ваша профессия отсутствует!</p>
+    {% endif %}
+{% endblock %}
\ No newline at end of file