diff --git a/main_package/app.py b/main_package/app.py
index d3283e2..4586c72 100644
--- a/main_package/app.py
+++ b/main_package/app.py
@@ -8,7 +8,7 @@ from fastapi import FastAPI, Request, HTTPException
 from fastapi.responses import HTMLResponse, JSONResponse, PlainTextResponse, FileResponse
 from fastapi.staticfiles import StaticFiles
 from fastapi.templating import Jinja2Templates
-from fastapi_sitemap import SiteMap, URLInfo
+from fastapi_sitemap import SiteMap
 
 from .database import create_tables, delete_tables
 from .router import router as datings_router
@@ -56,7 +56,10 @@ app.mount("/static", StaticFiles(directory="static"), name="static")
 
 @app.get("/", response_class=HTMLResponse)
 async def index(request: Request):
-    response = templates.TemplateResponse("index.html", {"request": request})
+
+    response = templates.TemplateResponse(
+        "index.html", {"request": request}
+    )
     sessionKey = request.cookies.get("sessionkey")
     if isinstance(sessionKey, str) and is_valid_uuid(sessionKey):
         pass
@@ -73,6 +76,44 @@ async def index(request: Request):
     return response
 
 
+@app.get("/about_me", response_class=HTMLResponse)
+async def about_me(request: Request):
+    response = templates.TemplateResponse("about_me.html", {"request": request})
+    sessionKey = request.cookies.get("sessionkey")
+    if isinstance(sessionKey, str) and is_valid_uuid(sessionKey):
+        pass
+    else:
+        days = 365
+        expires_t_obj = datetime.datetime.now(
+            datetime.timezone.utc
+        ) + datetime.timedelta(days=days)
+        expires_t_str = expires_t_obj.strftime("%a, %d %b %Y %H:%M:%S GMT")
+
+        response.set_cookie(
+            key="sessionkey", value=str(uuid.uuid4()), expires=expires_t_str
+        )
+    return response
+
+
+@app.get("/about_site", response_class=HTMLResponse)
+async def about_site(request: Request):
+    response = templates.TemplateResponse("about_site.html", {"request": request})
+    sessionKey = request.cookies.get("sessionkey")
+    if isinstance(sessionKey, str) and is_valid_uuid(sessionKey):
+        pass
+    else:
+        days = 365
+        expires_t_obj = datetime.datetime.now(
+            datetime.timezone.utc
+        ) + datetime.timedelta(days=days)
+        expires_t_str = expires_t_obj.strftime("%a, %d %b %Y %H:%M:%S GMT")
+
+        response.set_cookie(
+            key="sessionkey", value=str(uuid.uuid4()), expires=expires_t_str
+        )
+    return response
+
+
 @app.get("/favicon.ico", include_in_schema=False)
 async def favicon():
     return FileResponse(favicon_path)
diff --git a/static/assets/css/style.css b/static/assets/css/style.css
index 0d87e51..1471d45 100644
--- a/static/assets/css/style.css
+++ b/static/assets/css/style.css
@@ -179,5 +179,4 @@ body {
 
 #main_content {
     display: none;
-    text-align: center;
 }
diff --git a/templates/about_me.html b/templates/about_me.html
new file mode 100644
index 0000000..1433634
--- /dev/null
+++ b/templates/about_me.html
@@ -0,0 +1,255 @@
+{% extends 'core.html' %}
+{% block content%}
+<div class="p-3 pb-md-4 mx-auto text-center">
+    <h3 class="display-4 fw-normal text-body-emphasis">
+        Обо мне
+    </h3>
+</div>
+
+<div class="mb-3">
+    <p class="p-3">Меня зовут Валерия Фадеева, мне 35+ лет.</p>
+
+    <h4>Значение имени</h4>
+    <p class="p-3">
+        Имя Валерия – это женская форма мужского имени Валерий, которое
+        является римским родовым именем. В переводе с латинского "valeo"
+        имеет несколько вариантов перевода и значений. Чаще
+        употребляемыми являются переводы "быть сильной, крепкой", а
+        также "здравствовать", "быть здоровой". Но у этого латинского
+        слова существуют ещё и иные варианты перевода, например, "быть
+        могущественной, сильной", "иметь перевес", "быть влиятельной,
+        пользоваться влиянием", "иметь смысл, иметь значение".
+    </p>
+
+    <h4>Значение фамилии</h4>
+    <p class="p-3">
+        Фамилия происходит от древнерусского церковного (крестильного)
+        имени «Фадей» или «Фаддей», которое имеет древнегреческий корень
+        Theos, что означает «бог». Имя Фадей можно перевести как
+        «богатый», «богоподобный», «достойный похвалы».
+    </p>
+
+    <p class="p-3">
+        Thadeus — мужское имя греческого происхождения. Является
+        вариантом написания Thaddeus, которое происходит от арамейского
+        термина «thaddai» и означает «сердце» или «смелый».
+        <br />
+        Также существует версия, что имя связано с именем Theodorus и
+        означает «подарок Бога» (от греческого theos — Бог и doron —
+        подарок).
+    </p>
+
+    <p class="p-3">
+        В персидском языке «фада» означает «приятный» или «милый».
+        Следовательно, можно предположить, что фамилия Фадеева
+        обозначает приветливость или дружелюбие предков, происходящих из
+        Персии.
+    </p>
+    <p class="p-3">
+        В финно-угорских языках слово «фаде» означает «точно», «прямо».
+        Следовательно, возможно, что носители этой фамилии были известны
+        как люди прямых взглядов или прямолинейных действий.
+    </p>
+
+    <h4>Введение</h4>
+    <p class="p-3">
+        Училась в школе в Юридическом классе, после чего поступила в
+        Университет на Педагога Юриспруденции, 3,5 года изучала
+        Психологию в ВУЗе и самостоятельно после ВУЗа, проходила
+        практику в Следственном Отделе и колледже, в Спорт-Зале
+        тренировалась со Штангой: жим, тяга, присяд (Пауэрлифтинг - это
+        на Силу, не на объем, как у бодибилдеров, не надо путать),
+        сейчас занимаюсь Пилатесом.
+    </p>
+
+    <p class="p-3">
+        Пила́тес — система физических упражнений, разработанная Йозефом
+        Пилатесом в начале XX века для реабилитации после травм. Автор
+        назвал свою систему "контрологией", определив её как полную
+        координацию между телом, умом и духом, но в настоящее время она
+        широко известна как "метод Пилатеса" или просто "Пилатес". И
+        люди занимаются им потому что движение - это жизнь, а
+        неподвижность - это смерть.
+    </p>
+
+    <p class="p-3">
+        В школе закончила с отличием курс Прикладной Экономики, а также
+        курс Информатики, проработала более 15 лет в отделе
+        Информационных Технологий в одной организации, решала
+        разнообразные задачи, была на разных позициях.
+    </p>
+
+    <h4>Работа</h4>
+    <p class="p-3">
+        В процессе работы познакомилась с миром Открытого, Свободного
+        Программного Обеспечения: Операционной Системой Unix, Linux и
+        Прикладным Программным Обеспечением; выполняла задачи Системного
+        Администратора Windows Server и Linux Server; Программиста на
+        разных языках: PHP, Python, Rust, JavaScript; DevOps; создавала
+        и администрировала Систему Виртуализации Серверов: KVM.
+    </p>
+
+    <h4>Хобби</h4>
+    <p class="p-3">
+        В качестве Хобби я выбрала Программирование и Разработку
+        Дериватива Операционной Системы Linux при работе над которым
+        использовала языки программирования Python, Rust, JavaScript, а
+        также QML, Bash.
+    </p>
+
+    <p class="p-3">
+        Дериватив операционной системы Linux — это дистрибутив, который
+        основан на ядре Linux и включает в себя различные программные
+        компоненты, утилиты и интерфейсы, которые делают его удобным для
+        пользователей.
+    </p>
+
+    <p class="p-3">
+        Дистрибутив операционной системы Linux — это комплект
+        программного обеспечения, который включает в себя ядро Linux,
+        системные утилиты, библиотеки, а также набор приложений и
+        инструментов, необходимых для работы операционной системы.
+    </p>
+
+    <p class="p-3">
+        Деривативы и Дистрибутивы могут различаться по целям,
+        функциональности и пользовательскому интерфейсу.
+    </p>
+
+    <p class="p-3">Основные компоненты дистрибутива Linux:</p>
+
+    <ol>
+        <li>
+            Ядро Linux: Основная часть операционной системы, отвечающая за
+            управление аппаратными ресурсами и взаимодействие с
+            программным обеспечением.
+        </li>
+        <li>
+            Системные утилиты: Набор программ, которые обеспечивают
+            базовые функции операционной системы, такие как управление
+            файлами, настройка сети и другие системные задачи.
+        </li>
+        <li>
+            Библиотеки: Набор программных библиотек, которые предоставляют
+            функции и API для приложений.
+        </li>
+        <li>
+            Приложения: Различные программы, которые могут включаться в
+            дистрибутив, такие как текстовые редакторы, браузеры, офисные
+            приложения и другие.
+        </li>
+        <li>
+            Установщик: Инструмент, который позволяет пользователю
+            установить дистрибутив на компьютер.
+        </li>
+    </ol>
+
+    <p class="p-3">
+        Дистрибутивы Linux могут быть ориентированы на разные категории
+        пользователей, например, на начинающих, опытных пользователей
+        или серверные решения. Некоторые из самых популярных
+        дистрибутивов включают Ubuntu, Fedora, Debian, Arch Linux и
+        CentOS. Каждый из них имеет свои особенности и предназначен для
+        различных задач.
+    </p>
+
+    <p class="p-3">
+        В данный момент я изучаю Разработку Мобильных Приложений,
+        интересуюсь языками и технологиями: Kotlin, KMM, Compose; Dart,
+        Flutter. Будущая профессия - Разработчик Мобильных Приложений.
+    </p>
+
+    <p class="p-3">
+        В свободное время успешно окончила курсы визажа, работала с
+        другими выпускницами на платных фотосессиях.
+    </p>
+
+    <p class="p-3">
+        У меня есть домашние животные: два кота и кошка, Мэйнкуны.
+    </p>
+
+    <h4>Отдых</h4>
+    <p class="p-3">
+        В свободное время гуляю, встречаюсь, общаюсь с людьми, учусь,
+        смотрю Китайские, Корейские, Турецкие Дорамы, Аниме, Фильмы,
+        играю в игры, в основном компьютерные: MMORPG: Lost Ark;
+        Стрелялки: Ghost Recon Breakpoint, Ghost Recon Wildlands, The
+        Division, The Division 2, Rainbow Six Siege, Warframe;
+        Стратегии: Серия WH40k DoW; но могу и в настольные. Состою в
+        двух игровых сообществах, в одном 80 человек, в другом 220, а
+        также в сообществах Программистов и Linux разработчиков,
+        администраторов и пользователей, проявляю интерес к гражданскому
+        нарезному полуавтомтическому Оружию, Автомобилям и Мотоциклам.
+    </p>
+
+    <h4>Взаимодействие с другими людьми</h4>
+    <p class="p-3">
+        Общаюсь с родителями, есть очень близкая подруга. Не пью, не
+        курю, не употребляю наркотики, не имею татуировки, лишние
+        проколы на теле, не состою на учёте у психиатра, нарколога, не
+        имею судимостей действующих и погашеных, имею Водительское
+        Удостоверение. Имею Высокий Интеллект, Эмпатию и Устойчивую
+        Психику. Занимаюсь самодиагностикой, а также периодически
+        посещаю психолога.
+    </p>
+
+    <p class="p-3">
+        Есть прошлые серьёзные отношения 2 раза по 9 лет. Не прыгаю по
+        ху*м, ищу одного единственного Верного, Ответственного,
+        Надёжного, Сильного, Зрелого партнёра для Серьёзных Отношений, а
+        не развлечения.
+    </p>
+
+    <p class="p-3">
+        Люблю людей, которые знают слово Ответственность, умеют её
+        нести, не трусят, проработали свои травмы, могут упасть,
+        отряхнуться, встать и пойти дальше.
+    </p>
+
+    <h4>Религия</h4>
+    <p class="p-3">
+        Также я верю что бога нет, а то, что называют богом, это
+        природа, достаточно в уместных моментах заменить слово бог
+        везде, где он употребляется, как всё становится на свои места.
+    </p>
+
+    <h4>Ценности</h4>
+    <p class="p-3">
+        Не сужу людей по полу, гендеру, сексуальной ориентации, расе,
+        национальности, цвету кожи, росту, весу, религиозным,
+        политеческим убеждениям и тд. Придерживаюсь принципа - "говори
+        по делу, живи по совести, суди по справедливости".
+    </p>
+
+    <p class="p-3">
+        Право справедливости — название набора правовых принципов,
+        действующих в рамках традиции английского общего права, дополняя
+        строгие правила там, где требование их формального исполнения
+        могло бы быть слишком жёстким. В правовых системах цивильного
+        права подобные «общие оговорки» позволяют судьям более свободно
+        применять нормы законов.
+    </p>
+
+    <h4>Мои цели:</h4>
+    <ul class="p-3">
+        <li>
+            главная - найти партнёра, с которым мы построим семью, поможем
+            друг другу развиваться, создадим детей любым способом и
+            передадим им свои знания о мире и вырастим достойных членов
+            общества
+        </li>
+        <li>
+            промежуточная - найти партнёра, с которым мы создадим союз, в
+            котором мы поможем друг-другу развиваться.
+        </li>
+    </ul>
+
+    <h4>Заключение</h4>
+    <p class="p-3">
+        Призываю быть адекватным человеком, здраво оценивать свои
+        возможности и соотносить их со своими желаниями. А также решать
+        задачи, вопросы, проблемы "словами через рот", а именно в
+        личном, устном диалоге между личностями (людьми).
+    </p>
+</div>
+{% endblock content %}
diff --git a/templates/about_site.html b/templates/about_site.html
new file mode 100644
index 0000000..4febed9
--- /dev/null
+++ b/templates/about_site.html
@@ -0,0 +1,81 @@
+{% extends 'core.html' %}
+{% block content%}
+<div class="p-3 pb-md-4 mx-auto text-center">
+    <h3 class="display-4 fw-normal text-body-emphasis">
+        О сайте
+    </h3>
+</div>
+
+<div class="mb-3">
+    <h4>Добро пожаловать сайт знакомства со мной</h4>
+
+    <p class="p-3">
+        Идея этого сайта родилась после того, как стало понятно, что на
+        сайтах знакомств мужчины в основном ищут секс (развлечение /
+        удовольствие), а женщины - серьёзные отношения, то есть такие
+        отношения, которые приведут к заключению брачного союза и
+        рождению детей, планированию совместной жизни.
+    </p>
+
+    <p class="p-3">
+        А также в связи с тем, что на сайтах знакомств у людей
+        складывается неправильное отношение к поиску самих отношений. То
+        есть: мужчины стремятся пропустить период дружбы, узнавания
+        партнёра, ухаживания, и хотят сразу приступить к сексу
+        (халявщики / тунеядцы) на 1, 2, 3 свидании (по результатам
+        опросов мужчин, проведённых лично мною). А женщины ожидают что
+        этот малознакомый мужчина будет вкладывать свои ресурсы (нести
+        ответственность), а мужчины хотят уйти от ответственности и
+        называют таких женщин тарелочницами.
+    </p>
+
+    <p class="p-3">
+        Таким образом я хочу найти парнтёров для дружбы любого пола, а
+        также одного единственного верного, ответственного, надёжного,
+        сильного, зрелого партнёра любого пола для серьёзных отношений,
+        а не развлечения.
+    </p>
+
+    <p class="p-3">
+        Информация на данном сайте не является рекламой товаров или
+        услуг, прямым предложением, публичной оферой или акцептом.
+    </p>
+
+    <p class="p-3">
+        Любая цена, указанная в на сайте является просто информацией, не
+        призывающей к действию, она необходима для того, чтобы оценить
+        на что Вы способны.
+    </p>
+
+    <p class="p-3">
+        Сбор ответов осуществляется с целью получения статистических
+        данных о спросе на "рынке" отношений, а также для поиска
+        отношений.
+    </p>
+
+    <p class="p-3">
+        Анкеты доступны только мне, без передачи третьим лицам.
+    </p>
+
+    <p class="p-3">
+        Сервер на котором размещено данное программное обеспечение
+        находится в моей собственности и моём распоряжении.
+    </p>
+
+    <p class="p-3">
+        Так как вся необходимая информация обо мне здесь уже
+        представлена, считаю справедливым, что всё общение по существу в
+        телеграме будет происходить только после заполнения и отправки
+        анкеты.
+    </p>
+
+    <p class="p-3">
+        Продолжая оставаться на данном сайте Вы соглашаетесь с данными
+        условиями. Иначе Вы обязаны незамедлительно покинуть данный сайт
+        и удалить чат между нами в телеграме (и для меня тоже), чтобы
+        избавить меня от бессмысленной траты времени и ожидания.
+    </p>
+
+    <h4>СПАСИБО ЗА ПОНИМАНИЕ!</h4>
+</div>
+{% endblock content %}
diff --git a/templates/core.html b/templates/core.html
new file mode 100644
index 0000000..a5c2a41
--- /dev/null
+++ b/templates/core.html
@@ -0,0 +1,837 @@
+<!DOCTYPE html>
+<html lang="ru-RU" data-bs-theme="auto">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="description"
+      content="Найди свою любовь вместе с LeraFoxQueen"
+    />
+    <meta name="author" content="LeraFoxQueen" />
+    <meta name="generator" content="LeraFoxQueen" />
+    <title>LeraFoxQueen : Найдём свою любовь вместе</title>
+    <link rel="canonical" href="https://LeraFoxQueen.ru" />
+    <script src="/static/assets/js/color-modes.js"></script>
+    <link
+      href="/static/node_modules/bootstrap/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
+    <link
+      href="/static/node_modules/@fortawesome/fontawesome-free/css/fontawesome.css"
+      rel="stylesheet"
+    />
+    <link
+      href="/static/node_modules/@fortawesome/fontawesome-free/css/brands.css"
+      rel="stylesheet"
+    />
+    <link
+      href="/static/node_modules/@fortawesome/fontawesome-free/css/solid.css"
+      rel="stylesheet"
+    />
+
+    <link
+      rel="apple-touch-icon"
+      href="/static/assets/img/favicons/apple-touch-icon.png"
+      sizes="180x180"
+    />
+    <link
+      rel="icon"
+      href="/static/assets/img/favicons/favicon-32x32.png"
+      sizes="32x32"
+      type="image/png"
+    />
+    <link
+      rel="icon"
+      href="/static/assets/img/favicons/favicon-16x16.png"
+      sizes="16x16"
+      type="image/png"
+    />
+    <link rel="manifest" href="/static/assets/img/favicons/manifest.json" />
+    <link
+      rel="mask-icon"
+      href="/static/assets/img/favicons/safari-pinned-tab.svg"
+      color="#712cf9"
+    />
+    <link rel="icon" href="/static/assets/img/favicons/favicon.ico" />
+    <meta name="theme-color" content="#712cf9" />
+    <link href="/static/assets/css/style.css" rel="stylesheet" />
+  </head>
+
+  <body>
+    <div id="loader">
+    </div>
+
+    <!-- Modal -->
+    <!-- data-bs-backdrop="static" data-bs-keyboard="false" -->
+    <div class="modal fade" id="formModal" tabindex="-1" aria-labelledby="formModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-fullscreen modal-dialog-centered modal-dialog-scrollable"
+        style="min-height: 100%; height: auto; overflow-y: scroll">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h1 class="modal-title fs-5" id="formModalLabel">
+              Новое сообщение
+            </h1>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+          </div>
+          <form name="profile_send" id="profile_send" action="/datings/add" method="post" class="needs-validation">
+            <div class="modal-body">
+              <input type="hidden" class="form-control" id="theme_name" name="theme_name" pattern="[а-яА-ЯЁёa-zA-Z0-9\s]+"
+                required />
+
+              <input type="hidden" class="form-control" id="sender_looking_relationship" name="sender_looking_relationship"
+                pattern="[a-z_]+" required />
+
+              <input type="hidden" class="form-control" id="sessionkey" name="sessionkey"
+                pattern="[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}" required />
+
+              <div class="row">
+                <div class="form-floating mb-3 col">
+                  <input type="text" class="form-control" id="sender_name" name="sender_name" pattern="[а-яА-ЯЁёa-zA-Z\s]+"
+                    required />
+                  <label for="sender_name">Имя:</label>
+                  <small>Русские, английские буквы и пробел</small>
+                </div>
+
+                <div class="form-floating mb-3 col">
+                  <select id="sender_sex" name="sender_sex" class="form-control" pattern="[a-z]+" required>
+                    <option value="" selected disabled></option>
+                    <option value="male">Мужской</option>
+                    <option value="female">Женский</option>
+                    <option value="other">Другой</option>
+                  </select>
+                  <label for="sender_sex">Пол:</label>
+                </div>
+
+                <div class="form-floating mb-3 col">
+                  <input type="number" class="form-control" id="sender_age" name="sender_age" min="0" max="100" value="0"
+                    step="1" pattern="[0-9]+" required />
+                  <label for="sender_age">Возраст:</label>
+                </div>
+
+                <div class="form-floating mb-3 col">
+                  <input type="text" class="form-control" id="sender_city" name="sender_city"
+                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\s]+" required />
+                  <label for="sender_city">Город:</label>
+                  <small>Русские, английские буквы, цифры, тире и пробел</small>
+                </div>
+
+                <div class="form-floating mb-3 col">
+                  <input type="text" class="form-control" id="telegram_name" name="telegram_name" pattern="[a-zA-Z0-9\-_]+"
+                    required />
+                  <label for="telegram_name">Telegram:</label>
+                  <small>Английские буквы, цифры, тире, подчёркивание</small>
+                </div>
+              </div>
+
+              <div class="row">
+                <div class="form-floating mb-3 col">
+                  <select id="sender_relationship" name="sender_relationship" class="form-control" pattern="[a-z_]+"
+                    required>
+                    <option value="" selected disabled></option>
+                    <option value="single">Один/одна</option>
+                    <option value="married">Состою в браке</option>
+                    <option value="open_relationship">
+                      В свободных/открытых отношениях
+                    </option>
+                    <option value="relationship_without_commitment">
+                      В отношениях без обязательств
+                    </option>
+                  </select>
+                  <label for="sender_relationship">Мой статус:</label>
+                </div>
+
+                <div class="form-floating mb-3 col">
+                  <select id="sender_having_kids" name="sender_having_kids" class="form-control" pattern="[a-z]+" required>
+                    <option value="" selected disabled></option>
+                    <option value="no">Нет</option>
+                    <option value="yes">Есть</option>
+                  </select>
+                  <label for="sender_having_kids">Наличие детей:</label>
+                </div>
+
+                <!-- <div class="form-floating mb-3 col">
+                              <select
+                                  id="sender_looking_relationship"
+                                  name="sender_looking_relationship"
+                                  class="form-control"
+                                  pattern="[a-z_]+"
+                                  required
+                              >
+                                  <option
+                                      value=""
+                                      selected
+                                      disabled
+                                  ></option>
+                                  <option value="friendship">
+                                      Дружбу
+                                  </option>
+                                  <option value="marriage">Брак</option>
+                                  <option value="open_relationship">
+                                      Свободные/открытые отношения
+                                  </option>
+                                  <option
+                                      value="relationship_without_commitment"
+                                  >
+                                      Отношения без обязательств
+                                  </option>
+                                  <option value="relationships_for_money">
+                                      Отношения за деньги
+                                  </option>
+                              </select>
+                              <label for="sender_looking_relationship"
+                                  >Ищу:</label
+                              >
+                          </div> -->
+
+                <div class="form-floating mb-3 col">
+                  <select id="sender_want_to_have_kids" name="sender_want_to_have_kids" class="form-control"
+                    pattern="[a-z]+" required>
+                    <option value="" selected disabled></option>
+                    <option value="yes">Да</option>
+                    <option value="maybe">Возможно</option>
+                    <option value="no">Нет</option>
+                  </select>
+                  <label for="sender_want_to_have_kids">Хочешь иметь детей?:</label>
+                </div>
+              </div>
+
+              <div class="row">
+                <div class="form-floating mb-3 col">
+                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_school_university"
+                    name="interests_in_school_university" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
+                  <label for="interests_in_school_university">Интересы в школе, вузе:</label>
+                </div>
+
+                <div class="form-floating mb-3 col">
+                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_sports"
+                    name="interests_in_sports" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
+                  <label for="interests_in_sports">Интересы в спорте:</label>
+                </div>
+              </div>
+              <div class="row">
+                <div class="form-floating mb-3 col">
+                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_work"
+                    name="interests_in_work" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
+                  <label for="interests_in_work">Интересы в работе:</label>
+                </div>
+
+                <div class="form-floating mb-3 col">
+                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_your_free_time"
+                    name="interests_in_your_free_time" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
+                  <label for="interests_in_your_free_time">Интересы в свободное время:</label>
+                </div>
+              </div>
+              <div class="row">
+                <div class="form-floating mb-3 col">
+                  <textarea type="text" class="form-control" style="height: 10rem" id="pets_plants_fish"
+                    name="pets_plants_fish" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
+                  <label for="pets_plants_fish">Домашние животные, растения, рыбки:</label>
+                </div>
+
+                <div class="form-floating mb-3 col">
+                  <textarea type="text" class="form-control" style="height: 10rem"
+                    id="relationships_with_relatives_and_friends" name="relationships_with_relatives_and_friends"
+                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
+                  <label for="relationships_with_relatives_and_friends">Отношения с родственниками и друзьями:</label>
+                </div>
+              </div>
+              <div class="row">
+                <div class="form-floating mb-3 col">
+                  <textarea type="text" class="form-control" style="height: 10rem" id="past_relationships"
+                    name="past_relationships" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
+                  <label for="past_relationships">Прошлые отношения:</label>
+                </div>
+
+                <div class="form-floating mb-3 col">
+                  <textarea type="text" class="form-control" style="height: 10rem" id="life_principles_values"
+                    name="life_principles_values" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
+                  <label for="life_principles_values">Жизненные принципы, ценности:</label>
+                </div>
+              </div>
+
+              <div class="row">
+                <div class="form-floating mb-3 col">
+                  <textarea type="text" class="form-control" style="height: 10rem" id="goals_in_life" name="goals_in_life"
+                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
+                  <label for="goals_in_life">Цели в жизни:</label>
+                </div>
+
+                <div class="form-floating mb-3 col">
+                  <textarea class="form-control" id="message_text" style="height: 10rem" name="message_text"
+                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
+                  <label for="message_text">Сообщение:</label>
+                </div>
+              </div>
+
+              <div class="mb-3" id="offer_block">
+                <mark><output id="offer" name="offer" class="center w-100"></output></mark>
+              </div>
+
+              <div class="mb-3">
+                <input type="checkbox" class="btn-check" id="privacy_accept" name="privacy_accept" required
+                  autocomplete="off" />
+                <label class="btn btn-outline-primary" for="privacy_accept">Даю согласие на обработку персональных
+                  данных</label>
+              </div>
+
+              <!-- <small style="color: var(--bs-warning-text-emphasis);">Допускаются только буквы русского и английского алфавита, и цифры</small> -->
+            </div>
+            <div class="modal-footer">
+              <div class="btn-group" role="group">
+                <button type="button" class="btn btn-outline-primary" data-bs-dismiss="modal">
+                  Закрыть
+                </button>
+                <button type="reset" class="btn btn-outline-primary">
+                  Очистить
+                </button>
+                <button type="submit" class="btn btn-outline-primary">
+                  Отправить
+                </button>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+    <!-- Modal END -->
+
+
+    <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
+      <symbol id="check2" viewBox="0 0 16 16">
+        <path
+          d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"
+        ></path>
+      </symbol>
+      <symbol id="circle-half" viewBox="0 0 16 16">
+        <path
+          d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"
+        ></path>
+      </symbol>
+      <symbol id="moon-stars-fill" viewBox="0 0 16 16">
+        <path
+          d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"
+        ></path>
+        <path
+          d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"
+        ></path>
+      </symbol>
+      <symbol id="sun-fill" viewBox="0 0 16 16">
+        <path
+          d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"
+        ></path>
+      </symbol>
+    </svg>
+
+    <div
+      class="dropdown position-fixed bottom-0 start-0 mb-3 me-3 bd-mode-toggle"
+    >
+      <button
+        class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
+        id="bd-theme"
+        type="button"
+        aria-expanded="false"
+        data-bs-toggle="dropdown"
+        aria-label="Toggle theme (auto)"
+      >
+        <svg class="bi my-1 theme-icon-active" aria-hidden="true">
+          <use href="#circle-half"></use>
+        </svg>
+        <span class="visually-hidden" id="bd-theme-text">Toggle theme </span>
+      </button>
+      <ul
+        class="dropdown-menu dropdown-menu-end shadow"
+        aria-labelledby="bd-theme-text"
+      >
+        <li>
+          <button
+            type="button"
+            class="dropdown-item d-flex align-items-center"
+            data-bs-theme-value="light"
+            aria-pressed="false"
+          >
+            <svg class="bi me-2 opacity-50" aria-hidden="true">
+              <use href="#sun-fill"></use>
+            </svg>
+            Light
+
+            <svg class="bi ms-auto d-none" aria-hidden="true">
+              <use href="#check2"></use>
+            </svg>
+          </button>
+        </li>
+        <li>
+          <button
+            type="button"
+            class="dropdown-item d-flex align-items-center"
+            data-bs-theme-value="dark"
+            aria-pressed="false"
+          >
+            <svg class="bi me-2 opacity-50" aria-hidden="true">
+              <use href="#moon-stars-fill"></use>
+            </svg>
+            Dark
+
+            <svg class="bi ms-auto d-none" aria-hidden="true">
+              <use href="#check2"></use>
+            </svg>
+          </button>
+        </li>
+        <li>
+          <button
+            type="button"
+            class="dropdown-item d-flex align-items-center active"
+            data-bs-theme-value="auto"
+            aria-pressed="true"
+          >
+            <svg class="bi me-2 opacity-50" aria-hidden="true">
+              <use href="#circle-half"></use>
+            </svg>
+            Auto
+
+            <svg class="bi ms-auto d-none" aria-hidden="true">
+              <use href="#check2"></use>
+            </svg>
+          </button>
+        </li>
+      </ul>
+    </div>
+
+    <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
+      <symbol id="check" viewBox="0 0 16 16">
+        <title>Check</title>
+        <path
+          d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"
+        ></path>
+      </symbol>
+    </svg>
+
+    <div class="container py-3" id="main_content">
+      <header>
+        <div
+          class="d-flex flex-column flex-md-row align-items-center pb-3 mb-4 border-bottom"
+        >
+          <a
+            href="/"
+            class="d-flex align-items-center link-body-emphasis text-decoration-none"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              xmlns:xlink="http://www.w3.org/1999/xlink"
+              width="32"
+              height="32"
+              viewBox="0 0 32 32"
+            >
+              <path
+                fill-rule="nonzero"
+                fill="rgb(89.019608%, 87.058824%, 85.882353%)"
+                fill-opacity="1"
+                d="M 17.554688 12.542969 C 17.554688 17.15625 13.8125 20.894531 9.199219 20.894531 C 4.585938 20.894531 0.847656 17.15625 0.847656 12.542969 C 0.847656 7.929688 4.585938 4.191406 9.199219 4.191406 C 13.8125 4.191406 17.554688 7.929688 17.554688 12.542969 Z M 17.554688 12.542969 "
+              />
+              <path
+                fill-rule="nonzero"
+                fill="rgb(89.019608%, 87.058824%, 85.882353%)"
+                fill-opacity="1"
+                d="M 24.480469 16.519531 C 24.480469 21.132812 20.742188 24.871094 16.128906 24.871094 C 11.515625 24.871094 7.773438 21.132812 7.773438 16.519531 C 7.773438 11.90625 11.515625 8.167969 16.128906 8.167969 C 20.742188 8.167969 24.480469 11.90625 24.480469 16.519531 Z M 24.480469 16.519531 "
+              />
+              <path
+                fill-rule="nonzero"
+                fill="rgb(89.019608%, 87.058824%, 85.882353%)"
+                fill-opacity="1"
+                d="M 31.097656 12.691406 C 31.097656 17.304688 27.359375 21.042969 22.746094 21.042969 C 18.132812 21.042969 14.394531 17.304688 14.394531 12.691406 C 14.394531 8.078125 18.132812 4.339844 22.746094 4.339844 C 27.359375 4.339844 31.097656 8.078125 31.097656 12.691406 Z M 31.097656 12.691406 "
+              />
+              <path
+                fill-rule="nonzero"
+                fill="rgb(83.137255%, 0%, 0%)"
+                fill-opacity="1"
+                d="M 9.277344 2.328125 C 7.226562 2.335938 5.175781 3.121094 3.578125 4.703125 C 1.757812 6.503906 0.730469 9.40625 0.820312 12.320312 C 0.828125 12.632812 0.851562 12.945312 0.886719 13.257812 C 2.207031 13.714844 3.574219 14.25 5.246094 13.890625 C 5.648438 10.855469 7.0625 6.617188 9.273438 6.507812 C 9.300781 6.503906 9.328125 6.503906 9.355469 6.503906 C 9.738281 6.5 10.042969 6.609375 10.265625 6.816406 C 10.523438 7.042969 10.640625 7.375 10.640625 7.800781 C 10.617188 10.074219 8.6875 13.042969 7.109375 13.957031 C 6.917969 14.914062 6.824219 15.785156 6.824219 16.386719 C 6.824219 17.4375 6.871094 18.707031 7.25 19.042969 C 7.320312 19.085938 7.390625 19.109375 7.484375 19.109375 C 8.402344 19.042969 9.792969 15.292969 10.40625 13.332031 C 10.421875 13.285156 10.464844 13.25 10.519531 13.222656 C 10.597656 13.074219 10.671875 12.980469 10.738281 12.953125 C 10.949219 12.839844 11.140625 12.820312 11.304688 12.820312 C 11.351562 12.371094 11.515625 11.835938 11.871094 11.414062 C 12.199219 11.035156 12.621094 10.8125 13.140625 10.789062 L 13.1875 10.789062 C 14.742188 10.789062 15.074219 12.839844 15.121094 13.0625 C 15.214844 13.777344 15.214844 14.535156 15.097656 15.292969 C 15.582031 14.921875 15.925781 14.328125 16.140625 13.855469 C 16.136719 13.601562 16.121094 13.375 16.089844 13.199219 C 16.066406 13.085938 16.136719 12.976562 16.230469 12.953125 C 16.628906 12.839844 17.101562 12.90625 17.429688 13.109375 C 17.644531 13.242188 17.761719 13.441406 17.785156 13.667969 C 17.855469 14.515625 17.832031 15.5625 17.808594 16.453125 C 17.808594 17.078125 17.785156 17.660156 17.808594 18.105469 C 17.808594 18.195312 17.832031 18.371094 17.878906 18.441406 C 17.902344 18.460938 17.925781 18.460938 17.949219 18.460938 C 18.515625 18.105469 19.199219 16.902344 19.738281 15.316406 C 19.738281 15.273438 19.761719 15.25 19.761719 15.207031 C 19.007812 14.714844 18.539062 13.441406 18.46875 12.195312 C 18.445312 12.082031 18.300781 9.339844 19.785156 9.160156 C 20.046875 9.136719 20.800781 9.050781 21.011719 10.34375 C 21.199219 11.503906 21.011719 13.199219 20.515625 14.9375 C 20.585938 14.960938 20.660156 14.960938 20.730469 14.960938 C 21.25 14.925781 21.785156 14.273438 22.078125 13.816406 C 22.21875 13.304688 22.429688 12.785156 22.707031 12.304688 C 23.390625 11.191406 24.308594 10.5 25.296875 10.363281 C 26.121094 10.253906 26.523438 10.5 26.6875 10.722656 C 26.96875 11.054688 26.992188 11.570312 26.78125 12.082031 C 26.121094 13.734375 24.753906 14.671875 23.8125 14.960938 C 23.789062 15.226562 23.765625 15.472656 23.789062 15.742188 C 23.953125 17.457031 24.566406 17.769531 25.085938 17.816406 C 27.15625 18.015625 28.808594 14.222656 30.902344 14.023438 C 30.9375 14.019531 30.96875 14.015625 31.003906 14.015625 C 31.105469 13.453125 31.164062 12.886719 31.179688 12.324219 C 31.269531 9.410156 30.242188 6.507812 28.421875 4.707031 C 26.601562 2.90625 23.988281 2.210938 21.925781 2.355469 C 19.863281 2.5 18.355469 3.488281 17.386719 4.726562 C 16.671875 5.640625 16.253906 6.695312 16 7.691406 C 15.75 6.691406 15.328125 5.640625 14.613281 4.722656 C 13.644531 3.484375 11.4375 2.394531 9.582031 2.332031 C 9.480469 2.328125 9.378906 2.328125 9.277344 2.328125 Z M 9.933594 7.242188 C 9.273438 7.242188 8.496094 8.601562 7.816406 10.945312 C 7.601562 11.613281 7.4375 12.351562 7.273438 13.042969 C 7.367188 12.976562 7.460938 12.886719 7.554688 12.796875 C 8.828125 11.570312 10.148438 9.316406 10.125 7.644531 C 10.125 7.578125 10.101562 7.488281 10.078125 7.398438 C 10.027344 7.242188 9.957031 7.242188 9.933594 7.242188 Z M 20.164062 9.808594 C 20.117188 9.808594 19.953125 10.054688 19.859375 11.078125 C 19.785156 11.816406 19.761719 12.683594 19.808594 13.289062 C 19.832031 13.753906 19.929688 14.113281 20.023438 14.359375 C 20.375 13.0625 20.539062 11.792969 20.46875 10.855469 C 20.421875 10.121094 20.304688 9.898438 20.210938 9.828125 C 20.210938 9.808594 20.1875 9.808594 20.164062 9.808594 Z M 25.957031 11.054688 C 25.769531 11.054688 25.53125 11.167969 25.296875 11.367188 C 24.730469 11.859375 24.167969 12.953125 23.90625 14.222656 C 24.636719 13.910156 25.179688 13.355469 25.722656 12.417969 C 25.957031 12.015625 26.167969 11.28125 26.050781 11.101562 C 26.050781 11.054688 26.027344 11.054688 26.027344 11.054688 Z M 13.449219 11.367188 C 13.234375 11.390625 13.023438 11.503906 12.859375 11.703125 C 12.480469 12.171875 12.363281 12.996094 12.503906 13.867188 C 12.648438 14.601562 12.976562 15.605469 14.105469 15.628906 L 14.296875 15.628906 C 14.484375 14.714844 14.53125 13.734375 14.390625 12.929688 C 14.152344 11.480469 13.636719 11.367188 13.472656 11.367188 Z M 0.980469 13.921875 C 1.394531 16.304688 2.601562 18.691406 4.808594 21.0625 C 7.507812 23.96875 11.710938 26.851562 13.832031 28.300781 C 15.34375 29.328125 15.808594 29.617188 15.96875 29.667969 C 16.078125 29.703125 16.398438 29.507812 18.167969 28.304688 C 20.289062 26.855469 24.492188 23.972656 27.191406 21.066406 C 29.03125 19.089844 30.175781 17.101562 30.746094 15.113281 C 30.714844 15.105469 30.679688 15.097656 30.644531 15.09375 C 29.371094 14.914062 27.179688 18.953125 24.332031 18.527344 C 23.363281 18.371094 22.023438 17.414062 21.90625 15.339844 C 21.890625 15.171875 21.890625 14.992188 21.902344 14.808594 C 21.550781 15.140625 21.101562 15.410156 20.5625 15.429688 C 20.492188 15.429688 20.445312 15.429688 20.375 15.40625 C 20.328125 15.539062 20.304688 15.675781 20.257812 15.808594 C 19.527344 17.90625 18.632812 19.265625 17.808594 19.464844 C 17.714844 19.488281 17.644531 19.488281 17.546875 19.488281 C 17.335938 19.488281 17.125 19.421875 16.9375 19.289062 C 16.582031 19.0625 16.160156 18.507812 16.089844 17.234375 C 16.066406 16.765625 16.089844 16.140625 16.113281 15.496094 C 16.117188 15.332031 16.121094 15.175781 16.125 15.015625 C 15.867188 15.390625 15.46875 15.808594 14.957031 16.054688 C 14.859375 16.433594 14.742188 16.789062 14.601562 17.144531 C 14.128906 18.285156 13.449219 19.0625 12.8125 19.199219 C 12.648438 19.21875 12.503906 19.242188 12.363281 19.242188 C 11.964844 19.242188 11.609375 19.132812 11.304688 18.929688 C 10.550781 18.441406 10.148438 17.390625 10.03125 16.609375 C 10.011719 16.492188 9.996094 16.367188 9.988281 16.246094 C 9.308594 17.980469 8.34375 19.707031 7.203125 19.777344 C 6.425781 19.777344 5.222656 18.683594 5.128906 15.652344 C 5.128906 15.292969 5.152344 14.871094 5.199219 14.425781 C 3.570312 14.691406 2.191406 14.3125 0.980469 13.921875 Z M 12.058594 15.207031 C 11.941406 15.851562 11.820312 16.542969 11.917969 17.347656 C 11.988281 17.835938 12.105469 18.171875 12.292969 18.304688 C 12.410156 18.394531 12.527344 18.371094 12.625 18.351562 L 12.671875 18.351562 C 12.929688 18.328125 13.164062 18.171875 13.398438 17.882812 C 13.730469 17.503906 13.988281 16.902344 14.179688 16.210938 L 13.964844 16.210938 C 13.070312 16.121094 12.457031 15.695312 12.058594 15.207031 Z M 12.058594 15.207031 "
+              />
+            </svg>
+            <span class="fs-4">Найдём свою любовь вместе</span>
+          </a>
+          <nav class="d-inline-flex mt-2 mt-md-0 ms-md-auto">
+            <a class="me-3 py-2 link-body-emphasis text-decoration-none" href="/"
+            ><i class="fa-solid fa-house"></i> Главная</a
+            >
+            <a
+              class="me-3 py-2 link-body-emphasis text-decoration-none"
+              href="/about_me"
+              ><i class="fa-solid fa-user"></i> Обо мне</a
+            >
+            <a
+              class="me-3 py-2 link-body-emphasis text-decoration-none"
+              href="/about_site"
+              ><i class="fa-solid fa-newspaper"></i> О сайте</a
+            >
+            <a
+              class="me-3 py-2 link-body-emphasis text-decoration-none"
+              href="https://www.tinkoff.ru/cf/7OmVoFjdFNI"
+              target="_blank"
+              ><i class="fa-solid fa-hand-holding-heart"></i> Поддержать</a
+            >
+          </nav>
+        </div>
+      </header>
+
+      <main>
+        {% block content %}{% endblock content %}
+      </main>
+
+      <footer class="pt-4 my-md-5 pt-md-5 border-top">
+        <div class="row">
+          <div class="col-12 col-md">
+            <img
+              class="mb-2"
+              src="/static/assets/brand/lerafoxqueen-logo.svg"
+              alt=""
+              width="24"
+              height="19"
+            />
+            <small class="d-block mb-3 text-body-secondary"
+              >&copy; LeraFoxQueen 2025
+            </small>
+          </div>
+          <!--
+          <div class="col-6 col-md">
+            <h5>Features</h5>
+            <ul class="list-unstyled text-small">
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Cool stuff
+                </a>
+              </li>
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Random feature
+                </a>
+              </li>
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Team feature
+                </a>
+              </li>
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Stuff for developers
+                </a>
+              </li>
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Another one
+                </a>
+              </li>
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Last time
+                </a>
+              </li>
+            </ul>
+          </div>
+          <div class="col-6 col-md">
+            <h5>Resources</h5>
+            <ul class="list-unstyled text-small">
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Resource
+                </a>
+              </li>
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Resource name
+                </a>
+              </li>
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Another resource
+                </a>
+              </li>
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Final resource
+                </a>
+              </li>
+            </ul>
+          </div>
+          <div class="col-6 col-md">
+            <h5>About</h5>
+            <ul class="list-unstyled text-small">
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Team
+                </a>
+              </li>
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Locations
+                </a>
+              </li>
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Privacy
+                </a>
+              </li>
+              <li class="mb-1">
+                <a class="link-secondary text-decoration-none" href="#"
+                  >Terms
+                </a>
+              </li>
+            </ul>
+          </div>
+          -->
+        </div>
+
+        <div class="toast-container position-fixed bottom-0 end-0 p-3">
+          <div
+            id="liveToast"
+            class="toast"
+            role="alert"
+            aria-live="assertive"
+            aria-atomic="true"
+          >
+            <div class="toast-header">
+              <img
+                src="/static/assets/brand/lerafoxqueen-logo_32.svg"
+                class="rounded me-2"
+                alt="LeraFoxQueen"
+              />
+              <strong class="me-auto">LeraFoxQueen</strong>
+              <small>Сейчас</small>
+              <button
+                type="button"
+                class="btn-close"
+                data-bs-dismiss="toast"
+                aria-label="Close"
+              ></button>
+            </div>
+            <div class="toast-body">Сообщение отправлено</div>
+          </div>
+
+          <div
+            id="liveToastUUID"
+            class="toast"
+            role="alert"
+            aria-live="assertive"
+            aria-atomic="true"
+          >
+            <div class="toast-header">
+              <img
+                src="/static/assets/brand/lerafoxqueen-logo_32.svg"
+                class="rounded me-2"
+                alt="LeraFoxQueen"
+              />
+              <strong class="me-auto">LeraFoxQueen</strong>
+              <small>Сейчас</small>
+              <button
+                type="button"
+                class="btn-close"
+                data-bs-dismiss="toast"
+                aria-label="Close"
+              ></button>
+            </div>
+            <div class="toast-body"></div>
+          </div>
+        </div>
+      </footer>
+    </div>
+
+    <script
+      src="/static/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
+      class="astro-vvvwv3sm"
+    ></script>
+    <!-- <script src="/static/node_modules/bootstrap-autocomplete/dist/latest/bootstrap-autocomplete.js"></script> -->
+
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+        const formModal = document.getElementById("formModal");
+        const formModal_js = new bootstrap.Modal(formModal);
+
+        const toastLive = document.getElementById("liveToast");
+        const toastLive_js = new bootstrap.Toast(toastLive, {
+          autohide: false,
+        });
+        const toastLive_body = toastLive.querySelector(".toast-body");
+
+        const toastLiveUUID = document.getElementById("liveToastUUID");
+        const toastLiveUUID_js = new bootstrap.Toast(toastLiveUUID);
+        const toastLiveUUID_body = toastLiveUUID.querySelector(".toast-body");
+
+        if (formModal) {
+          formModal.addEventListener("show.bs.modal", (event) => {
+            // Button that triggered the modal
+            const button = event.relatedTarget;
+            // Extract info from data-bs-* attributes
+            const theme = button.getAttribute("data-bs-theme");
+            // If necessary, you could initiate an Ajax request here
+            // and then do the updating in a callback.
+
+            const offer_block = document.getElementById("offer_block");
+            const offer_field = document.getElementById("offer");
+
+            if (theme === "Секс за деньги") {
+              offer_block.style.display = "block";
+              offer_field.value =
+                "В сообщении укажи сколько ты готов потратить своих денег за час моего дневного времени, учитывая, что ночью я сплю.";
+            } else if (theme === "Секс без обязательств") {
+              offer_block.style.display = "block";
+              offer_field.value =
+                "Чем же ты сможешь меня заинтеревовать? Напиши в сообщении";
+            } else {
+              offer_block.style.display = "none";
+              offer_field.value = "";
+            }
+
+            // Update the modal's content.
+            const modalTitle = formModal.querySelector(".modal-title");
+            modalTitle.textContent = `${theme}`;
+
+            const theme_field = document.getElementById("theme_name");
+            theme_field.value = theme;
+
+            const sender_looking_relationship_field = document.getElementById(
+              "sender_looking_relationship"
+            );
+
+            switch (theme) {
+              case "Секс за деньги":
+                sender_looking_relationship_field.value =
+                  "relationships_for_money";
+                break;
+
+              case "Секс без обязательств":
+                sender_looking_relationship_field.value =
+                  "relationship_without_commitment";
+                break;
+
+              case "Дружба":
+                sender_looking_relationship_field.value = "friendship";
+                break;
+
+              case "Серьёзные отношения":
+                sender_looking_relationship_field.value = "marriage";
+                break;
+            }
+
+            //const modalBodyInput = formModal.querySelector('.modal-body input')
+            //modalBodyInput.value = theme
+          });
+        }
+
+        // возвращает куки с указанным name,
+        // или undefined, если ничего не найдено
+        function getCookie(name) {
+          let matches = document.cookie.match(
+            new RegExp(
+              "(?:^|; )" +
+                name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, "\\$1") +
+                "=([^;]*)"
+            )
+          );
+          return matches ? decodeURIComponent(matches[1]) : undefined;
+        }
+
+        var sessionkey = getCookie("sessionkey");
+        if (sessionkey !== undefined) {
+          toastLiveUUID_body.textContent = "session key = " + sessionkey;
+          document.getElementById("sessionkey").value = sessionkey;
+          //toastLiveUUID_js.show();
+        }
+
+        /**
+         * Helper function for POSTing data as JSON with fetch.
+         *
+         * @param {Object} options
+         * @param {string} options.url - URL to POST data to
+         * @param {FormData} options.formData - `FormData` instance
+         * @return {Object} - Response body from URL that was POSTed to
+         */
+        var postFormDataAsJson = async ({ url, formData }) => {
+          const plainFormData = Object.fromEntries(formData.entries());
+          const formDataJsonString = JSON.stringify(plainFormData);
+
+          const fetchOptions = {
+            method: "POST",
+            headers: {
+              Accept: "application/json",
+              "Content-Type": "application/json",
+              // "Content-Type": "application/x-www-form-urlencoded",
+            },
+            body: formDataJsonString,
+          };
+
+          //alert("about to post" + formDataJsonString);
+          console.log(url);
+          console.log(formDataJsonString);
+          const response = await fetch(url, fetchOptions);
+
+          if (!response.ok) {
+            const errorMessage = await response.text();
+            const message =
+              'Ошибка отправления. Свяжитесь с разработчиком <a href="https://t.me/LeraFoxQueen" target="_blank">LeraFoxQueen</a>';
+            formModal_js.toggle();
+            toastLive_body.innerHTML = message;
+            toastLive_js.show();
+            throw new Error(errorMessage);
+          }
+
+          return response.json();
+        };
+        /**
+         * Event handler for a form submit event.
+         * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event
+         * @example const exampleForm = document.getElementById("example-form");
+         *          exampleForm.addEventListener("submit", handleFormSubmit);
+         * @param {SubmitEvent} event
+         */
+        var handleFormSubmit = async (event) => {
+          event.preventDefault();
+          const form = event.currentTarget;
+          const url = form.action;
+
+          try {
+            const formData = new FormData(form);
+            const responseData = await postFormDataAsJson({
+              url,
+              formData,
+            });
+            console.log({
+              responseData,
+            });
+
+            let telegram_name = document.getElementById("telegram_name").value;
+
+            var message = "";
+
+            if (responseData.id === null) {
+              message =
+                'Ошибка отправления. Возможно что была попытка отпавить анкету повторно. Свяжись с разработчиком <a href="https://t.me/LeraFoxQueen" target="_blank">LeraFoxQueen</a>';
+            } else {
+              message = `Сообщение отправлено. Если оно заинтересует, с тобой свяжутся по указанному контакту: <a href="https://t.me/${telegram_name}" target="_blank">${telegram_name}</a>`;
+            }
+
+            formModal_js.toggle();
+            toastLive_body.innerHTML = message;
+            toastLive_js.show();
+          } catch (error) {
+            console.error(error);
+          }
+        };
+
+        document
+          .querySelector("form[name='profile_send']")
+          .addEventListener("submit", handleFormSubmit);
+      });
+
+      function showPage() {
+        document.getElementById("loader").style.display = "none";
+        document.getElementById("main_content").style.display = "block";
+      }
+
+        let showPage_var;
+
+      function ready() {
+        showPage_var = setTimeout(showPage, 1000);
+      }
+
+      document.addEventListener("DOMContentLoaded", ready);
+    </script>
+  </body>
+</html>
diff --git a/templates/index.html b/templates/index.html
index 9fde04b..7715d96 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,948 +1,94 @@
-<!DOCTYPE html>
-<html lang="ru-RU" data-bs-theme="auto">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta
-      name="description"
-      content="Найди свою любовь вместе с LeraFoxQueen"
-    />
-    <meta name="author" content="LeraFoxQueen" />
-    <meta name="generator" content="LeraFoxQueen" />
-    <title>LeraFoxQueen : Найдём свою любовь вместе</title>
-    <link rel="canonical" href="https://LeraFoxQueen.ru" />
-    <script src="/static/assets/js/color-modes.js"></script>
-    <link
-      href="/static/node_modules/bootstrap/dist/css/bootstrap.min.css"
-      rel="stylesheet"
-    />
-    <link
-      href="/static/node_modules/@fortawesome/fontawesome-free/css/fontawesome.css"
-      rel="stylesheet"
-    />
-    <link
-      href="/static/node_modules/@fortawesome/fontawesome-free/css/brands.css"
-      rel="stylesheet"
-    />
-    <link
-      href="/static/node_modules/@fortawesome/fontawesome-free/css/solid.css"
-      rel="stylesheet"
-    />
-
-    <link
-      rel="apple-touch-icon"
-      href="/static/assets/img/favicons/apple-touch-icon.png"
-      sizes="180x180"
-    />
-    <link
-      rel="icon"
-      href="/static/assets/img/favicons/favicon-32x32.png"
-      sizes="32x32"
-      type="image/png"
-    />
-    <link
-      rel="icon"
-      href="/static/assets/img/favicons/favicon-16x16.png"
-      sizes="16x16"
-      type="image/png"
-    />
-    <link rel="manifest" href="/static/assets/img/favicons/manifest.json" />
-    <link
-      rel="mask-icon"
-      href="/static/assets/img/favicons/safari-pinned-tab.svg"
-      color="#712cf9"
-    />
-    <link rel="icon" href="/static/assets/img/favicons/favicon.ico" />
-    <meta name="theme-color" content="#712cf9" />
-    <link href="/static/assets/css/style.css" rel="stylesheet" />
-  </head>
-
-  <body>
-    <div id="loader">
-    </div>
-
-    <!-- Modal -->
-    <div class="modal fade" id="AboutMeModal" tabindex="-1" aria-labelledby="AboutMeModalLabel" aria-hidden="true">
-      <div class="modal-dialog modal-fullscreen modal-dialog-centered modal-dialog-scrollable">
-        <div class="modal-content">
-          <div class="modal-header">
-            <h1 class="modal-title fs-5" id="AboutMeModalLabel">Обо мне</h1>
-            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-          </div>
-          <div class="modal-body">
-            <div class="mb-3">
-              <p class="p-3">Меня зовут Валерия Фадеева, мне 35+ лет.</p>
-
-              <h4>Значение имени</h4>
-              <p class="p-3">
-                Имя Валерия – это женская форма мужского имени Валерий, которое
-                является римским родовым именем. В переводе с латинского "valeo"
-                имеет несколько вариантов перевода и значений. Чаще
-                употребляемыми являются переводы "быть сильной, крепкой", а
-                также "здравствовать", "быть здоровой". Но у этого латинского
-                слова существуют ещё и иные варианты перевода, например, "быть
-                могущественной, сильной", "иметь перевес", "быть влиятельной,
-                пользоваться влиянием", "иметь смысл, иметь значение".
-              </p>
-
-              <h4>Значение фамилии</h4>
-              <p class="p-3">
-                Фамилия происходит от древнерусского церковного (крестильного)
-                имени «Фадей» или «Фаддей», которое имеет древнегреческий корень
-                Theos, что означает «бог». Имя Фадей можно перевести как
-                «богатый», «богоподобный», «достойный похвалы».
-              </p>
-
-              <p class="p-3">
-                Thadeus — мужское имя греческого происхождения. Является
-                вариантом написания Thaddeus, которое происходит от арамейского
-                термина «thaddai» и означает «сердце» или «смелый».
-                <br />
-                Также существует версия, что имя связано с именем Theodorus и
-                означает «подарок Бога» (от греческого theos — Бог и doron —
-                подарок).
-              </p>
-
-              <p class="p-3">
-                В персидском языке «фада» означает «приятный» или «милый».
-                Следовательно, можно предположить, что фамилия Фадеева
-                обозначает приветливость или дружелюбие предков, происходящих из
-                Персии.
-              </p>
-              <p class="p-3">
-                В финно-угорских языках слово «фаде» означает «точно», «прямо».
-                Следовательно, возможно, что носители этой фамилии были известны
-                как люди прямых взглядов или прямолинейных действий.
-              </p>
-
-              <h4>Введение</h4>
-              <p class="p-3">
-                Училась в школе в Юридическом классе, после чего поступила в
-                Университет на Педагога Юриспруденции, 3,5 года изучала
-                Психологию в ВУЗе и самостоятельно после ВУЗа, проходила
-                практику в Следственном Отделе и колледже, в Спорт-Зале
-                тренировалась со Штангой: жим, тяга, присяд (Пауэрлифтинг - это
-                на Силу, не на объем, как у бодибилдеров, не надо путать),
-                сейчас занимаюсь Пилатесом.
-              </p>
-
-              <p class="p-3">
-                Пила́тес — система физических упражнений, разработанная Йозефом
-                Пилатесом в начале XX века для реабилитации после травм. Автор
-                назвал свою систему "контрологией", определив её как полную
-                координацию между телом, умом и духом, но в настоящее время она
-                широко известна как "метод Пилатеса" или просто "Пилатес". И
-                люди занимаются им потому что движение - это жизнь, а
-                неподвижность - это смерть.
-              </p>
-
-              <p class="p-3">
-                В школе закончила с отличием курс Прикладной Экономики, а также
-                курс Информатики, проработала более 15 лет в отделе
-                Информационных Технологий в одной организации, решала
-                разнообразные задачи, была на разных позициях.
-              </p>
-
-              <h4>Работа</h4>
-              <p class="p-3">
-                В процессе работы познакомилась с миром Открытого, Свободного
-                Программного Обеспечения: Операционной Системой Unix, Linux и
-                Прикладным Программным Обеспечением; выполняла задачи Системного
-                Администратора Windows Server и Linux Server; Программиста на
-                разных языках: PHP, Python, Rust, JavaScript; DevOps; создавала
-                и администрировала Систему Виртуализации Серверов: KVM.
-              </p>
-
-              <h4>Хобби</h4>
-              <p class="p-3">
-                В качестве Хобби я выбрала Программирование и Разработку
-                Дериватива Операционной Системы Linux при работе над которым
-                использовала языки программирования Python, Rust, JavaScript, а
-                также QML, Bash.
-              </p>
-
-              <p class="p-3">
-                Дериватив операционной системы Linux — это дистрибутив, который
-                основан на ядре Linux и включает в себя различные программные
-                компоненты, утилиты и интерфейсы, которые делают его удобным для
-                пользователей.
-              </p>
-
-              <p class="p-3">
-                Дистрибутив операционной системы Linux — это комплект
-                программного обеспечения, который включает в себя ядро Linux,
-                системные утилиты, библиотеки, а также набор приложений и
-                инструментов, необходимых для работы операционной системы.
-              </p>
-
-              <p class="p-3">
-                Деривативы и Дистрибутивы могут различаться по целям,
-                функциональности и пользовательскому интерфейсу.
-              </p>
-
-              <p class="p-3">Основные компоненты дистрибутива Linux:</p>
-
-              <ol>
-                <li>
-                  Ядро Linux: Основная часть операционной системы, отвечающая за
-                  управление аппаратными ресурсами и взаимодействие с
-                  программным обеспечением.
-                </li>
-                <li>
-                  Системные утилиты: Набор программ, которые обеспечивают
-                  базовые функции операционной системы, такие как управление
-                  файлами, настройка сети и другие системные задачи.
-                </li>
-                <li>
-                  Библиотеки: Набор программных библиотек, которые предоставляют
-                  функции и API для приложений.
-                </li>
-                <li>
-                  Приложения: Различные программы, которые могут включаться в
-                  дистрибутив, такие как текстовые редакторы, браузеры, офисные
-                  приложения и другие.
-                </li>
-                <li>
-                  Установщик: Инструмент, который позволяет пользователю
-                  установить дистрибутив на компьютер.
-                </li>
-              </ol>
-
-              <p class="p-3">
-                Дистрибутивы Linux могут быть ориентированы на разные категории
-                пользователей, например, на начинающих, опытных пользователей
-                или серверные решения. Некоторые из самых популярных
-                дистрибутивов включают Ubuntu, Fedora, Debian, Arch Linux и
-                CentOS. Каждый из них имеет свои особенности и предназначен для
-                различных задач.
-              </p>
-
-              <p class="p-3">
-                В данный момент я изучаю Разработку Мобильных Приложений,
-                интересуюсь языками и технологиями: Kotlin, KMM, Compose; Dart,
-                Flutter. Будущая профессия - Разработчик Мобильных Приложений.
-              </p>
-
-              <p class="p-3">
-                В свободное время успешно окончила курсы визажа, работала с
-                другими выпускницами на платных фотосессиях.
-              </p>
-
-              <p class="p-3">
-                У меня есть домашние животные: два кота и кошка, Мэйнкуны.
-              </p>
-
-              <h4>Отдых</h4>
-              <p class="p-3">
-                В свободное время гуляю, встречаюсь, общаюсь с людьми, учусь,
-                смотрю Китайские, Корейские, Турецкие Дорамы, Аниме, Фильмы,
-                играю в игры, в основном компьютерные: MMORPG: Lost Ark;
-                Стрелялки: Ghost Recon Breakpoint, Ghost Recon Wildlands, The
-                Division, The Division 2, Rainbow Six Siege, Warframe;
-                Стратегии: Серия WH40k DoW; но могу и в настольные. Состою в
-                двух игровых сообществах, в одном 80 человек, в другом 220, а
-                также в сообществах Программистов и Linux разработчиков,
-                администраторов и пользователей, проявляю интерес к гражданскому
-                нарезному полуавтомтическому Оружию, Автомобилям и Мотоциклам.
-              </p>
-
-              <h4>Взаимодействие с другими людьми</h4>
-              <p class="p-3">
-                Общаюсь с родителями, есть очень близкая подруга. Не пью, не
-                курю, не употребляю наркотики, не имею татуировки, лишние
-                проколы на теле, не состою на учёте у психиатра, нарколога, не
-                имею судимостей действующих и погашеных, имею Водительское
-                Удостоверение. Имею Высокий Интеллект, Эмпатию и Устойчивую
-                Психику. Занимаюсь самодиагностикой, а также периодически
-                посещаю психолога.
-              </p>
-
-              <p class="p-3">
-                Есть прошлые серьёзные отношения 2 раза по 9 лет. Не прыгаю по
-                ху*м, ищу одного единственного Верного, Ответственного,
-                Надёжного, Сильного, Зрелого партнёра для Серьёзных Отношений, а
-                не развлечения.
-              </p>
-
-              <p class="p-3">
-                Люблю людей, которые знают слово Ответственность, умеют её
-                нести, не трусят, проработали свои травмы, могут упасть,
-                отряхнуться, встать и пойти дальше.
-              </p>
-
-              <h4>Религия</h4>
-              <p class="p-3">
-                Также я верю что бога нет, а то, что называют богом, это
-                природа, достаточно в уместных моментах заменить слово бог
-                везде, где он употребляется, как всё становится на свои места.
-              </p>
-
-              <h4>Ценности</h4>
-              <p class="p-3">
-                Не сужу людей по полу, гендеру, сексуальной ориентации, расе,
-                национальности, цвету кожи, росту, весу, религиозным,
-                политеческим убеждениям и тд. Придерживаюсь принципа - "говори
-                по делу, живи по совести, суди по справедливости".
-              </p>
-
-              <p class="p-3">
-                Право справедливости — название набора правовых принципов,
-                действующих в рамках традиции английского общего права, дополняя
-                строгие правила там, где требование их формального исполнения
-                могло бы быть слишком жёстким. В правовых системах цивильного
-                права подобные «общие оговорки» позволяют судьям более свободно
-                применять нормы законов.
-              </p>
-
-              <h4>Мои цели:</h4>
-              <ul class="p-3">
-                <li>
-                  главная - найти партнёра, с которым мы построим семью, поможем
-                  друг другу развиваться, создадим детей любым способом и
-                  передадим им свои знания о мире и вырастим достойных членов
-                  общества
-                </li>
-                <li>
-                  промежуточная - найти партнёра, с которым мы создадим союз, в
-                  котором мы поможем друг-другу развиваться.
-                </li>
-              </ul>
-
-              <h4>Заключение</h4>
-              <p class="p-3">
-                Призываю быть адекватным человеком, здраво оценивать свои
-                возможности и соотносить их со своими желаниями. А также решать
-                задачи, вопросы, проблемы "словами через рот", а именно в
-                личном, устном диалоге между личностями (людьми).
-              </p>
-            </div>
-          </div>
-          <div class="modal-footer">
-            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
-              Закрыть
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Modal -->
-    <div class="modal fade" id="TermModal" tabindex="-1" aria-labelledby="TermModalLabel" aria-hidden="true">
-      <div class="modal-dialog modal-fullscreen modal-dialog-centered modal-dialog-scrollable">
-        <div class="modal-content">
-          <div class="modal-header">
-            <h1 class="modal-title fs-5" id="TermModalLabel">О сайте</h1>
-            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-          </div>
-          <div class="modal-body">
-            <div class="mb-3">
-              <h4>Добро пожаловать сайт знакомства со мной</h4>
-
-              <p class="p-3">
-                Идея этого сайта родилась после того, как стало понятно, что на
-                сайтах знакомств мужчины в основном ищут секс (развлечение /
-                удовольствие), а женщины - серьёзные отношения, то есть такие
-                отношения, которые приведут к заключению брачного союза и
-                рождению детей, планированию совместной жизни.
-              </p>
-
-              <p class="p-3">
-                А также в связи с тем, что на сайтах знакомств у людей
-                складывается неправильное отношение к поиску самих отношений. То
-                есть: мужчины стремятся пропустить период дружбы, узнавания
-                партнёра, ухаживания, и хотят сразу приступить к сексу
-                (халявщики / тунеядцы) на 1, 2, 3 свидании (по результатам
-                опросов мужчин, проведённых лично мною). А женщины ожидают что
-                этот малознакомый мужчина будет вкладывать свои ресурсы (нести
-                ответственность), а мужчины хотят уйти от ответственности и
-                называют таких женщин тарелочницами.
-              </p>
-
-              <p class="p-3">
-                Таким образом я хочу найти парнтёров для дружбы любого пола, а
-                также одного единственного верного, ответственного, надёжного,
-                сильного, зрелого партнёра любого пола для серьёзных отношений,
-                а не развлечения.
-              </p>
-
-              <p class="p-3">
-                Информация на данном сайте не является рекламой товаров или
-                услуг, прямым предложением, публичной оферой или акцептом.
-              </p>
-
-              <p class="p-3">
-                Любая цена, указанная в на сайте является просто информацией, не
-                призывающей к действию, она необходима для того, чтобы оценить
-                на что Вы способны.
-              </p>
-
-              <p class="p-3">
-                Сбор ответов осуществляется с целью получения статистических
-                данных о спросе на "рынке" отношений, а также для поиска
-                отношений.
-              </p>
-
-              <p class="p-3">
-                Анкеты доступны только мне, без передачи третьим лицам.
-              </p>
-
-              <p class="p-3">
-                Сервер на котором размещено данное программное обеспечение
-                находится в моей собственности и моём распоряжении.
-              </p>
-
-              <p class="p-3">
-                Так как вся необходимая информация обо мне здесь уже
-                представлена, считаю справедливым, что всё общение по существу в
-                телеграме будет происходить только после заполнения и отправки
-                анкеты.
-              </p>
-
-              <p class="p-3">
-                Продолжая оставаться на данном сайте Вы соглашаетесь с данными
-                условиями. Иначе Вы обязаны незамедлительно покинуть данный сайт
-                и удалить чат между нами в телеграме (и для меня тоже), чтобы
-                избавить меня от бессмысленной траты времени и ожидания.
-              </p>
-
-              <h4>СПАСИБО ЗА ПОНИМАНИЕ!</h4>
-            </div>
-          </div>
-          <div class="modal-footer">
-            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
-              Закрыть
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Modal -->
-    <!-- data-bs-backdrop="static" data-bs-keyboard="false" -->
-    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
-      <div class="modal-dialog modal-fullscreen modal-dialog-centered modal-dialog-scrollable"
-        style="min-height: 100%; height: auto; overflow-y: scroll">
-        <div class="modal-content">
-          <div class="modal-header">
-            <h1 class="modal-title fs-5" id="exampleModalLabel">
-              Новое сообщение
-            </h1>
-            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-          </div>
-          <form name="profile_send" id="profile_send" action="/datings/add" method="post" class="needs-validation">
-            <div class="modal-body">
-              <input type="hidden" class="form-control" id="theme_name" name="theme_name" pattern="[а-яА-ЯЁёa-zA-Z0-9\s]+"
-                required />
-
-              <input type="hidden" class="form-control" id="sender_looking_relationship" name="sender_looking_relationship"
-                pattern="[a-z_]+" required />
-
-              <input type="hidden" class="form-control" id="sessionkey" name="sessionkey"
-                pattern="[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}" required />
-
-              <div class="row">
-                <div class="form-floating mb-3 col">
-                  <input type="text" class="form-control" id="sender_name" name="sender_name" pattern="[а-яА-ЯЁёa-zA-Z\s]+"
-                    required />
-                  <label for="sender_name">Имя:</label>
-                  <small>Русские, английские буквы и пробел</small>
-                </div>
-
-                <div class="form-floating mb-3 col">
-                  <select id="sender_sex" name="sender_sex" class="form-control" pattern="[a-z]+" required>
-                    <option value="" selected disabled></option>
-                    <option value="male">Мужской</option>
-                    <option value="female">Женский</option>
-                    <option value="other">Другой</option>
-                  </select>
-                  <label for="sender_sex">Пол:</label>
-                </div>
-
-                <div class="form-floating mb-3 col">
-                  <input type="number" class="form-control" id="sender_age" name="sender_age" min="0" max="100" value="0"
-                    step="1" pattern="[0-9]+" required />
-                  <label for="sender_age">Возраст:</label>
-                </div>
-
-                <div class="form-floating mb-3 col">
-                  <input type="text" class="form-control" id="sender_city" name="sender_city"
-                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\s]+" required />
-                  <label for="sender_city">Город:</label>
-                  <small>Русские, английские буквы, цифры, тире и пробел</small>
-                </div>
-
-                <div class="form-floating mb-3 col">
-                  <input type="text" class="form-control" id="telegram_name" name="telegram_name" pattern="[a-zA-Z0-9\-_]+"
-                    required />
-                  <label for="telegram_name">Telegram:</label>
-                  <small>Английские буквы, цифры, тире, подчёркивание</small>
-                </div>
-              </div>
-
-              <div class="row">
-                <div class="form-floating mb-3 col">
-                  <select id="sender_relationship" name="sender_relationship" class="form-control" pattern="[a-z_]+"
-                    required>
-                    <option value="" selected disabled></option>
-                    <option value="single">Один/одна</option>
-                    <option value="married">Состою в браке</option>
-                    <option value="open_relationship">
-                      В свободных/открытых отношениях
-                    </option>
-                    <option value="relationship_without_commitment">
-                      В отношениях без обязательств
-                    </option>
-                  </select>
-                  <label for="sender_relationship">Мой статус:</label>
-                </div>
-
-                <div class="form-floating mb-3 col">
-                  <select id="sender_having_kids" name="sender_having_kids" class="form-control" pattern="[a-z]+" required>
-                    <option value="" selected disabled></option>
-                    <option value="no">Нет</option>
-                    <option value="yes">Есть</option>
-                  </select>
-                  <label for="sender_having_kids">Наличие детей:</label>
-                </div>
-
-                <!-- <div class="form-floating mb-3 col">
-                              <select
-                                  id="sender_looking_relationship"
-                                  name="sender_looking_relationship"
-                                  class="form-control"
-                                  pattern="[a-z_]+"
-                                  required
-                              >
-                                  <option
-                                      value=""
-                                      selected
-                                      disabled
-                                  ></option>
-                                  <option value="friendship">
-                                      Дружбу
-                                  </option>
-                                  <option value="marriage">Брак</option>
-                                  <option value="open_relationship">
-                                      Свободные/открытые отношения
-                                  </option>
-                                  <option
-                                      value="relationship_without_commitment"
-                                  >
-                                      Отношения без обязательств
-                                  </option>
-                                  <option value="relationships_for_money">
-                                      Отношения за деньги
-                                  </option>
-                              </select>
-                              <label for="sender_looking_relationship"
-                                  >Ищу:</label
-                              >
-                          </div> -->
-
-                <div class="form-floating mb-3 col">
-                  <select id="sender_want_to_have_kids" name="sender_want_to_have_kids" class="form-control"
-                    pattern="[a-z]+" required>
-                    <option value="" selected disabled></option>
-                    <option value="yes">Да</option>
-                    <option value="maybe">Возможно</option>
-                    <option value="no">Нет</option>
-                  </select>
-                  <label for="sender_want_to_have_kids">Хочешь иметь детей?:</label>
-                </div>
-              </div>
-
-              <div class="row">
-                <div class="form-floating mb-3 col">
-                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_school_university"
-                    name="interests_in_school_university" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
-                  <label for="interests_in_school_university">Интересы в школе, вузе:</label>
-                </div>
-
-                <div class="form-floating mb-3 col">
-                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_sports"
-                    name="interests_in_sports" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
-                  <label for="interests_in_sports">Интересы в спорте:</label>
-                </div>
-              </div>
-              <div class="row">
-                <div class="form-floating mb-3 col">
-                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_work"
-                    name="interests_in_work" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
-                  <label for="interests_in_work">Интересы в работе:</label>
-                </div>
-
-                <div class="form-floating mb-3 col">
-                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_your_free_time"
-                    name="interests_in_your_free_time" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
-                  <label for="interests_in_your_free_time">Интересы в свободное время:</label>
-                </div>
-              </div>
-              <div class="row">
-                <div class="form-floating mb-3 col">
-                  <textarea type="text" class="form-control" style="height: 10rem" id="pets_plants_fish"
-                    name="pets_plants_fish" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
-                  <label for="pets_plants_fish">Домашние животные, растения, рыбки:</label>
-                </div>
-
-                <div class="form-floating mb-3 col">
-                  <textarea type="text" class="form-control" style="height: 10rem"
-                    id="relationships_with_relatives_and_friends" name="relationships_with_relatives_and_friends"
-                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
-                  <label for="relationships_with_relatives_and_friends">Отношения с родственниками и друзьями:</label>
-                </div>
-              </div>
-              <div class="row">
-                <div class="form-floating mb-3 col">
-                  <textarea type="text" class="form-control" style="height: 10rem" id="past_relationships"
-                    name="past_relationships" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
-                  <label for="past_relationships">Прошлые отношения:</label>
-                </div>
-
-                <div class="form-floating mb-3 col">
-                  <textarea type="text" class="form-control" style="height: 10rem" id="life_principles_values"
-                    name="life_principles_values" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
-                  <label for="life_principles_values">Жизненные принципы, ценности:</label>
-                </div>
-              </div>
-
-              <div class="row">
-                <div class="form-floating mb-3 col">
-                  <textarea type="text" class="form-control" style="height: 10rem" id="goals_in_life" name="goals_in_life"
-                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
-                  <label for="goals_in_life">Цели в жизни:</label>
-                </div>
-
-                <div class="form-floating mb-3 col">
-                  <textarea class="form-control" id="message_text" style="height: 10rem" name="message_text"
-                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
-                  <label for="message_text">Сообщение:</label>
-                </div>
-              </div>
-
-              <div class="mb-3" id="offer_block">
-                <mark><output id="offer" name="offer" class="center w-100"></output></mark>
-              </div>
-
-              <div class="mb-3">
-                <input type="checkbox" class="btn-check" id="privacy_accept" name="privacy_accept" required
-                  autocomplete="off" />
-                <label class="btn btn-outline-primary" for="privacy_accept">Даю согласие на обработку персональных
-                  данных</label>
-              </div>
-
-              <!-- <small style="color: var(--bs-warning-text-emphasis);">Допускаются только буквы русского и английского алфавита, и цифры</small> -->
-            </div>
-            <div class="modal-footer">
-              <div class="btn-group" role="group">
-                <button type="button" class="btn btn-outline-primary" data-bs-dismiss="modal">
-                  Закрыть
-                </button>
-                <button type="reset" class="btn btn-outline-primary">
-                  Очистить
-                </button>
-                <button type="submit" class="btn btn-outline-primary">
-                  Отправить
-                </button>
-              </div>
-            </div>
-          </form>
-        </div>
-      </div>
-    </div>
-    <!-- Modal END -->
-
-
-    <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
-      <symbol id="check2" viewBox="0 0 16 16">
-        <path
-          d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"
-        ></path>
-      </symbol>
-      <symbol id="circle-half" viewBox="0 0 16 16">
-        <path
-          d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"
-        ></path>
-      </symbol>
-      <symbol id="moon-stars-fill" viewBox="0 0 16 16">
-        <path
-          d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"
-        ></path>
-        <path
-          d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"
-        ></path>
-      </symbol>
-      <symbol id="sun-fill" viewBox="0 0 16 16">
-        <path
-          d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"
-        ></path>
-      </symbol>
-    </svg>
-
-    <div
-      class="dropdown position-fixed bottom-0 start-0 mb-3 me-3 bd-mode-toggle"
-    >
-      <button
-        class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
-        id="bd-theme"
-        type="button"
-        aria-expanded="false"
-        data-bs-toggle="dropdown"
-        aria-label="Toggle theme (auto)"
-      >
-        <svg class="bi my-1 theme-icon-active" aria-hidden="true">
-          <use href="#circle-half"></use>
-        </svg>
-        <span class="visually-hidden" id="bd-theme-text">Toggle theme </span>
-      </button>
-      <ul
-        class="dropdown-menu dropdown-menu-end shadow"
-        aria-labelledby="bd-theme-text"
-      >
-        <li>
-          <button
-            type="button"
-            class="dropdown-item d-flex align-items-center"
-            data-bs-theme-value="light"
-            aria-pressed="false"
-          >
-            <svg class="bi me-2 opacity-50" aria-hidden="true">
-              <use href="#sun-fill"></use>
-            </svg>
-            Light
-
-            <svg class="bi ms-auto d-none" aria-hidden="true">
-              <use href="#check2"></use>
-            </svg>
-          </button>
-        </li>
-        <li>
-          <button
-            type="button"
-            class="dropdown-item d-flex align-items-center"
-            data-bs-theme-value="dark"
-            aria-pressed="false"
-          >
-            <svg class="bi me-2 opacity-50" aria-hidden="true">
-              <use href="#moon-stars-fill"></use>
-            </svg>
-            Dark
-
-            <svg class="bi ms-auto d-none" aria-hidden="true">
-              <use href="#check2"></use>
-            </svg>
-          </button>
-        </li>
-        <li>
-          <button
-            type="button"
-            class="dropdown-item d-flex align-items-center active"
-            data-bs-theme-value="auto"
-            aria-pressed="true"
-          >
-            <svg class="bi me-2 opacity-50" aria-hidden="true">
-              <use href="#circle-half"></use>
-            </svg>
-            Auto
-
-            <svg class="bi ms-auto d-none" aria-hidden="true">
-              <use href="#check2"></use>
-            </svg>
-          </button>
-        </li>
-      </ul>
-    </div>
-
-    <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
-      <symbol id="check" viewBox="0 0 16 16">
-        <title>Check</title>
-        <path
-          d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"
-        ></path>
-      </symbol>
-    </svg>
-
-    <div class="container py-3" id="main_content">
-      <header>
-        <div
-          class="d-flex flex-column flex-md-row align-items-center pb-3 mb-4 border-bottom"
-        >
-          <a
-            href="/"
-            class="d-flex align-items-center link-body-emphasis text-decoration-none"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              xmlns:xlink="http://www.w3.org/1999/xlink"
-              width="32"
-              height="32"
-              viewBox="0 0 32 32"
-            >
-              <path
-                fill-rule="nonzero"
-                fill="rgb(89.019608%, 87.058824%, 85.882353%)"
-                fill-opacity="1"
-                d="M 17.554688 12.542969 C 17.554688 17.15625 13.8125 20.894531 9.199219 20.894531 C 4.585938 20.894531 0.847656 17.15625 0.847656 12.542969 C 0.847656 7.929688 4.585938 4.191406 9.199219 4.191406 C 13.8125 4.191406 17.554688 7.929688 17.554688 12.542969 Z M 17.554688 12.542969 "
-              />
-              <path
-                fill-rule="nonzero"
-                fill="rgb(89.019608%, 87.058824%, 85.882353%)"
-                fill-opacity="1"
-                d="M 24.480469 16.519531 C 24.480469 21.132812 20.742188 24.871094 16.128906 24.871094 C 11.515625 24.871094 7.773438 21.132812 7.773438 16.519531 C 7.773438 11.90625 11.515625 8.167969 16.128906 8.167969 C 20.742188 8.167969 24.480469 11.90625 24.480469 16.519531 Z M 24.480469 16.519531 "
-              />
-              <path
-                fill-rule="nonzero"
-                fill="rgb(89.019608%, 87.058824%, 85.882353%)"
-                fill-opacity="1"
-                d="M 31.097656 12.691406 C 31.097656 17.304688 27.359375 21.042969 22.746094 21.042969 C 18.132812 21.042969 14.394531 17.304688 14.394531 12.691406 C 14.394531 8.078125 18.132812 4.339844 22.746094 4.339844 C 27.359375 4.339844 31.097656 8.078125 31.097656 12.691406 Z M 31.097656 12.691406 "
-              />
-              <path
-                fill-rule="nonzero"
-                fill="rgb(83.137255%, 0%, 0%)"
-                fill-opacity="1"
-                d="M 9.277344 2.328125 C 7.226562 2.335938 5.175781 3.121094 3.578125 4.703125 C 1.757812 6.503906 0.730469 9.40625 0.820312 12.320312 C 0.828125 12.632812 0.851562 12.945312 0.886719 13.257812 C 2.207031 13.714844 3.574219 14.25 5.246094 13.890625 C 5.648438 10.855469 7.0625 6.617188 9.273438 6.507812 C 9.300781 6.503906 9.328125 6.503906 9.355469 6.503906 C 9.738281 6.5 10.042969 6.609375 10.265625 6.816406 C 10.523438 7.042969 10.640625 7.375 10.640625 7.800781 C 10.617188 10.074219 8.6875 13.042969 7.109375 13.957031 C 6.917969 14.914062 6.824219 15.785156 6.824219 16.386719 C 6.824219 17.4375 6.871094 18.707031 7.25 19.042969 C 7.320312 19.085938 7.390625 19.109375 7.484375 19.109375 C 8.402344 19.042969 9.792969 15.292969 10.40625 13.332031 C 10.421875 13.285156 10.464844 13.25 10.519531 13.222656 C 10.597656 13.074219 10.671875 12.980469 10.738281 12.953125 C 10.949219 12.839844 11.140625 12.820312 11.304688 12.820312 C 11.351562 12.371094 11.515625 11.835938 11.871094 11.414062 C 12.199219 11.035156 12.621094 10.8125 13.140625 10.789062 L 13.1875 10.789062 C 14.742188 10.789062 15.074219 12.839844 15.121094 13.0625 C 15.214844 13.777344 15.214844 14.535156 15.097656 15.292969 C 15.582031 14.921875 15.925781 14.328125 16.140625 13.855469 C 16.136719 13.601562 16.121094 13.375 16.089844 13.199219 C 16.066406 13.085938 16.136719 12.976562 16.230469 12.953125 C 16.628906 12.839844 17.101562 12.90625 17.429688 13.109375 C 17.644531 13.242188 17.761719 13.441406 17.785156 13.667969 C 17.855469 14.515625 17.832031 15.5625 17.808594 16.453125 C 17.808594 17.078125 17.785156 17.660156 17.808594 18.105469 C 17.808594 18.195312 17.832031 18.371094 17.878906 18.441406 C 17.902344 18.460938 17.925781 18.460938 17.949219 18.460938 C 18.515625 18.105469 19.199219 16.902344 19.738281 15.316406 C 19.738281 15.273438 19.761719 15.25 19.761719 15.207031 C 19.007812 14.714844 18.539062 13.441406 18.46875 12.195312 C 18.445312 12.082031 18.300781 9.339844 19.785156 9.160156 C 20.046875 9.136719 20.800781 9.050781 21.011719 10.34375 C 21.199219 11.503906 21.011719 13.199219 20.515625 14.9375 C 20.585938 14.960938 20.660156 14.960938 20.730469 14.960938 C 21.25 14.925781 21.785156 14.273438 22.078125 13.816406 C 22.21875 13.304688 22.429688 12.785156 22.707031 12.304688 C 23.390625 11.191406 24.308594 10.5 25.296875 10.363281 C 26.121094 10.253906 26.523438 10.5 26.6875 10.722656 C 26.96875 11.054688 26.992188 11.570312 26.78125 12.082031 C 26.121094 13.734375 24.753906 14.671875 23.8125 14.960938 C 23.789062 15.226562 23.765625 15.472656 23.789062 15.742188 C 23.953125 17.457031 24.566406 17.769531 25.085938 17.816406 C 27.15625 18.015625 28.808594 14.222656 30.902344 14.023438 C 30.9375 14.019531 30.96875 14.015625 31.003906 14.015625 C 31.105469 13.453125 31.164062 12.886719 31.179688 12.324219 C 31.269531 9.410156 30.242188 6.507812 28.421875 4.707031 C 26.601562 2.90625 23.988281 2.210938 21.925781 2.355469 C 19.863281 2.5 18.355469 3.488281 17.386719 4.726562 C 16.671875 5.640625 16.253906 6.695312 16 7.691406 C 15.75 6.691406 15.328125 5.640625 14.613281 4.722656 C 13.644531 3.484375 11.4375 2.394531 9.582031 2.332031 C 9.480469 2.328125 9.378906 2.328125 9.277344 2.328125 Z M 9.933594 7.242188 C 9.273438 7.242188 8.496094 8.601562 7.816406 10.945312 C 7.601562 11.613281 7.4375 12.351562 7.273438 13.042969 C 7.367188 12.976562 7.460938 12.886719 7.554688 12.796875 C 8.828125 11.570312 10.148438 9.316406 10.125 7.644531 C 10.125 7.578125 10.101562 7.488281 10.078125 7.398438 C 10.027344 7.242188 9.957031 7.242188 9.933594 7.242188 Z M 20.164062 9.808594 C 20.117188 9.808594 19.953125 10.054688 19.859375 11.078125 C 19.785156 11.816406 19.761719 12.683594 19.808594 13.289062 C 19.832031 13.753906 19.929688 14.113281 20.023438 14.359375 C 20.375 13.0625 20.539062 11.792969 20.46875 10.855469 C 20.421875 10.121094 20.304688 9.898438 20.210938 9.828125 C 20.210938 9.808594 20.1875 9.808594 20.164062 9.808594 Z M 25.957031 11.054688 C 25.769531 11.054688 25.53125 11.167969 25.296875 11.367188 C 24.730469 11.859375 24.167969 12.953125 23.90625 14.222656 C 24.636719 13.910156 25.179688 13.355469 25.722656 12.417969 C 25.957031 12.015625 26.167969 11.28125 26.050781 11.101562 C 26.050781 11.054688 26.027344 11.054688 26.027344 11.054688 Z M 13.449219 11.367188 C 13.234375 11.390625 13.023438 11.503906 12.859375 11.703125 C 12.480469 12.171875 12.363281 12.996094 12.503906 13.867188 C 12.648438 14.601562 12.976562 15.605469 14.105469 15.628906 L 14.296875 15.628906 C 14.484375 14.714844 14.53125 13.734375 14.390625 12.929688 C 14.152344 11.480469 13.636719 11.367188 13.472656 11.367188 Z M 0.980469 13.921875 C 1.394531 16.304688 2.601562 18.691406 4.808594 21.0625 C 7.507812 23.96875 11.710938 26.851562 13.832031 28.300781 C 15.34375 29.328125 15.808594 29.617188 15.96875 29.667969 C 16.078125 29.703125 16.398438 29.507812 18.167969 28.304688 C 20.289062 26.855469 24.492188 23.972656 27.191406 21.066406 C 29.03125 19.089844 30.175781 17.101562 30.746094 15.113281 C 30.714844 15.105469 30.679688 15.097656 30.644531 15.09375 C 29.371094 14.914062 27.179688 18.953125 24.332031 18.527344 C 23.363281 18.371094 22.023438 17.414062 21.90625 15.339844 C 21.890625 15.171875 21.890625 14.992188 21.902344 14.808594 C 21.550781 15.140625 21.101562 15.410156 20.5625 15.429688 C 20.492188 15.429688 20.445312 15.429688 20.375 15.40625 C 20.328125 15.539062 20.304688 15.675781 20.257812 15.808594 C 19.527344 17.90625 18.632812 19.265625 17.808594 19.464844 C 17.714844 19.488281 17.644531 19.488281 17.546875 19.488281 C 17.335938 19.488281 17.125 19.421875 16.9375 19.289062 C 16.582031 19.0625 16.160156 18.507812 16.089844 17.234375 C 16.066406 16.765625 16.089844 16.140625 16.113281 15.496094 C 16.117188 15.332031 16.121094 15.175781 16.125 15.015625 C 15.867188 15.390625 15.46875 15.808594 14.957031 16.054688 C 14.859375 16.433594 14.742188 16.789062 14.601562 17.144531 C 14.128906 18.285156 13.449219 19.0625 12.8125 19.199219 C 12.648438 19.21875 12.503906 19.242188 12.363281 19.242188 C 11.964844 19.242188 11.609375 19.132812 11.304688 18.929688 C 10.550781 18.441406 10.148438 17.390625 10.03125 16.609375 C 10.011719 16.492188 9.996094 16.367188 9.988281 16.246094 C 9.308594 17.980469 8.34375 19.707031 7.203125 19.777344 C 6.425781 19.777344 5.222656 18.683594 5.128906 15.652344 C 5.128906 15.292969 5.152344 14.871094 5.199219 14.425781 C 3.570312 14.691406 2.191406 14.3125 0.980469 13.921875 Z M 12.058594 15.207031 C 11.941406 15.851562 11.820312 16.542969 11.917969 17.347656 C 11.988281 17.835938 12.105469 18.171875 12.292969 18.304688 C 12.410156 18.394531 12.527344 18.371094 12.625 18.351562 L 12.671875 18.351562 C 12.929688 18.328125 13.164062 18.171875 13.398438 17.882812 C 13.730469 17.503906 13.988281 16.902344 14.179688 16.210938 L 13.964844 16.210938 C 13.070312 16.121094 12.457031 15.695312 12.058594 15.207031 Z M 12.058594 15.207031 "
-              />
-            </svg>
-            <span class="fs-4">Найдём свою любовь вместе</span>
-          </a>
-          <nav class="d-inline-flex mt-2 mt-md-0 ms-md-auto">
-            <a
-              class="me-3 py-2 link-body-emphasis text-decoration-none"
-              href=""
-              data-bs-toggle="modal"
-              data-bs-target="#AboutMeModal"
-              ><i class="fa-solid fa-user"></i> Обо мне</a
-            >
-            <a
-              class="me-3 py-2 link-body-emphasis text-decoration-none"
-              href=""
-              data-bs-toggle="modal"
-              data-bs-target="#TermModal"
-              ><i class="fa-solid fa-newspaper"></i> О сайте</a
-            >
-            <a
-              class="me-3 py-2 link-body-emphasis text-decoration-none"
-              href="https://www.tinkoff.ru/cf/7OmVoFjdFNI"
-              target="_blank"
-              ><i class="fa-solid fa-hand-holding-heart"></i> Поддержать</a
-            >
-          </nav>
-        </div>
-        <div class="pricing-header p-3 pb-md-4 mx-auto text-center">
-          <h1 class="display-4 fw-normal text-body-emphasis">
-            Выбери какие отношения ты хочешь со мной
-          </h1>
-          <p class="fs-5 text-body-secondary">
-            Не Я предлагаю это всё, а ТЫ выбираешь и предлагаешь мне, мы обсуждаем и делаем или не делаем.
-          </p>
-        </div>
-      </header>
-
-      <main>
-        <div class="row row-cols-1 row-cols-md-3 mb-3 text-center center">
-          <div class="col">
-            <div class="card mb-4 rounded-3 shadow-sm card-min-height">
-              <div class="card-header py-3">
+{% extends 'core.html' %}
+{% block content%}
+<div class="p-3 pb-md-4 mx-auto text-center">
+    <h1 class="display-4 fw-normal text-body-emphasis">
+        Выбери какие отношения ты хочешь со мной
+    </h1>
+    <p class="fs-5 text-body-secondary">
+        Не Я предлагаю это всё, а ТЫ выбираешь и предлагаешь мне, мы обсуждаем <br>и в зависимости от того, что я решу, делаем или не делаем.
+    </p>
+</div>
+
+<div class="row row-cols-1 row-cols-md-3 mb-3 text-center center">
+    <div class="col">
+        <div class="card mb-4 rounded-3 shadow-sm card-min-height">
+            <div class="card-header py-3">
                 <h4 class="my-0 fw-normal">Секс за деньги</h4>
-              </div>
-              <div class="card-body">
+            </div>
+            <div class="card-body">
                 <h1 class="card-title pricing-card-title">Только секс</h1>
                 <h2>
-                  <small class="text-body-secondary fw-light"
-                    >Ничего больше</small
-                  >
+                    <small class="text-body-secondary fw-light">Ничего больше</small>
                 </h2>
                 <p>Деньги</p>
-              </div>
-              <div class="card-footer">
-                <!-- Button trigger modal -->
-                <button
-                  type="button"
-                  class="w-100 btn btn-lg btn-outline-primary"
-                  data-bs-toggle="modal"
-                  data-bs-target="#exampleModal"
-                  data-bs-theme="Секс за деньги"
-                >
-                  Просто начни
-                </button>
-              </div>
             </div>
-          </div>
+            <div class="card-footer">
+                <!-- Button trigger modal -->
+                <button type="button" class="w-100 btn btn-lg btn-outline-primary" data-bs-toggle="modal"
+                    data-bs-target="#formModal" data-bs-theme="Секс за деньги">
+                    Просто начни
+                </button>
+            </div>
+        </div>
+    </div>
 
-          <div class="col">
-            <div class="card mb-4 rounded-3 shadow-sm card-min-height">
-              <div class="card-header py-3">
+    <div class="col">
+        <div class="card mb-4 rounded-3 shadow-sm card-min-height">
+            <div class="card-header py-3">
                 <h4 class="my-0 fw-normal">Секс без обязательств</h4>
-              </div>
-              <div class="card-body">
+            </div>
+            <div class="card-body">
                 <h1 class="card-title pricing-card-title">Только секс</h1>
                 <h2>
-                  <small class="text-body-secondary fw-light"
-                    >Ничего больше</small
-                  >
+                    <small class="text-body-secondary fw-light">Ничего больше</small>
                 </h2>
                 <p>Чем же ты сможешь меня заинтеревовать?</p>
-              </div>
-              <div class="card-footer">
-                <!-- Button trigger modal -->
-                <button
-                  type="button"
-                  class="w-100 btn btn-lg btn-outline-primary"
-                  data-bs-toggle="modal"
-                  data-bs-target="#exampleModal"
-                  data-bs-theme="Секс без обязательств"
-                >
-                  Просто начни
-                </button>
-              </div>
             </div>
-          </div>
+            <div class="card-footer">
+                <!-- Button trigger modal -->
+                <button type="button" class="w-100 btn btn-lg btn-outline-primary" data-bs-toggle="modal"
+                    data-bs-target="#formModal" data-bs-theme="Секс без обязательств">
+                    Просто начни
+                </button>
+            </div>
+        </div>
+    </div>
 
-          <div class="col">
-            <div class="card mb-4 rounded-3 shadow-sm card-min-height">
-              <div class="card-header py-3 text-bg-primary border-primary">
+    <div class="col">
+        <div class="card mb-4 rounded-3 shadow-sm card-min-height">
+            <div class="card-header py-3 text-bg-primary border-primary">
                 <h4 class="my-0 fw-normal">Дружба</h4>
-              </div>
-              <div class="card-body">
+            </div>
+            <div class="card-body">
                 <h1 class="card-title pricing-card-title">
-                  Никто никому ничего не должен
+                    Никто никому ничего не должен
                 </h1>
                 <h2>
-                  <small class="text-body-secondary fw-light"
-                    >Вообще ничего</small
-                  >
+                    <small class="text-body-secondary fw-light">Вообще ничего</small>
                 </h2>
                 <p>Бесплатно</p>
-              </div>
-              <div class="card-footer">
-                <!-- Button trigger modal -->
-                <button
-                  type="button"
-                  class="w-100 btn btn-lg btn-primary"
-                  data-bs-toggle="modal"
-                  data-bs-target="#exampleModal"
-                  data-bs-theme="Дружба"
-                >
-                  Просто начни
-                </button>
-              </div>
             </div>
-          </div>
+            <div class="card-footer">
+                <!-- Button trigger modal -->
+                <button type="button" class="w-100 btn btn-lg btn-primary" data-bs-toggle="modal"
+                    data-bs-target="#formModal" data-bs-theme="Дружба">
+                    Просто начни
+                </button>
+            </div>
+        </div>
+    </div>
 
-          <div class="col">
-            <div
-              class="card mb-4 rounded-3 shadow-sm border-primary card-min-height"
-            >
-              <div class="card-header py-3 text-bg-primary border-primary">
+    <div class="col">
+        <div class="card mb-4 rounded-3 shadow-sm border-primary card-min-height">
+            <div class="card-header py-3 text-bg-primary border-primary">
                 <h4 class="my-0 fw-normal">Серьёзные отношения</h4>
-              </div>
-              <div class="card-body">
+            </div>
+            <div class="card-body">
                 <h1 class="card-title pricing-card-title">
-                  Всё как у взрослых
+                    Всё как у взрослых
                 </h1>
                 <h2>
-                  <small class="text-body-secondary fw-light"
-                    >Ты же уже взрослый, правда?</small
-                  >
+                    <small class="text-body-secondary fw-light">Ты же уже взрослый, правда?</small>
                 </h2>
                 <p>Обо всём можно договориться словами через рот</p>
                 <p>Начинается со знакомства, дружбы, узнавания потенциального партнёра</p>
@@ -955,100 +101,95 @@
                 партнёр-любовник<br>
                 муж/жена<br>
                 родственник<br>
-              </div>
-              <div class="card-footer">
-                <!-- Button trigger modal -->
-                <button
-                  type="button"
-                  class="w-100 btn btn-lg btn-primary"
-                  data-bs-toggle="modal"
-                  data-bs-target="#exampleModal"
-                  data-bs-theme="Серьёзные отношения"
-                >
-                  Просто начни
-                </button>
-              </div>
             </div>
-          </div>
+            <div class="card-footer">
+                <!-- Button trigger modal -->
+                <button type="button" class="w-100 btn btn-lg btn-primary" data-bs-toggle="modal"
+                    data-bs-target="#formModal" data-bs-theme="Серьёзные отношения">
+                    Просто начни
+                </button>
+            </div>
+        </div>
+    </div>
 
-          <div class="col">
-            <div class="card mb-4 rounded-3 shadow-sm border-primary card-min-height">
-              <div class="card-header py-3 text-bg-primary border-primary">
+    <div class="col">
+        <div class="card mb-4 rounded-3 shadow-sm border-primary card-min-height">
+            <div class="card-header py-3 text-bg-primary border-primary">
                 <h4 class="my-0 fw-normal">Психологическая работа</h4>
-              </div>
-              <div class="card-body">
+            </div>
+            <div class="card-body">
                 <h1 class="card-title pricing-card-title">
-                  Всё как у взрослых
+                    Всё как у взрослых
                 </h1>
                 <h2>
-                  <small class="text-body-secondary fw-light">Ты же уже можешь оплачивать чужой труд?</small>
+                    <small class="text-body-secondary fw-light">Ты же уже можешь оплачивать чужой труд?</small>
                 </h2>
                 <p>5000 рублей в час</p>
 
                 <h4>Темы:</h4>
 
-                  Личностный рост<br>
-                  Межличностные отношения<br><br>
+                Личностный рост<br>
+                Межличностные отношения<br><br>
 
                 <h4>Приёмы:</h4>
-                  Наставничество<br>
-                  Психологическая консультация<br>
-                  Активное слушание<br>
+                Наставничество<br>
+                Психологическая консультация<br>
+                Активное слушание<br>
 
-              </div>
-              <div class="card-footer">
-                <!-- Button trigger modal -->
-                <button type="button" class="w-100 btn btn-lg btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"
-                  data-bs-theme="Психологическая работа">
-                  Просто начни
-                </button>
-              </div>
             </div>
-          </div>
+            <div class="card-footer">
+                <!-- Button trigger modal -->
+                <button type="button" class="w-100 btn btn-lg btn-primary" data-bs-toggle="modal"
+                    data-bs-target="#formModal" data-bs-theme="Психологическая работа">
+                    Просто начни
+                </button>
+            </div>
+        </div>
+    </div>
 
-          <div class="col">
-            <div class="card mb-4 rounded-3 shadow-sm border-primary card-min-height">
-              <div class="card-header py-3 text-bg-primary border-primary">
+    <div class="col">
+        <div class="card mb-4 rounded-3 shadow-sm border-primary card-min-height">
+            <div class="card-header py-3 text-bg-primary border-primary">
                 <h4 class="my-0 fw-normal">Разработка программного обеспечения</h4>
-              </div>
-              <div class="card-body">
+            </div>
+            <div class="card-body">
                 <h1 class="card-title pricing-card-title">
-                  Всё как у взрослых
+                    Всё как у взрослых
                 </h1>
                 <h2>
-                  <small class="text-body-secondary fw-light">Ты же уже можешь оплачивать чужой труд?</small>
+                    <small class="text-body-secondary fw-light">Ты же уже можешь оплачивать чужой труд?</small>
                 </h2>
                 <p>5000 рублей в час</p>
 
                 Разработка программного обеспечения<br>
 
-              </div>
-              <div class="card-footer">
-                <!-- Button trigger modal -->
-                <button type="button" class="w-100 btn btn-lg btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"
-                  data-bs-theme="Разработка программного обеспечения">
-                  Просто начни
-                </button>
-              </div>
             </div>
-          </div>
+            <div class="card-footer">
+                <!-- Button trigger modal -->
+                <button type="button" class="w-100 btn btn-lg btn-primary" data-bs-toggle="modal"
+                    data-bs-target="#formModal" data-bs-theme="Разработка программного обеспечения">
+                    Просто начни
+                </button>
+            </div>
         </div>
+    </div>
+</div>
 
-        <h2 class="display-6 text-center mb-4">Сравнение возможностей</h2>
-        <div class="table-responsive">
-          <table class="table text-center">
-            <thead>
-              <tr>
+<h2 class="display-6 text-center mb-4">Сравнение возможностей</h2>
+<div class="table-responsive">
+    <table class="table text-center">
+        <thead>
+            <tr>
                 <th style="width: 34%"></th>
                 <th style="width: 16, 5%">Секс за деньги</th>
                 <th style="width: 16, 5%">Секс без обязательств</th>
                 <th style="width: 16, 5%">Дружба</th>
                 <th style="width: 16, 5%">Серьёзные отношения</th>
-              </tr>
-            </thead>
+            </tr>
+        </thead>
 
-            <tbody>
-              <tr>
+        <tbody>
+            <tr>
                 <th scope="row" class="text-start">Встречи</th>
 
                 <td></td>
@@ -1056,31 +197,19 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Прогулки</th>
 
                 <td></td>
@@ -1088,31 +217,19 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Дружеские объятия</th>
 
                 <td></td>
@@ -1120,33 +237,21 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">
-                  Психологическая необременительная поддержка
+                    Психологическая необременительная поддержка
                 </th>
 
                 <td></td>
@@ -1154,33 +259,21 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">
-                  Нематериальная необременительная помощь
+                    Нематериальная необременительная помощь
                 </th>
 
                 <td></td>
@@ -1188,31 +281,19 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Цветы</th>
 
                 <td></td>
@@ -1222,19 +303,13 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Подарки</th>
 
                 <td></td>
@@ -1244,19 +319,13 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Оплата такси</th>
 
                 <td></td>
@@ -1266,19 +335,13 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Оплата кафе, ресторанов</th>
 
                 <td></td>
@@ -1288,19 +351,13 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Оплата кино</th>
 
                 <td></td>
@@ -1310,19 +367,13 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Держаться за руки</th>
 
                 <td></td>
@@ -1332,19 +383,13 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Объятия возлюбленных</th>
 
                 <td></td>
@@ -1354,19 +399,13 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Поцелуи</th>
 
                 <td></td>
@@ -1376,21 +415,15 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">
-                  Планирование совместной жизни, развития, доходов, расходов
+                    Планирование совместной жизни, развития, доходов, расходов
                 </th>
 
                 <td></td>
@@ -1400,61 +433,37 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Секс</th>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
 
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Планирование детей</th>
 
                 <td></td>
@@ -1464,21 +473,15 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">
-                  Покупка туристических путёвок
+                    Покупка туристических путёвок
                 </th>
 
                 <td></td>
@@ -1488,19 +491,13 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Покупка машины</th>
 
                 <td></td>
@@ -1510,19 +507,13 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Покупка квартиры</th>
 
                 <td></td>
@@ -1532,19 +523,13 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">Рождение детией</th>
 
                 <td></td>
@@ -1554,15 +539,15 @@
                 <td></td>
 
                 <td>
-                  <svg class="bi" width="24" height="24" role="img" aria-label="Included">
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
+            </tr>
 
-              <tr>
+            <tr>
                 <th scope="row" class="text-start">
-                  Покупка земельного участка и дома
+                    Покупка земельного участка и дома
                 </th>
 
                 <td></td>
@@ -1572,378 +557,12 @@
                 <td></td>
 
                 <td>
-                  <svg
-                    class="bi"
-                    width="24"
-                    height="24"
-                    role="img"
-                    aria-label="Included"
-                  >
-                    <use xlink:href="#check"></use>
-                  </svg>
+                    <svg class="bi" width="24" height="24" role="img" aria-label="Included">
+                        <use xlink:href="#check"></use>
+                    </svg>
                 </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </main>
-
-      <footer class="pt-4 my-md-5 pt-md-5 border-top">
-        <div class="row">
-          <div class="col-12 col-md">
-            <img
-              class="mb-2"
-              src="/static/assets/brand/lerafoxqueen-logo.svg"
-              alt=""
-              width="24"
-              height="19"
-            />
-            <small class="d-block mb-3 text-body-secondary"
-              >&copy; LeraFoxQueen 2025
-            </small>
-          </div>
-          <!--
-          <div class="col-6 col-md">
-            <h5>Features</h5>
-            <ul class="list-unstyled text-small">
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Cool stuff
-                </a>
-              </li>
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Random feature
-                </a>
-              </li>
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Team feature
-                </a>
-              </li>
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Stuff for developers
-                </a>
-              </li>
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Another one
-                </a>
-              </li>
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Last time
-                </a>
-              </li>
-            </ul>
-          </div>
-          <div class="col-6 col-md">
-            <h5>Resources</h5>
-            <ul class="list-unstyled text-small">
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Resource
-                </a>
-              </li>
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Resource name
-                </a>
-              </li>
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Another resource
-                </a>
-              </li>
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Final resource
-                </a>
-              </li>
-            </ul>
-          </div>
-          <div class="col-6 col-md">
-            <h5>About</h5>
-            <ul class="list-unstyled text-small">
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Team
-                </a>
-              </li>
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Locations
-                </a>
-              </li>
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Privacy
-                </a>
-              </li>
-              <li class="mb-1">
-                <a class="link-secondary text-decoration-none" href="#"
-                  >Terms
-                </a>
-              </li>
-            </ul>
-          </div>
-          -->
-        </div>
-
-        <div class="toast-container position-fixed bottom-0 end-0 p-3">
-          <div
-            id="liveToast"
-            class="toast"
-            role="alert"
-            aria-live="assertive"
-            aria-atomic="true"
-          >
-            <div class="toast-header">
-              <img
-                src="/static/assets/brand/lerafoxqueen-logo_32.svg"
-                class="rounded me-2"
-                alt="LeraFoxQueen"
-              />
-              <strong class="me-auto">LeraFoxQueen</strong>
-              <small>Сейчас</small>
-              <button
-                type="button"
-                class="btn-close"
-                data-bs-dismiss="toast"
-                aria-label="Close"
-              ></button>
-            </div>
-            <div class="toast-body">Сообщение отправлено</div>
-          </div>
-
-          <div
-            id="liveToastUUID"
-            class="toast"
-            role="alert"
-            aria-live="assertive"
-            aria-atomic="true"
-          >
-            <div class="toast-header">
-              <img
-                src="/static/assets/brand/lerafoxqueen-logo_32.svg"
-                class="rounded me-2"
-                alt="LeraFoxQueen"
-              />
-              <strong class="me-auto">LeraFoxQueen</strong>
-              <small>Сейчас</small>
-              <button
-                type="button"
-                class="btn-close"
-                data-bs-dismiss="toast"
-                aria-label="Close"
-              ></button>
-            </div>
-            <div class="toast-body"></div>
-          </div>
-        </div>
-      </footer>
-    </div>
-
-    <script
-      src="/static/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
-      class="astro-vvvwv3sm"
-    ></script>
-    <!-- <script src="/static/node_modules/bootstrap-autocomplete/dist/latest/bootstrap-autocomplete.js"></script> -->
-
-    <script>
-      document.addEventListener("DOMContentLoaded", function () {
-        const exampleModal = document.getElementById("exampleModal");
-        const exampleModal_js = new bootstrap.Modal(exampleModal);
-
-        const toastLive = document.getElementById("liveToast");
-        const toastLive_js = new bootstrap.Toast(toastLive, {
-          autohide: false,
-        });
-        const toastLive_body = toastLive.querySelector(".toast-body");
-
-        const toastLiveUUID = document.getElementById("liveToastUUID");
-        const toastLiveUUID_js = new bootstrap.Toast(toastLiveUUID);
-        const toastLiveUUID_body = toastLiveUUID.querySelector(".toast-body");
-
-        if (exampleModal) {
-          exampleModal.addEventListener("show.bs.modal", (event) => {
-            // Button that triggered the modal
-            const button = event.relatedTarget;
-            // Extract info from data-bs-* attributes
-            const theme = button.getAttribute("data-bs-theme");
-            // If necessary, you could initiate an Ajax request here
-            // and then do the updating in a callback.
-
-            const offer_block = document.getElementById("offer_block");
-            const offer_field = document.getElementById("offer");
-
-            if (theme === "Секс за деньги") {
-              offer_block.style.display = "block";
-              offer_field.value =
-                "В сообщении укажи сколько ты готов потратить своих денег за час моего дневного времени, учитывая, что ночью я сплю.";
-            } else if (theme === "Секс без обязательств") {
-              offer_block.style.display = "block";
-              offer_field.value =
-                "Чем же ты сможешь меня заинтеревовать? Напиши в сообщении";
-            } else {
-              offer_block.style.display = "none";
-              offer_field.value = "";
-            }
-
-            // Update the modal's content.
-            const modalTitle = exampleModal.querySelector(".modal-title");
-            modalTitle.textContent = `${theme}`;
-
-            const theme_field = document.getElementById("theme_name");
-            theme_field.value = theme;
-
-            const sender_looking_relationship_field = document.getElementById(
-              "sender_looking_relationship"
-            );
-
-            switch (theme) {
-              case "Секс за деньги":
-                sender_looking_relationship_field.value =
-                  "relationships_for_money";
-                break;
-
-              case "Секс без обязательств":
-                sender_looking_relationship_field.value =
-                  "relationship_without_commitment";
-                break;
-
-              case "Дружба":
-                sender_looking_relationship_field.value = "friendship";
-                break;
-
-              case "Серьёзные отношения":
-                sender_looking_relationship_field.value = "marriage";
-                break;
-            }
-
-            //const modalBodyInput = exampleModal.querySelector('.modal-body input')
-            //modalBodyInput.value = theme
-          });
-        }
-
-        // возвращает куки с указанным name,
-        // или undefined, если ничего не найдено
-        function getCookie(name) {
-          let matches = document.cookie.match(
-            new RegExp(
-              "(?:^|; )" +
-                name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, "\\$1") +
-                "=([^;]*)"
-            )
-          );
-          return matches ? decodeURIComponent(matches[1]) : undefined;
-        }
-
-        var sessionkey = getCookie("sessionkey");
-        if (sessionkey !== undefined) {
-          toastLiveUUID_body.textContent = "session key = " + sessionkey;
-          document.getElementById("sessionkey").value = sessionkey;
-          //toastLiveUUID_js.show();
-        }
-
-        /**
-         * Helper function for POSTing data as JSON with fetch.
-         *
-         * @param {Object} options
-         * @param {string} options.url - URL to POST data to
-         * @param {FormData} options.formData - `FormData` instance
-         * @return {Object} - Response body from URL that was POSTed to
-         */
-        var postFormDataAsJson = async ({ url, formData }) => {
-          const plainFormData = Object.fromEntries(formData.entries());
-          const formDataJsonString = JSON.stringify(plainFormData);
-
-          const fetchOptions = {
-            method: "POST",
-            headers: {
-              Accept: "application/json",
-              "Content-Type": "application/json",
-              // "Content-Type": "application/x-www-form-urlencoded",
-            },
-            body: formDataJsonString,
-          };
-
-          //alert("about to post" + formDataJsonString);
-          console.log(url);
-          console.log(formDataJsonString);
-          const response = await fetch(url, fetchOptions);
-
-          if (!response.ok) {
-            const errorMessage = await response.text();
-            const message =
-              'Ошибка отправления. Свяжитесь с разработчиком <a href="https://t.me/LeraFoxQueen" target="_blank">LeraFoxQueen</a>';
-            exampleModal_js.toggle();
-            toastLive_body.innerHTML = message;
-            toastLive_js.show();
-            throw new Error(errorMessage);
-          }
-
-          return response.json();
-        };
-        /**
-         * Event handler for a form submit event.
-         * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event
-         * @example const exampleForm = document.getElementById("example-form");
-         *          exampleForm.addEventListener("submit", handleFormSubmit);
-         * @param {SubmitEvent} event
-         */
-        var handleFormSubmit = async (event) => {
-          event.preventDefault();
-          const form = event.currentTarget;
-          const url = form.action;
-
-          try {
-            const formData = new FormData(form);
-            const responseData = await postFormDataAsJson({
-              url,
-              formData,
-            });
-            console.log({
-              responseData,
-            });
-
-            let telegram_name = document.getElementById("telegram_name").value;
-
-            var message = "";
-
-            if (responseData.id === null) {
-              message =
-                'Ошибка отправления. Возможно что была попытка отпавить анкету повторно. Свяжись с разработчиком <a href="https://t.me/LeraFoxQueen" target="_blank">LeraFoxQueen</a>';
-            } else {
-              message = `Сообщение отправлено. Если оно заинтересует, с тобой свяжутся по указанному контакту: <a href="https://t.me/${telegram_name}" target="_blank">${telegram_name}</a>`;
-            }
-
-            exampleModal_js.toggle();
-            toastLive_body.innerHTML = message;
-            toastLive_js.show();
-          } catch (error) {
-            console.error(error);
-          }
-        };
-
-        document
-          .querySelector("form[name='profile_send']")
-          .addEventListener("submit", handleFormSubmit);
-      });
-
-      function showPage() {
-        document.getElementById("loader").style.display = "none";
-        document.getElementById("main_content").style.display = "block";
-      }
-
-        let showPage_var;
-
-      function ready() {
-        showPage_var = setTimeout(showPage, 1000);
-      }
-
-      document.addEventListener("DOMContentLoaded", ready);
-    </script>
-  </body>
-</html>
+            </tr>
+        </tbody>
+    </table>
+</div>
+{% endblock content %}