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