115 lines
5.6 KiB
HTML
115 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>ГПУ</title>
|
||
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"/>
|
||
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
</head>
|
||
<body>
|
||
<div id="header">
|
||
<a href="index.html"><img id="logo" src="resourses/logo.png" height="50px"></a>
|
||
<a href="index.html">Государственный политехнический университет</a>
|
||
</div>
|
||
<nav class="navbar navbar-expand-md bg-purple" >
|
||
<div class="container-fluid">
|
||
<a class="navbar-brand" href="university.html">Об университете</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarText">
|
||
<ul class="navbar-nav me-auto mb-2 mb-md-0">
|
||
<li class="nav-item">
|
||
<a class="nav-link" aria-current="page" href="news.html">Новости</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" aria-current="page" href="abiturient.html">Поступающему</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" aria-current="page" href="registration.html">Регистрация</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" aria-current="page" href="contacts.html">Контакты</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div id="content" style="text-align: center; line-height: 1.3em">
|
||
<h3>Регистрация</h3>
|
||
Регистрация на нашем сайте позволит Вам стать его полноценным участником.<br>
|
||
Вы сможете просматривать расписание групп, свои оценки и учебный план.
|
||
В случае возникновения проблем с регистрацией, обратитесь к <a href="contacts.html">администратору</a>.
|
||
<br><br>
|
||
<div class="container-xl px-4 py-2 text-center">
|
||
<form id="registration-form" method="post">
|
||
<div class="row" margin="">
|
||
<div class="col-lg-6 col-xl-4">
|
||
<div class="p-3">
|
||
<label for="name">Имя:</label><br>
|
||
<input class="input" type="text" name="name" placeholder="Имя" id="name"><br>
|
||
<span id="error-name" style="color: red"></span>
|
||
<br>
|
||
<label for="email">Email:</label><br>
|
||
<input class="input" type="email" name="email" placeholder="Емэйл" id="email"><br>
|
||
<span id="error-email" style="color: red"></span>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-xl-4">
|
||
<div class="p-3">
|
||
<label for="lastname">Фамилия:</label><br>
|
||
<input class="input" type="text" name="lastname" placeholder="Фамилия" id="lastname"><br>
|
||
<span id="error-lastname" style="color: red"></span>
|
||
<br>
|
||
<label for="pass">Пароль:</label><br>
|
||
<input class="input" type="password" name="pass" placeholder="Пароль" id="pass"><br>
|
||
<span id="error-pass" style="color: red"></span>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-xl-4">
|
||
<div class="p-3">
|
||
<label for="birth-year">Дата рождения:</label><br>
|
||
<input class="input" type="date" name="birth-year" placeholder="Год рождения" id="birth-year"><br>
|
||
<span id="error-birth-year" style="color: red"></span>
|
||
<br>
|
||
<label for="repass">Проверка пароля:</label><br>
|
||
<input class="input" type="password" name="repass" placeholder="Проверка пароля" id="repass"><br>
|
||
<span id="error-repass" style="color: red"></span>
|
||
</div>
|
||
</div>
|
||
<div class="col-14">
|
||
<div class="p-3">
|
||
<span>Кто вы?</span>
|
||
<br>
|
||
<label for="student" style="margin-right: 5px;">Студент</label>
|
||
<input type="radio" name="state" id="student" value="Студент" style="margin-right: 15px;">
|
||
<label for="teacher" style="margin-right: 5px;">Преподаватель</label>
|
||
<input type="radio" name="state" id="teacher" value="Преподаватель">
|
||
<br>
|
||
<span id="error-status" style="color: red"></span>
|
||
<span id="error-repass" style="color: red"></span>
|
||
</div>
|
||
</div>
|
||
<br><br>
|
||
<div class="col-14">
|
||
<div class="p-3">
|
||
<input type="submit" class="btn btn-primary" name="submit" value="Зарегистрироваться">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="footer">
|
||
<ul>
|
||
<li>Адреса и контакты:</li>
|
||
<li>432027, г. Тольятти, ул. Ларина, д.32</li>
|
||
<li>+7 (8332) 43-06-55</li>
|
||
</ul>
|
||
</div>
|
||
</body>
|
||
</html> |