Spectral/SpectralVPN
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Регистрация

Browse source
This commit is contained in:
Lev 2025-11-19 20:27:16 +03:00
parent 99a2fc5123
commit 5344195674
4 changed files with 210 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

34
Frontend/Pages/register.html Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Регистрация - SpectralVPN</title>
<link rel="stylesheet" href="../Styles/register.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<form id="registerForm" novalidate>
<h1>Регистрация</h1>
<label for="email">Электронная почта</label>
<input type="email" id="email" class="input" placeholder="example@domain.com" required autocomplete="email">
<div class="error" id="emailError"></div>
<label for="password">Пароль</label>
<input type="password" id="password" class="input" placeholder="Минимум 8 символов" required minlength="8" autocomplete="new-password">
<div class="error" id="passwordError"></div>
<label for="password_reply">Повторите пароль</label>
<input type="password" id="password_reply" class="input" placeholder="Повторите пароль" required autocomplete="new-password">
<div class="error" id="passwordReplyError"></div>
<div class="checkbox-container">
<input type="checkbox" id="terms" class="checkbox" required>
<label for="terms">Я прочитал и согласен с <a href="offer.html" target="_blank">пользовательским соглашением</a> и <a href="privacy.html" target="_blank">политикой конфиденциальности</a>.</label>
</div>
<div class="error" id="termsError"></div>
<div class="checkbox-container">
<input type="checkbox" id="newsletter" class="checkbox">
<label for="newsletter">Я хочу получать новости об SpectralVPN на свою электронную почту.</label>
</div>
<button type="submit">Зарегистрироваться</button>
</form>
</body>
</html>