55 lines
3.7 KiB
HTML
55 lines
3.7 KiB
HTML
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Регистрация - Маркетплейс</title>
|
|
<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="css/style.css">
|
|
|
|
</head>
|
|
<body>
|
|
<main class="container-fluid d-flex align-items-center justify-content-center">
|
|
<div class="registerbox">
|
|
<form class="d-flex flex-column align-items-center">
|
|
<p class="text-center fs-1 mt-5">Регистрация</p>
|
|
<div class="login w-75 mb-2">
|
|
<label for="login_inputbox" class="form-label" style=" font-size: 18px;">Логин</label>
|
|
<input type="text" required id="login_inputbox" class="form-control inputbox" placeholder="Введите логин..."></input>
|
|
</div>
|
|
<div class="password w-75 mb-2">
|
|
<label for="password_inputbox" class="form-label" style="font-size: 18px;">Пароль</label>
|
|
<input type="password" required id="password_inputbox" class="form-control inputbox" placeholder="Пароль..."></input>
|
|
</div>
|
|
<div class="d-flex align-items-center w-75 mb-2">
|
|
<div class="firstname me-3">
|
|
<label for="firstname_inputbox" class="form-label" style="font-size: 18px;">Имя</label>
|
|
<input type="text" required id="firstname_inputbox" class="form-control inputbox" placeholder="Введите имя..."></input>
|
|
</div>
|
|
<div class="lastname">
|
|
<label for="lastname_inputbox" class="form-label" style="font-size: 18px;">Фамилия</label>
|
|
<input type="text" required id="lastname_inputbox" class="form-control inputbox" placeholder="Введите фамилию..."></input>
|
|
</div>
|
|
</div>
|
|
<div class="email w-75 mb-2">
|
|
<label for="email_inputbox" class="form-label" style="font-size: 18px;">Почта</label>
|
|
<input type="email" required id="email_inputbox" class="form-control inputbox" placeholder="example@example.com" ></input>
|
|
</div>
|
|
<div class="phone w-75 mb-2">
|
|
<label for="phone_inputbox" class="form-label" style="font-size: 18px;">Номер телефона</label>
|
|
<input id="phone_inputbox" type="tel" required class="form-control inputbox" placeholder="+7 (999) 999 99-99" ></input>
|
|
</div>
|
|
<div class="form-check mb-2 mt-2">
|
|
<input class="form-check-input" type="checkbox" required value="" id="flexCheckDefault">
|
|
<label class="form-check-label" for="flexCheckDefault">
|
|
Я принимаю <a href="./termsofuse.html"> пользовательское соглашение</a>
|
|
</label>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary mt-3 mb-3 fs-3 ps-5 pe-5">Регистрация</button>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html> |