diff --git a/frontend/src/pages/settings/account.vue b/frontend/src/pages/settings/account.vue
new file mode 100644
index 0000000..1dbecac
--- /dev/null
+++ b/frontend/src/pages/settings/account.vue
@@ -0,0 +1,85 @@
+<template>
+
+    <p class="large-text">
+        <i>person</i> Обліковий запис Tokoka.to
+    </p>
+
+    <div class="large-space"></div>
+
+    <article class="medium middle-align center-align">
+        <div>
+            <i class="extra error-text">error</i>
+            <h5 class="error-text">Ці налаштування небезпечні, якщо ви не знаєте, що змінювати</h5>
+            <p class="secondary-text">Будь ласка, прочитайте документацію спочатку</p>
+            <div class="space"></div>
+            <nav class="center-align">
+            </nav>
+        </div>
+    </article>
+
+    <article class="primary-text">
+        <a class="row wave">
+            <i>person</i>
+            <div class="max">
+                <h6 class="small">Логін</h6>
+                <div>Логін для входу до Toloka.to</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave">
+            <i>password</i>
+            <div class="max">
+                <h6 class="small">Пароль</h6>
+                <div>Пароль для входу до Toloka.to</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave">
+            <i>hub</i>
+            <div class="max">
+                <h6 class="small">Торрент клієнт</h6>
+                <div>Через нього буде завантаж. нові серії</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave">
+            <i>description</i>
+            <div class="max">
+                <h6 class="small">Директорія завантажень</h6>
+                <div>Це можна поміняти під час налаштування тайтлу</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave">
+            <i>hourglass_top</i>
+            <div class="max">
+                <h6 class="small">Затримка</h6>
+                <div>Скільки секунд очікувати між оновленнями тайтлів</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave" @click="goBack"><i>arrow_back</i> Назад</a>
+        <hr>
+    </article>
+
+
+</template>
+
+<script>
+import axios from 'axios';
+export default {
+    data() {
+        return {
+        };
+    },
+    created() {
+
+    },
+
+    methods: {
+        goBack() {
+            this.$router.back();
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/pages/settings/bittorrent.vue b/frontend/src/pages/settings/bittorrent.vue
new file mode 100644
index 0000000..daf4bb1
--- /dev/null
+++ b/frontend/src/pages/settings/bittorrent.vue
@@ -0,0 +1,110 @@
+<template>
+
+    <p class="large-text">
+        <i>hub</i> BitTorrent
+    </p>
+
+    <div class="large-space"></div>
+
+    <article class="medium middle-align center-align">
+        <div>
+            <i class="extra error-text">error</i>
+            <h5 class="error-text">Ці налаштування небезпечні, якщо ви не знаєте, що змінювати</h5>
+            <p class="secondary-text">Будь ласка, прочитайте документацію спочатку</p>
+            <div class="space"></div>
+            <nav class="center-align">
+            </nav>
+        </div>
+    </article>
+
+
+    <article class="primary-text">
+        <a class="row wave">
+            <i>person</i>
+            <div class="max">
+                <h6 class="small">Логін</h6>
+                <div>Логін для входу до Transmission</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave">
+            <i>password</i>
+            <div class="max">
+                <h6 class="small">Пароль</h6>
+                <div>Пароль для входу до Transmission</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave">
+            <i>lan</i>
+            <div class="max">
+                <h6 class="small">Порт</h6>
+                <div>Порт, де запущений Transmission</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave">
+            <i>link</i>
+            <div class="max">
+                <h6 class="small">IP/Домен</h6>
+                <div>IP або домен, де запущений Transmission</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave">
+            <i>http</i>
+            <div class="max">
+                <h6 class="small">Протокол</h6>
+                <div>Протокол зв`язку. HTTP якщо в локальній мережі</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave">
+            <i>api</i>
+            <div class="max">
+                <h6 class="small">RPC</h6>
+                <div>Вкажіть де знаходиться RPC, за замовчуванням це /transmission/rpc</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave">
+            <i>category</i>
+            <div class="max">
+                <h6 class="small">Категорія</h6>
+                <div>Щоб розрізняти торренти від інших</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave">
+            <i>tag</i>
+            <div class="max">
+                <h6 class="small">Тег</h6>
+                <div>Якими тегами будуть позначатися торренти</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave" @click="goBack"><i>arrow_back</i> Назад</a>
+        <hr>
+    </article>
+
+
+</template>
+
+<script>
+import axios from 'axios';
+export default {
+    data() {
+        return {
+        };
+    },
+    created() {
+
+    },
+
+    methods: {
+        goBack() {
+            this.$router.back();
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/pages/settings/debug.vue b/frontend/src/pages/settings/debug.vue
new file mode 100644
index 0000000..83773b7
--- /dev/null
+++ b/frontend/src/pages/settings/debug.vue
@@ -0,0 +1,43 @@
+<template>
+
+    <p class="large-text">
+        <i>bug_report</i> Дебагінг
+    </p>
+
+    <div class="large-space"></div>
+
+
+    <article class="primary-text">
+        <a class="row wave">
+            <i>adb</i>
+            <div class="max">
+                <h6 class="small">Рівень логгування</h6>
+                <div>Тільки для розробників</div>
+            </div>
+        </a>
+        <hr>
+        <a class="row wave" @click="goBack"><i>arrow_back</i> Назад</a>
+        <hr>
+    </article>
+
+
+</template>
+
+<script>
+import axios from 'axios';
+export default {
+    data() {
+        return {
+        };
+    },
+    created() {
+
+    },
+
+    methods: {
+        goBack() {
+            this.$router.back();
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/pages/settings/index.vue b/frontend/src/pages/settings/index.vue
index 33799d9..26204ab 100644
--- a/frontend/src/pages/settings/index.vue
+++ b/frontend/src/pages/settings/index.vue
@@ -10,19 +10,17 @@
     <article class="primary-text">
         <RouterLink class="row wave" to="/settings/palette"><i>palette</i> Оформлення</RouterLink>
         <hr>
-        <a class="row wave"><i>person</i> Обліковий запис Tokoka.to</a>
+        <RouterLink class="row wave" to="/settings/account"><i>person</i> Обліковий запис Tokoka.to</RouterLink>
         <hr>
-        <a class="row wave"><i>hub</i> BitTorrent</a>
+        <RouterLink class="row wave" to="/settings/bittorrent"><i>hub</i> BitTorrent</RouterLink>
         <hr>
-        <a class="row wave"><i>comic_bubble</i> Аніме</a>
-        <hr>
-        <a class="row wave"><i>bug_report</i> Дебагінг</a>
+        <RouterLink class="row wave" to="/settings/debug"><i>bug_report</i> Дебагінг</RouterLink>
     </article>
 
     <article class="secondary-text">
         <a class="row wave"><i>title</i> Toloka2Web v2 Vue Version</a>
         <hr>
-        <a class="row wave"><i>conversion_path</i> v1.0.2</a>
+        <a class="row wave"><i>conversion_path</i> v1.0.3</a>
     </article>
 
 </template>