PIbd-21_Yaruskin_S.A_IP/лаб2/page7.html
2024-01-06 02:30:45 +04:00

139 lines
6.3 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>