78 lines
3.8 KiB
HTML
78 lines
3.8 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||
|
|
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
|
||
|
|
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
|
||
|
|
<link rel="stylesheet" href="./style.css">
|
||
|
|
<title>Настройки</title>
|
||
|
|
<style>
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body style = "background:#CDECDE">
|
||
|
|
<main>
|
||
|
|
<div class ="container text-center">
|
||
|
|
<form role = "form" class = "form-horizontal">
|
||
|
|
<div class ="col-md-5 offset-md-4">
|
||
|
|
<div class="d-flex gap-2 w-100 justify-content-between">
|
||
|
|
<div>
|
||
|
|
<img src="images/account.png" alt="accound" width="32" height="32" class="rounded-circle flex-shrink-0">
|
||
|
|
<a>Никнейм пользователя</a>
|
||
|
|
</div>
|
||
|
|
<div class ="return">
|
||
|
|
<a href="home.html">Вернуться</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="list-group">
|
||
|
|
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
||
|
|
<img src="images/account.png" alt="account" width="32" height="32" class="rounded-circle flex-shrink-0">
|
||
|
|
<h6 class="mb-0">Аккаунт</h6>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
||
|
|
<img src="images/private.png" alt="private" width="32" height="32" class="rounded-circle flex-shrink-0">
|
||
|
|
<h6 class="mb-0">Приватность</h6>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
||
|
|
<img src="images/autentification.png" alt="autentication" width="32" height="32" class="rounded-circle flex-shrink-0">
|
||
|
|
<h6 class="mb-0">Двухфакторная Аутентификация</h6>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
||
|
|
<img src="images/blacklist.jpg" alt="blacklist" width="32" height="32" class="rounded-circle flex-shrink-0">
|
||
|
|
<h6 class="mb-0">Черный список</h6>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
||
|
|
<img src="images/plus.png" alt="add" width="32" height="32" class="rounded-circle flex-shrink-0">
|
||
|
|
<h6 class="mb-0">Добавить аккаунт</h6>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
||
|
|
<img src="images/help.png" alt="help" width="32" height="32" class="rounded-circle flex-shrink-0">
|
||
|
|
<h6 class="mb-0">Помощь</h6>
|
||
|
|
</a>
|
||
|
|
<a href="admin-page.html" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
||
|
|
<img src="images/help.png" alt="help" width="32" height="32" class="rounded-circle flex-shrink-0">
|
||
|
|
<h6 class="mb-0">Панель администратора</h6>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
||
|
|
<img src="images/bell.png" alt="bell" width="32" height="32" class="rounded-circle flex-shrink-0">
|
||
|
|
<h6 class="mb-0">Уведомления</h6>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
||
|
|
<img src="images/info.png" alt="info" width="32" height="32" class="rounded-circle flex-shrink-0">
|
||
|
|
<h6 class="mb-0">Информация</h6>
|
||
|
|
</a>
|
||
|
|
<a href="index.html" class="list-group-item list-group-item-action d-flex gap-3 py-3" aria-current="true">
|
||
|
|
<img src="images/exit.png" alt="exit" width="32" height="32" class="rounded-circle flex-shrink-0">
|
||
|
|
<h6 class="mb-0">Выход из аккаунта</h6>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
</html>
|