Internet_Programmirovanie_Y.../ЛР 3/index.html
2023-12-01 11:59:50 +04:00

97 lines
5.1 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="ru">
<head>
<meta charset="UTF-8">
<title>MainPage</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css" />
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
<!-- Bootstrap JS -->
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</head>
<body class="bg-image overflow-visible pageBackground d-flex flex-column min-vh-100">
<header class>
<!--Шапка-->
<nav class="navbar navbar-expand-lg navbar-light navbar-style back">
<div class="container-fluid">
<a class="navbar-brand" href="index.html" >
<img src="img/Label.jpg" alt="Logo" height="150" class="align-text-top">
</a>
<button class="navbar-toggler " type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img src="img/TogglerIcon.jpg" alt="Toggler" height="40">
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item ">
<a class="nav-link me-3 ms-3 fs-2 fw-bold Navbar" href="index.html" >Главная</a>
</li>
<li class="nav-item ">
<a class="nav-link me-3 ms-3 fs-4 fw-bold Navbar" href="page2.html" >Адреса</a>
</li>
<li class="nav-item ">
<a class="nav-link me-3 ms-3 fs-4 fw-bold Navbar" href="page3.html" >Прейскурант</a>
</li>
<li class="nav-item " >
<a class="nav-link me-3 ms-3 fs-4 fw-bold Navbar" href="page4.html" >Отзывы</a>
</li>
<li class="nav-item " >
<a class="nav-link me-3 ms-3 fs-4 fw-bold Navbar" href="page5.html" >Галерея</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!--Шапка-->
<div class="text-light mx-auto mt-5 mb-5 fw-bold rounded-8 p-4 razdel1">
<h3>Car Wash! это чистый результат и экономия средств. DS - Detailing Service, удовольствие от самостоятельного ухода за автомобилем, сервис в деталях.</h3>
<h4 class="mt-4">Мы рады обеспечивать автомобилистам полный комплекс технологий и средств для качественного самостоятельного ухода за автомобилем.
<br> </h4>
<h4 class="mt-4">Мы гарантируем доступные цены на программы основного ухода: химию для мойки кузова и дисков, защитный воск и осмос ополаскивание, уборку салона пылесосом.
Предоставляем средства для дополнительного ухода: чернитель резины, полироль пластика, очиститель битумных пятен.
</h4>
</div>
<footer class="mt-auto footer-style">
<div class="container">
<div class="row">
<div class="col-sm text-center text-sm-start text-light fw-bold fs-6">
Контакты: <br>
8-800-535-3535 <br>
avtomoyka73@mail.ru<br>
<f >Авторское право <f type="button" data-bs-toggle="modal" data-bs-target="#Admin">©</f> 2020 Нияз Юнусов. Все права защищены.</f>
</div>
</div>
</div>
</footer>
<!--Модальное окно вход администратора-->
<div class="modal fade" id="Admin" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="LogInLabel">Администратор</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="passwordLogIn" class="col-form-label">Пароль</label>
<input type="password" class="form-control" id="passwordLogIn">
</div>
</form>
</div>
<div class="modal-footer">
<form action="Admin.html" target="_blank">
<button class="btn btn-primary ">Войти</button>
</form>
</div>
</div>
</div>
</div>
<!--Главныей раздел-->
</body>
</html>