92 lines
No EOL
4.8 KiB
HTML
92 lines
No EOL
4.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" data-bs-theme = "dark">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Тренажерный зал</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
|
||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
|
||
<link rel="stylesheet" href="main.css">
|
||
</head>
|
||
<body>
|
||
<!--Магические символы для подключения жабаскрипта для бутстрапа-->
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
|
||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
|
||
crossorigin="anonymous"></script>
|
||
<!--Шакпка сайта, будет одинаковая для всех страниц-->
|
||
<header class = " nav headerColor container-fluid">
|
||
<nav class=" navbar navbar-expand-md container-fluid" >
|
||
<div class=" nav container-fluid " >
|
||
<div class="navbarheader"><a class = "nav-link" href="#"> <img src = "logo.jpg" style="width: 5rem; height: 5rem;"> </a></div>
|
||
<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=" nav collapse navbar-collapse " style = "margin-left: 15px;" id="navbarSupportedContent">
|
||
<ul class="nav navbar-nav " >
|
||
<li class="nav-item ">
|
||
<a class="nav-link" href="main.html">Главная</a>
|
||
</li>
|
||
<li></li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#">Тренеры</a>
|
||
</li>
|
||
<li></li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#">Записаться</a>
|
||
</li>
|
||
<li></li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#">О клубе</a>
|
||
</li>
|
||
<li></li>
|
||
<li class="nav-item">
|
||
<a class="nav-link active" href="registration.html" aria-current="page">Личный кабинет</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div style="padding: 15px;"><a href="#">инста вк тг </a></div>
|
||
</nav>
|
||
</header>
|
||
|
||
|
||
<div class="container" style="width: 30rem; height: 32rem;">
|
||
<form class="row g-3">
|
||
<center><caption><h2>Регистрация</h2></caption></center>
|
||
<div class=" col-12">
|
||
<label for="validationDefault01" class="form-label">Имя</label>
|
||
<input type="text" class="form-control" id="validationDefault01" required>
|
||
</div>
|
||
<div class=" col-12">
|
||
<label for="validationDefault02" class="form-label">Фамилия</label>
|
||
<input type="text" class="form-control" id="validationDefault02" required>
|
||
</div>
|
||
<div class=" col-12">
|
||
<label for="validationDefaultUsername" class="form-label">Номер телефона</label>
|
||
<div class="input-group">
|
||
<span class="input-group-text" id="inputGroupPrepend2">+7</span>
|
||
<input type="text" class="form-control" id="validationDefaultUsername" aria-describedby="inputGroupPrepend2" required>
|
||
</div>
|
||
</div>
|
||
<div class="col-12">
|
||
<label for="validationDefault03" class="form-label">Пароль</label>
|
||
<input type="password" class="form-control" id="validationDefault03" required>
|
||
</div>
|
||
<div class="col-12">
|
||
<label for="validationDefault04" class="form-label">Повторите пароль</label>
|
||
<input type="password" class="form-control" id="validationDefault04" required>
|
||
</div>
|
||
<div class="col-12">
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="invalidCheck2" required>
|
||
<label class="form-check-label" for="invalidCheck2">
|
||
Я ознакомлен с правилами и согласен на <a href = "logo.jpg">обработку персональных данных</a>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-12">
|
||
<button class="btn btn-primary" type="submit">Регистрация</button>
|
||
</div>
|
||
</form>
|
||
</div> |