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