-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathsignup.html
105 lines (103 loc) · 7.41 KB
/
signup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Регистрация</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<section class="my-navigation">
<nav class="navbar navbar-expand-lg bg-body-tertiary" data-bs-theme="dark">
<div class="container-fluid">
<a href="#" class="navbar-brand">
<img src="https://upload.wikimedia.org/wikipedia/commons/c/c3/Python-logo-notext.svg" width="30" height="30" alt="Python">
</a>
<a href="#" class="navbar-brand">
<img src="https://upload.wikimedia.org/wikipedia/commons/a/ae/Nuxt_logo.svg" width="30" height="30" alt="NuxtJS">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav me-auto mb-2 mb-lg-0">
<a class="nav-link" aria-current="page" href="#">Главная</a>
<a class="nav-link" href="#">Контакты</a>
</div>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Поиск" aria-label="Поиск">
<button class="btn btn-outline-success me-2" type="submit">Найти</button>
<button type="button" class="btn btn-outline-light me-2">Вход</button>
<button type="button" class="btn btn-outline-light me-2 active">Регистрация</button>
<button type="button" class="btn btn-outline-light">Выход</button>
</form>
</div>
</div>
</nav>
</section>
<section class="my-registration-form">
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<!-- ЭТО ХЛЕБНЫЕ КРОШКИ -->
<nav aria-label="breadcrumb" class="my-4">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Главная</a></li>
<li class="breadcrumb-item active" aria-current="page">Форма регистрации</li>
</ol>
</nav>
<div class="row justify-content-center">
<div class="col-6">
<p class="lead">Для регистрации укажите имя пользователя и пароль</p>
<form>
<div class="mb-3">
<label for="inputUsername" class="form-label visually-hidden">Имя пользователя</label>
<input type="username" class="form-control" id="inputUsername" aria-describedby="userName" placeholder="Имя пользователя">
</div>
<div class="mb-3">
<label for="inputPassword" class="form-label visually-hidden">Пароль</label>
<input type="password" class="form-control" id="inputPassword" placeholder="Пароль">
</div>
<div class="mb-3">
<label for="ReInputPassword" class="form-label visually-hidden">Повторите пароль</label>
<input type="password" class="form-control" id="ReInputPassword" placeholder="Повторите пароль">
</div>
<button type="submit" class="btn btn-primary">Регистрация</button>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="my-footer mt-3">
<svg xmlns="http://www.w3.org/2000/svg" class="d-none">
<symbol id="python" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H7v-1h5a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM0 11.85h1.6c.289 0 .533.06.732.179.201.117.355.276.46.477.105.201.158.427.158.677 0 .25-.054.476-.16.677-.106.199-.26.357-.464.474a1.452 1.452 0 0 1-.732.173H.79v1.342H0V11.85Zm2.06 1.714a.795.795 0 0 0 .085-.381c0-.227-.062-.4-.185-.521-.123-.122-.294-.182-.513-.182H.788v1.406h.66a.794.794 0 0 0 .374-.082.574.574 0 0 0 .238-.24Zm2.963.75v1.535H4.23v-1.52L2.89 11.85h.876l.853 1.696h.032l.856-1.696h.855l-1.339 2.464Z"/>
</symbol>
<symbol id="telegram" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"/>
</symbol>
</svg>
<div class="container">
<div class="row">
<div class="col-lg-9 col-sm-12 my-3">
<a href="/" class="text-body-secondary text-decoration-none lh-1">
<svg class="bi" width="30" height="24"><use xlink:href="#python"/></svg>
</a>
<span class="text-body-secondary">© 2023 Агентство по разработке потрясных сайтов на bootstrap, drf и nuxtJS. А это просто наш блог.</span>
</div>
<div class="col-lg-3 col-sm-12 my-3 d-flex justify-content-end">
<ul class="nav list-unstyled">
<li class=""><a class="text-body-secondary" href="https://t.me/oohta"><svg class="bi" width="24" height="24"><use xlink:href="#telegram"/></svg></a></li>
<li class="ms-2"><a class="text-end" href="#">Наверх</a></li>
</ul>
</div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>