Internt_Programmirovanie_PI.../Lab3/Contacts.html
2023-11-07 14:03:57 +04:00

88 lines
4.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="ru">
<head>
<meta charset="UTF-8">
<title>Contacts</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="./myStyle.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" >
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css_mdb/mdb.min.css" />
<!-- Bootstrap JS -->
<script defer src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</head>
<body class="bg-image overflow-visible pageBackground">
<!--Шапка-->
<nav class="navbar navbar-expand-lg navbar-light navbar-style">
<div class="container-fluid">
<a class="navbar-brand btn btn-outline-dark" href="./index.html" >
<img src="./img/lable.png" alt="Logo" height="60" 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.png" 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-4 fw-bold" href="./index.html">Главная</a>
</li>
<li class="nav-item ">
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="./Galery.html" >Галерея</a>
</li>
<li class="nav-item " >
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="./Courses.html">Курсы</a>
</li>
<li class="nav-item " >
<a class="nav-link active me-3 ms-3 fs-3 fw-bold" aria-current="page" href="./Contacts.html">Контакты</a>
</li>
<li class="nav-item " >
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="./Reviews.html" >Отзывы</a>
</li>
<li class="nav-item " >
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="./Admin.html" >Админ</a>
</li>
</ul>
</div>
</div>
</nav>
<!--Шапка-->
<!--Контакты-->
<div class="container mx-auto my-5 p-2 rounded-8 fw-bold formStyle formSizeStyle minH-500 hfitcon">
<div class="text-dark mx-auto fw-bold fs-3 mb-3 wfitcon">
Контактная информация
</div>
<div class="row row-cols-1 row-cols-xl-2">
<div class="col col-12 col-xl-7">
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Aa04c81f9d2fb99b1196ebaa14018b658af59476c09548a9d1ed257c055abf2c1&amp;width=100%&amp;height=400px&amp;lang=ru_RU&amp;scroll=true"></script>
</div>
<div class="col col-12 col-xl-5 text-dark fs-4 fw-bold text-center text-xl-start mt-4 mt-xl-0">
Группа в ВКонтакте <br>
<a class="text-reset" href="https://vk.com/mackmaffin">@NaStolb73</a> <br>
Телефон для связи <br>
8-800-555-35-35 <br>
Адрес электронной почты<br>
valitzhoska73@gmail.com
</div>
</div>
</div>
<!--Контакты-->
<!--Подвал-->
<footer class="position-sticky top-100 footer-style">
<div class="container">
<div class="row">
<div class="col-sm text-center text-sm-start text-light fw-bold fs-5">
Техническая поддержка <br>
8-800-555-3535 <br>
valitzhoska73@gmail.com
</div>
<div class="col-sm text-center text-sm-end text-light fw-bold fs-5">
Работаем без выходных с 8:00 до 21:30
</div>
</div>
</div>
</footer>
<!--Подвал-->
</body>
</html>