PIbd-21_Yaruskin_S.A_IP/лаб2/page7.html

139 lines
6.3 KiB
HTML
Raw Normal View History

2024-01-06 02:30:45 +04:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="icon/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style7.css">
<title>HI-town</title>
</head>
<body>
<nav class="navbar navbar-expand-lg" data-bs-theme="dark" style="background-color: #000;">
<div class="container">
<a class="navbar-brand" href="#">
<img src="icon/whiteicon.png" alt="bootstrap" width="" height="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Меню">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav text-center">
<a class="nav-link" href="index.html">Главная</a>
<a class="nav-link" href="page2.html">Популярный</a>
<a class="nav-link" href="page3.html">Аренда</a>
<a class="nav-link" href="page5.html">Купить</a>
<!-- <a class="nav-link text-nowrap" href="#">О нас</a> -->
<a class="nav-item d-md-none activenav nav-link" aria-current="page" href="#">Вход</a>
</div>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<a href="page6.html" class="btn d-flex text-nowrap ms-2 d-none d-md-inline">Войти</a>
<a href="page6.html" class="btn d-flex text-nowrap btn-light ms-2 d-none d-md-inline">Создать аккаунт</a>
</div>
</div>
</div>
</nav>
<section class="section">
<button class="btn btn-primary mb-1 btn-text-adm" type="submit">Добавить пользователя</button>
<table class="table table-bordered">
<thead class="table-dark">
<tr>
<th scope="col">ID</th>
<th scope="col">ФИО</th>
<th scope="col">Почта</th>
<th scope="col">Номер телефона</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Ярускин Салих Александрович</td>
<td>salih1504@yandex.ru</td>
<td>89867377139</td>
</tr>
</tbody>
</table>
</section>
<section class="section section2">
<button class="btn btn-primary mb-1 btn-text-adm" type="submit">Добавить статус</button>
<table class="table table-bordered">
<thead class="table-dark">
<tr>
<th scope="col">ID</th>
<th scope="col">Статус</th>
<th scope="col">%</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Кредит</td>
<td>50%</td>
</tr>
</tbody>
</table>
</section>
<footer class="text-center text-lg-start text-white">
<div class="container">
<div class="row">
<div class="col-lg-3 mb-3">
<img src="icon/иконка2.png" alt="Логотип" class="start">
</div>
<div class="col-lg-3 col-md-6 mb-4 mb-md-0">
<h5 class="bosslist">Быстрое меню</h5>
<ul class="textlist list-unstyled mb-0">
<li>
<a href="#" class="list active">Главная</a>
</li>
<li>
<a href="#" class="list">Популярные</a>
</li>
<li>
<a href="#" class="list">Аренда</a>
</li>
<li>
<a href="#" class="list">Купить</a>
</li>
<li>
<a href="#" class="list">О нас</a>
</li>
</ul>
</div>
<div class="col-md-4 col-lg-3 col-xl-1 mb-md-0 mb-4 offset-lg-3">
<h5 class="bosslist">Контакты</h5>
<ul class="textlist list-unstyled mb-0">
<li>
<a href="#" id="listperenos" class="list">Ульяновск,<br /> Московское шоссе,<br> д. 3</a>
</li>
<li>
<a href="#" class="list">+7 (986) 737-71-39</a>
</li>
<li>
<a href="#" class="list">artifaction@mail.ru</a>
</li>
</ul>
</div>
</div>
</div>
<div class="licensia text-center p-5 ">
<section class="d-flex justify-content-center p-1 m-3">
<div>
<a href="" class="btn btn-link btn-floating btn-lg text-dark m-1">
<img src="icon/facebook.svg" alt="Логотип" class="start">
</a>
<a href="" class="btn btn-link btn-floating btn-lg text-dark m-1">
<img src="icon/vk.svg" alt="Логотип" class="start">
</a>
<a href="" class="btn btn-link btn-floating btn-lg text-dark m-1">
<img src="icon/inst.svg" alt="Логотип" class="start">
</a>
</div>
</section>
<a class="list" href="#"> © 2004-2023 Construction company HI-TOWN</a>
</div>
</footer>
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>