88 lines
4.3 KiB
HTML
88 lines
4.3 KiB
HTML
|
<!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&width=100%&height=400px&lang=ru_RU&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>
|