85 lines
No EOL
4.3 KiB
HTML
85 lines
No EOL
4.3 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=" justify-content nav collapse navbar-collapse " id="navbarSupportedContent" style="padding: 15px;">
|
||
<ul class="nav navbar-nav " >
|
||
<li class="nav-item ">
|
||
<a class="nav-link active" aria-current="page" 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" href="#">О клубе</a>
|
||
</li>
|
||
<li></li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="registration.html">Личный кабинет</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div><i class="bi bi-instagram"></i></div>
|
||
<div style="padding: 15px;"><a href="#">инста вк тг </a></div>
|
||
</nav>
|
||
</header>
|
||
|
||
<main style = "background-color: aqua; width: auto; height: 900px;"> <!--Основное содержание страницы, потом сделаем :)-->
|
||
|
||
</main>
|
||
|
||
<!--Нижняя часть сайта, как и шапка, будет одинаковая на всех страницах-->
|
||
<footer class="container-fluid footerColor">
|
||
<div class="container">
|
||
<h1>Приобрести абонемент в FitnessCenter</h1>
|
||
<form name = "footerForm" class="row">
|
||
<div class="container col-md-4" >
|
||
<input type="text" class="form-control form-control-lg" id="name" placeholder="Ф.И.О">
|
||
</div>
|
||
<div class="container col-md-4" >
|
||
<input type="tel" class="form-control form-control-lg" id="phoneNumber"
|
||
placeholder = "+7 (___) ___-__-__" maxlength="18">
|
||
</div>
|
||
<div class="container col-md-4" >
|
||
<select id="selectedClub" class="form-select form-select-lg">
|
||
<option selected>Выберите клуб</option>
|
||
<option >Адрес1</option>
|
||
<option>Адрес2</option>
|
||
</select>
|
||
<!-- <input type="text" class="form-control" id="" placeholder="Ф.И.О"> -->
|
||
</div>
|
||
|
||
</form>
|
||
</div>
|
||
|
||
</footer>
|
||
</body>
|
||
</html> |