Internt_Programmirovanie_PI.../Lab2/vite-project/Contacts.html

85 lines
4.0 KiB
HTML
Raw Normal View History

2023-10-24 15:02:33 +04:00
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Galery</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="bootstrap/css/bootstrap.min.css" >
<link rel="stylesheet" href="MBD/css/mdb.min.css" />
<!-- Bootstrap JS -->
<script defer src="bootstrap/js/bootstrap.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>
</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>