28 наурыз 2025
</p> </div> <!-- Кнопка возврата --> <div class="text-center"> <a href="https://86mektep.edu.kz/admin/news" class="btn btn-primary btn-lg mt-3"> Артқа </a> </div> </div> </div> </section> <!-- Стили для страницы tarbie --> <style> .tarbie-image img { max-height: 400px; object-fit: cover; width: 100%; } .tarbie-title { font-weight: 700; font-size: 2rem; color: #333; } .tarbie-content p { margin-bottom: 1rem; } .btn-primary { background-color: #d1b375; border-color: #d1b375; transition: all 0.3s ease; } .btn-primary:hover { background-color: #b7984c; border-color: #b7984c; color: #fff; } @media (max-width: 768px) { .tarbie-title { font-size: 1.6rem; } .tarbie-content { font-size: 1rem; } } </style> <footer> <div class="footer_main py-60"> <img src="/media/shapes/vector-7.png" alt="" class="vector_shape"> <img src="/media/shapes/dots-1.png" alt="" class="dots"> <div class="container"> <div class="row"> <div class="col-xl-2"> <div class="footer_widget"> <a href="/" class="mb-8"><img src="/img/logow.png" alt=""></a> <div class="bottom-row"> <ul class="unstyled social_icons_list"> <li><img src="/media/icons/brands/Instagram.png" alt=""></li> <li><img src="/media/icons/brands/Facebook.png" alt=""></li> <li><img src="/media/icons/brands/Twitter.png" alt=""></li> <li><img src="/media/icons/brands/Linkedin.png" alt=""></li> </ul> </div> </div> </div> <div class="col-xl-2 col-lg-3 col-sm-6"> <div class="footer_widget"> <h5 class="medium-black mb-16">Мектеп</h5> <ul class="unstyled list"> <li><a href=""><i class="fad fa-chevron-right"></i>Басшы блогы</a> </li> <li><a href=""><i class="fad fa-chevron-right"></i>Мектеп миссиясы</a></li> <li><a href=""><i class="fad fa-chevron-right"></i>Мектептің даму жоспары</a></li> <li><a href=""><i class="fad fa-chevron-right"></i>Мектептегі тамақтану</a></li> <li><a href=""><i class="fad fa-chevron-right"></i>Гимназия әкімшілігі</a> </li> <li><a href=""><i class="fad fa-chevron-right"></i>Бос жұмыс орындары</a></li> </ul> </div> </div> <div class="col-xl-2 col-lg-3 col-sm-6"> <div class="footer_widget"> <h5 class="medium-black mb-16">Оқу</h5> <ul class="unstyled list"> <li><a href="/"><i class="fad fa-chevron-right"></i>Оқу үдерісі Бастауыш мектеп</a> </li> <li><a href="/"><i class="fad fa-chevron-right"></i>Оқу үдерісі негізгі және орта мектеп</a></li> <li><a href="/"><i class="fad fa-chevron-right"></i>Әдістемелік жұмыс</a> </li> <li><a href="/"><i class="fad fa-chevron-right"></i>Дарынды балалармен жүргізілетін жұмыс</a></li> <li><a href="/"><i class="fad fa-chevron-right"></i>Жобалар</a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-3 col-sm-6"> <div class="footer_widget"> <h5 class="medium-black mb-16">Ақпарат</h5> <ul class="unstyled list"> <li><a href="/"><i class="fad fa-chevron-right"></i>Жаңалықтар</a></li> <li><a href="/"><i class="fad fa-chevron-right"></i>Nobd.iac.kz</a></li> <li><a href="/"><i class="fad fa-chevron-right"></i>Kundelik.kz</a></li> <li><a href="/"><i class="fad fa-chevron-right"></i>Байланыс</a></li> </ul> </div> </div> <div class="col-lg-2 col-sm-6"> <div class="footer_widget"> <h5 class="medium-black mb-16">Мекенжай</h5> <span class="mb-16">Астана қаласы әкімдігінің «Мұхтар Әуезов атындағы №86 мектеп-гимназия»</span> <ul class="unstyled list"> <li class="mb-16"><i class="fal fa-map-marker-alt"></i>Астана, Аманжол Бөлекпаев көшесі, 20</li> <li class="mb-16"><a href="mailto:86mektep@edu.kz"><i class="fal fa-envelope"></i>86mektep@edu.kz</a></li> <li><a href="tel:123456789"><i class="fal fa-phone-alt"></i>+7 (7172) 578 595</a> </li> <li class="mb-16"> <a id="specialButton" class="btn-custom btn-access" href=""><i class="far fa-eye fa-1x mx-2 align-middle"></i> Нашар көрушілер режиміне көшу</a> </li> </ul> </div> </div> </div> </div> </div> <div class="copyright_row"> <p>©2026</p> </div> </footer> <!-- Footer Area End --> </div> <!-- Mobile Menu Start --> <div class="mobile-nav__wrapper"> <div class="mobile-nav__overlay mobile-nav__toggler"></div> <div class="mobile-nav__content"> <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span> <div class="logo-box"> <a href="/" aria-label="logo image logo-mobile"><img src="/img/logow.png" alt="educate"></a> </div> <div class="mobile-nav__container"></div> <ul class="main-menu__list"> <li><a href="/administrators">Гимназия әкімшілігі</a></li> <li><a href="/nurs">Дәрігер</a></li> <li><a href="/anticorruption">Сыбайлас жемқорлыққа қарсы іс-қимыл</a></li> <li><a href="/vacancy">Бос жұмыс орындары</a></li> </ul> <ul class="mobile-nav__contact list-unstyled"> <li> <i class="fas fa-envelope"></i> <a href="mailto:86mektep@edu.kz">86mektep@edu.kz</a> </li> <li> <i class="fa fa-phone-alt"></i> <a href="tel:+77172578595">+7 (7172) 578 595</a> </li> <li> Астана қаласы әкімдігінің «Мұхтар Әуезов атындағы №86 мектеп-гимназия» </li> <li> <a id="specialButton" class="btn-custom btn-access" href=""><i class="far fa-eye fa-1x mx-2 align-middle"></i> Нашар көрушілер режиміне көшу</a> </li> </ul> <div class="mobile-nav__social"> <a href="https://www.facebook.com/"><i class="fab fa-facebook"></i></a> <a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a> <a href="https://www.youtube.com/"><i class="fab fa-youtube"></i></a> </div> </div> </div> <!-- Mobile Menu End --> <div class="search-popup"> <div class="search-popup__overlay search-toggler"></div> <div class="search-popup__content"> <form role="search" method="get" class="search-popup__form" action="/"> <input type="text" id="search" placeholder="Іздеу жүйесі..."> <button type="submit"><i class="fal fa-search"></i></button> </form> </div> </div> <!-- search-popup --> <!-- back-to-top-start --> <a href="#" class="scroll-top"> <svg class="scroll-top__circle" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </a> <!-- back-to-top-end --> <script src="https://86mektep.edu.kz/js/bootstrap.bundle.min.js"></script> <script src="https://86mektep.edu.kz/js/jquery-3.6.3.min.js"></script> <script src="https://86mektep.edu.kz/js/jquery-appear.js"></script> <script src="https://86mektep.edu.kz/js/jquery-validator.js"></script> <script src="https://86mektep.edu.kz/js/jquery.countdown.min.js"></script> <script src="https://86mektep.edu.kz/js/jquery.magnific-popup.min.js"></script> <script src="https://86mektep.edu.kz/js/slick.min.js"></script> <script src="https://86mektep.edu.kz/js/tilt.jquery.js"></script> <script src="https://86mektep.edu.kz/js/wow.js"></script> <script src="https://86mektep.edu.kz/js/app.js"></script> <script> var cfImg = document.getElementsByClassName("coverflow__image"); function forScale(coverflowPos) { // Сначала блокируем все ссылки внутри coverflow let allLinks = document.querySelectorAll(".coverflow a"); allLinks.forEach(link => { link.style.cursor = "default"; link.addEventListener("click", prevDef); }); // Разрешаем клик только на активном изображении for (let i = 0; i < cfImg.length; i++) { if (cfImg[i].getAttribute("data-coverflow-index") == coverflowPos) { let parentLink = cfImg[i].closest("a"); if (parentLink) { parentLink.style.cursor = "pointer"; parentLink.removeEventListener("click", prevDef); } } } } function prevDef(e) { e.preventDefault(); } function setupCoverflow(coverflowContainer) { var coverflowContainers; if (typeof coverflowContainer !== "undefined") { coverflowContainers = Array.isArray(coverflowContainer) ? coverflowContainer : [coverflowContainer]; } else { coverflowContainers = Array.prototype.slice.call(document.getElementsByClassName("coverflow")); } coverflowContainers.forEach(function(containerElement) { var coverflow = {}; var prevArrows, nextArrows; coverflow.container = containerElement; coverflow.images = Array.prototype.slice.call(containerElement.getElementsByClassName( "coverflow__image")); coverflow.position = Math.floor(coverflow.images.length / 2) + 1; coverflow.images.forEach(function(coverflowImage, i) { coverflowImage.dataset.coverflowIndex = i + 1; }); coverflow.container.dataset.coverflowPosition = coverflow.position; prevArrows = Array.prototype.slice.call(coverflow.container.getElementsByClassName("prev-arrow")); nextArrows = Array.prototype.slice.call(coverflow.container.getElementsByClassName("next-arrow")); function setPrevImage() { coverflow.position = Math.max(1, coverflow.position - 1); coverflow.container.dataset.coverflowPosition = coverflow.position; forScale(coverflow.position); } function setNextImage() { coverflow.position = Math.min(coverflow.images.length, coverflow.position + 1); coverflow.container.dataset.coverflowPosition = coverflow.position; forScale(coverflow.position); } function jumpToImage(evt) { coverflow.position = Math.min(coverflow.images.length, Math.max(1, evt.target.dataset .coverflowIndex)); coverflow.container.dataset.coverflowPosition = coverflow.position; setTimeout(function() { forScale(coverflow.position); }, 1); } function onKeyPress(evt) { switch (evt.which) { case 37: setPrevImage(); break; case 39: setNextImage(); break; } } prevArrows.forEach(prevArrow => prevArrow.addEventListener("click", setPrevImage)); nextArrows.forEach(nextArrow => nextArrow.addEventListener("click", setNextImage)); coverflow.images.forEach(image => image.addEventListener("click", jumpToImage)); window.addEventListener("keyup", onKeyPress); // Устанавливаем кликабельность начального изображения forScale(coverflow.position); }); } setupCoverflow(); </script> <!-- Google Analitycs --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-K2QP51LDW5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-K2QP51LDW5'); </script> <!-- end Google Analitycs --> </body> </html>
