Website Development Techniques. HTML

Размер файла: 33.46 KB

HTML тілінде түсінік беру. • Illustrates the skill of using the tags , , , when creating your own web page • Illustrates the skill of inserting an image on your own web page • Demonstrates a working link on your own web page • Demonstrates at least ten html tags • Reproduces multiple web pages based on the provided image <div id="iframe-wrapper" style="position: relative; width: 100%; height: 590px; overflow: hidden;" data-has-premium="true" data-has-free="false" data-is-logged-in="false"> <!-- Обёртка для iframe --> <iframe id="embeddocument" src="https://view.officeapps.live.com/op/embed.aspx?src=https%3A%2F%2Fqmzh.kz%2F%3Fsecure_file_token%3DZrI3lCtGFjmzOYTPxJzZ&embedded=true" style="width: 200%; height: 1200px; transform: scale(0.5); transform-origin: top left; position: relative; bottom: -10px;" frameborder="0"> </iframe> <div id="overlay" style="display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); color: white; text-align: center; z-index: 10; justify-content: center; align-items: center; font-size: 16px; font-weight: bold; backdrop-filter: blur(5px); flex-direction: column;"> <a href="https://qmzh.kz/register">Зарегистрируйтесь</a> для скачивания и просмотра документа. </div> <div id="overlay-prem" style="display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); color: white; text-align: center; z-index: 10; justify-content: center; align-items: center; font-size: 16px; font-weight: bold; backdrop-filter: blur(5px); flex-direction: column;"> Для просмотра необходимо иметь активную подписку.<br><a href="https://qmzh.kz/setup">Получить подписку</a> </div> </div> <style> iframe { width: 200%; height: 1200px; transform: scale(0.5); transform-origin: top left; position: relative; bottom: -10px; } #overlay { font-size: 20px; display: none; justify-content: center; align-items: center; text-align: center; color: white; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(5px); } </style> <script> document.addEventListener("DOMContentLoaded", function () { const iframe = document.getElementById("embeddocument"); const overlay = document.getElementById("overlay"); const iframeWrapper = document.getElementById("iframe-wrapper"); const overlayprem = document.getElementById("overlay-prem"); const hasPremium = iframeWrapper.getAttribute("data-has-premium") === "true"; const hasFree = iframeWrapper.getAttribute("data-has-free") === "true"; const isLoggedIn = iframeWrapper.getAttribute("data-is-logged-in") === "true"; // Автоматическое наложение через 10 секунд после загрузки страницы setTimeout(() => { if ((!isLoggedIn && hasFree)||(!isLoggedIn && hasPremium)) { if (hasFree) { // Для неавторизованных пользователей с бесплатной подпиской iframe.style.filter = "blur(5px)"; // Применяем размытие overlay.style.display = "flex"; // Показываем наложение } else { // Для неавторизованных пользователей с бесплатной подпиской iframe.style.filter = "blur(5px)"; // Применяем размытие overlayprem.style.display = "flex"; // Показываем наложение } } else if (isLoggedIn && hasPremium) { // Для авторизованных пользователей с премиум подпиской const tariff = document.getElementById("tariff"); if (tariff && tariff.innerHTML.includes("Премиум")) { // Если у пользователя тариф Премиум iframe.style.filter = "none"; // Убираем блюр overlay.style.display = "none"; // Скрываем наложение } else { // Для других премиум пользователей iframe.style.filter = "blur(5px)"; // Применяем размытие overlayprem.style.display = "flex"; // Показываем наложение } } else if (isLoggedIn && hasFree) { iframe.style.filter = "none"; // Убираем блюр overlay.style.display = "none"; // Скрываем наложение } }, 3000); }); </script> <style>.arm_download_permission_denied_msg{ color:#ff0000; width:100%; display: inline-block; margin: 0 0 20px 0; }.arm_download_wrapper{ width:100%; display: inline-block; margin: 10px 0px 10px 0px; }.arm_download_wrapper hr{ width:100%; display: inline-block; margin: 0px 0px 0px 0px; }.arm_download_wrapper .arm_download_title{ width:100%; display: inline-block; }.arm_download_wrapper .arm_download_title h4{ margin: 0 0 10px 0; }.arm_download_wrapper .arm_download_title h4 a{display: inline-block; margin: 0 0 5px 0; color:#000000; font-size:17px;}.arm_download_wrapper .arm_download_file{width:100%;}.arm_download_wrapper .arm_download_description{ width:100%; display: inline-block; margin: 0 0 5px 0; }.arm_download_wrapper .arm_download_description p{ margin: 0 0 5px 0; }</style><div class="arm_download_permission_denied_msg"><br> Чтобы скачать файл нужно иметь активную подписку <br> <br><a href="/setup" class="btn btn-success btn-block" role="button" aria-pressed="true">Купить подписку</a> </div> <div class="picostrap-sharing-buttons mt-4 mb-5" > <!-- Basic Share Links --> <span class="d-block mb-3">Поделиться:   </span> <!-- Facebook (url) --> <a class="btn btn-outline-dark btn-sm btn-facebook" href="https://www.facebook.com/sharer.php?u=https://qmzh.kz/website-development-techniques-html-20241223192606-886/" target="_blank" rel="nofollow" title="Share on Facebook"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="1.5em" height="1.5em" lc-helper="svg-icon" fill="currentColor"> <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path> </svg> <span class="d-none d-lg-inline"> Facebook</span> </a> <!-- Whatsapp (url) --> <a class="btn btn-outline-dark btn-sm btn-whatsapp" href="https://api.whatsapp.com/send?text=https://qmzh.kz/website-development-techniques-html-20241223192606-886/" target="_blank" rel="nofollow" title="Отправить Whatsapp"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1.5em" height="1.5em" lc-helper="svg-icon" fill="currentColor"> <path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path> </svg> <span class="d-none d-lg-inline"> Whatsapp</span> </a> <!-- Telegram (url) --> <a class="btn btn-outline-dark btn-sm btn-telegram" href="https://telegram.me/share/url?url=https://qmzh.kz/website-development-techniques-html-20241223192606-886/&text=" target="_blank" rel="nofollow" title="Отправить в Telegram"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="1.5em" height="1.5em" lc-helper="svg-icon" fill="currentColor"> <path d="M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z"></path> </svg> <span class="d-none d-lg-inline"> Telegram</span> </a> <!-- Twitter (url, text, @mention) --> <!-- Email (subject, body) --> <a class="btn btn-outline-dark btn-sm btn-email" href="mailto:?subject=Website Development Techniques. HTML&body=https://qmzh.kz/website-development-techniques-html-20241223192606-886/" target="_blank" rel="nofollow" title="Share via Email"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1.5em" height="1.5em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor"> <path d="M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6M20 6L12 11L4 6H20M20 18H4V8L12 13L20 8V18Z"></path> </svg> <span class="d-none d-lg-inline"> Email</span> </a> </div> <button id="showCommentsButton" class="btn btn-outline-secondary btn-block">Показать комментарии</button> <div class="comments-area" id="comments" style="display:none;"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/website-development-techniques-html-20241223192606-886/#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://qmzh.kz/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><textarea class="form-control" id="comment" name="comment" cols="50" rows="2" maxlength="65525" required placeholder="Напишите свой комментарий"></textarea><div class="form-group comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input class="form-control" id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></div> <div class="form-group comment-form-email"><label for="email">Email <span class="required">*</span></label> <input class="form-control" id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></div> <p class="form-submit"><input name="submit" type="submit" id="submit" class="btn btn-secondary btn-sm mt-2" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='158112' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- #comments --> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { // Найти элемент #singlepoststart const contentDiv = document.querySelector("#singlepoststart"); if (contentDiv) { // Найти элемент #iframe-wrapper const iframeWrapper = document.querySelector("#iframe-wrapper"); if (iframeWrapper) { // Получить все узлы внутри #singlepoststart const childNodes = Array.from(contentDiv.childNodes); const textNodes = []; // Найти текстовые узлы, которые идут перед #iframe-wrapper for (const node of childNodes) { if (node === iframeWrapper) { break; // Останавливаемся, как только встречаем iframe-wrapper } if (node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== "") { textNodes.push(node); } } // Если текстовые узлы найдены, обернуть их в div с id="content-text" if (textNodes.length > 0) { const contentTextDiv = document.createElement("div"); contentTextDiv.id = "content-text"; // Добавить стили для обёртки contentTextDiv.style.padding = "16px"; contentTextDiv.style.backgroundColor = "aliceblue"; contentTextDiv.style.borderRadius = "12px"; contentTextDiv.style.margin = "16px 0"; // Внешний отступ // Создать элемент <p><h6 class="fw-bold">Описание:</h6></p> const descriptionHeader = document.createElement("p"); const headerTag = document.createElement("h6"); headerTag.classList.add("fw-bold"); headerTag.textContent = "Описание:"; // Вставить элемент <h6> внутри <p> descriptionHeader.appendChild(headerTag); // Вставить <p><h6> в начало contentTextDiv contentTextDiv.appendChild(descriptionHeader); // Переместить текстовые узлы в div textNodes.forEach((textNode) => { contentTextDiv.appendChild(textNode.cloneNode(true)); // Копируем текстовый узел textNode.remove(); // Удаляем оригинальный текстовый узел }); // Вставить обёртку перед iframe-wrapper contentDiv.insertBefore(contentTextDiv, iframeWrapper); } // Добавить округлённые края родительскому элементу contentDiv.style.borderRadius = "12px"; } } }); </script> <script> document.addEventListener("DOMContentLoaded", function() { // Проверяем, есть ли элемент с id "premium_material" if (document.getElementById("premium_material")) { const premiumHtml = ` <div style="background-color: honeydew; padding: 10px; margin: 22px 0; border-radius: 8px; display: flex; align-items: center; justify-content: center; fw-6"> <img src="https://qmzh.kz/wp-content/uploads/2025/01/laurel-wreath.webp" alt="Premium" style="width: 75px; height: 75px; margin-right: 3px;"> <span>Это премиум контент, доступ к документу ограничен!</span> </div> `; const armDownloadWrapper = document.querySelector("#singlepoststart > div.arm_download_wrapper"); if (armDownloadWrapper) { armDownloadWrapper.insertAdjacentHTML('beforebegin', premiumHtml); } } // Проверяем, есть ли элемент с id "free_material" if (document.getElementById("free_material")) { const freeHtml = ` <div style="background-color: cornsilk; padding: 20px; margin: 22px 0; border-radius: 8px; display: flex; align-items: center; justify-content: center;"> <img src="https://qmzh.kz/wp-content/uploads/2025/01/free.webp" alt="Premium" style="width: 50px; height: 50px; margin-right: 10px;"> <span>Материал бесплатный! Получите доступ ко всем материалам в <a href="/setup">Премиум тарифе</a></span> </div> `; const armDownloadWrapper = document.querySelector("#singlepoststart > div.arm_download_wrapper"); if (armDownloadWrapper) { armDownloadWrapper.insertAdjacentHTML('beforebegin', freeHtml); } } }); </script> <!-- Сайдбар --> <div class="col-md-4" id="sticky-sb"> <div class="sticky-sidebar p-3"> <div class="wrapper bg-light p-3" id="wrapper-main-sidebar"> <aside id="block-7" class="widget widget_block"><a href="https://qmzh.kz/wp-login.php" class="btn btn-link" style="font-size: 12px;">Войти в аккаунт</a><p></p> </aside><aside id="block-2" class="widget widget_block widget_search"><form role="search" method="get" action="https://qmzh.kz/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Поиск</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Поиск" class="wp-block-search__button wp-element-button" type="submit" >Поиск</button></div></form></aside><aside id="block-8" class="widget widget_block"> <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> </aside><aside id="block-3" class="widget widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <h6 class="wp-block-heading">Похожие записи</h6> <section class="wp-block-elasticpress-related-posts wp-block-elasticpress-related-posts""> <ul> <li> <a href="https://qmzh.kz/ashyk-sabak-organic-and-non-organic-worlds-20241223212602-533/"> Ашық сабақ «Organic and non-organic worlds» </a> </li> <li> <a href="https://qmzh.kz/the-subject-of-the-article-english-as-a-world-language-20241223214649-271/"> The subject of the article: English as a world language </a> </li> <li> <a href="https://qmzh.kz/extra-curricular-work-20241223212640-429/"> Extra curricular work </a> </li> <li> <a href="https://qmzh.kz/the-northern-island-20241223213515-830/"> The Northern Island </a> </li> <li> <a href="https://qmzh.kz/buying-clothes-20241223213328-355/"> Buying clothes </a> </li> </ul> </section> </div></div> </aside><aside id="block-6" class="widget widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"></div></div> </aside> </div> </div> </div> </div> </div> </main> <footer id='lc-footer'> <div class="text-light bg-dark"> <div class="container py-5"> <div class="row"> <div class="col-lg-3"> <div class="lc-block mb-4"><!--<img class="img-fluid" alt="logo" src="https://cdn.livecanvas.com/media/svg/undraw-sample/undraw_connected_world_wuay.svg" style="max-height:10vh" width="100" height="150">--></div> <div class="lc-block small"> <div class="text-light bg-dark"> <span style="background-color: #333; padding: 2px 4px; border-radius: 4px;"> Если Вы нашли материалы нарушающие авторские или иные права, сообщите Нам. </span> </div> </div> <div class="lc-block py-2"></div> </div> <div class="col-lg-2 offset-lg-1"> <div class="lc-block mb-4"> <div> <h4>Материалы</h4> </div> </div> <div class="lc-block small"> <div> <p>Учителям</p> <p>Графические материалы<br> </p> <p>Планы</p> <p>Ученикам</p> </div> </div> </div> <div class="col-lg-2 offset-lg-1"> <div class="lc-block mb-4"> <div> <h4>Контакты</h4> </div> </div> <div class="lc-block small"> <div> <p> <a class="text-decoration-none" aria-label="Контакт в Telegram канале qmzhkz" href="https://t.me/qmzhkz"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width="1em" height="1em" fill="var(--bs-light)"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--> <path d="M248 8C111 8 0 119 0 256S111 504 248 504 496 393 496 256 385 8 248 8zM363 176.7c-3.7 39.2-19.9 134.4-28.1 178.3-3.5 18.6-10.3 24.8-16.9 25.4-14.4 1.3-25.3-9.5-39.3-18.7-21.8-14.3-34.2-23.2-55.3-37.2-24.5-16.1-8.6-25 5.3-39.5 3.7-3.8 67.1-61.5 68.3-66.7 .2-.7 .3-3.1-1.2-4.4s-3.6-.8-5.1-.5q-3.3 .7-104.6 69.1-14.8 10.2-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1-15.5-5-27.9-7.7-26.8-16.3q.8-6.7 18.5-13.7 108.4-47.2 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8 2.1 0 6.6 .5 9.6 2.9a10.5 10.5 0 0 1 3.5 6.7A43.8 43.8 0 0 1 363 176.7z"></path> </svg> </a> <span>qmzhkz</span> </p> </div> </div> </div> </div> </div> <div class="py-5 container"> <div class="row"> <div class="col-6 small"> <div class="lc-block"> <div> <p>Все права защищены © qmzh.kz</p> </div> </div> </div> <div class="col-6 text-end small"> <div class="lc-block"> <div> <p> <a class="text-decoration-none" href="#" style="color: #1e90ff; text-decoration: underline;">Пользовательское соглашение</a> - <a class="text-decoration-none" href="#" style="color: #1e90ff; text-decoration: underline;">Политика конфидециальности</a> </p> </div> </div> </div> </div> </div> </div> </footer> <script data-cfasync="false" type="text/javascript"> function arm_open_modal_box_in_nav_menu(menu_id, form_id) { jQuery(".arm_nav_menu_link_" + form_id).find("." + form_id).trigger("click"); return false; } </script> <!--Start of Tawk.to Script (0.8.7)--> <script id="tawk-script" type="text/javascript"> var Tawk_API = Tawk_API || {}; var Tawk_LoadStart=new Date(); (function(){ var s1 = document.createElement( 'script' ),s0=document.getElementsByTagName( 'script' )[0]; s1.async = true; s1.src = 'https://embed.tawk.to/678f9770825083258e0875eb/1ii4ef4ka'; s1.charset = 'UTF-8'; s1.setAttribute( 'crossorigin','*' ); s0.parentNode.insertBefore( s1, s0 ); })(); </script> <!--End of Tawk.to Script (0.8.7)--> <style> .ep-autosuggest-container{position:relative}.ep-autosuggest-container .ep-autosuggest{background:#fff;border:1px solid #ccc;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);display:none;position:absolute;width:100%;z-index:200}.ep-autosuggest-container .ep-autosuggest>ul{list-style:none;margin:0!important}.ep-autosuggest-container .ep-autosuggest>ul>li{font-family:sans-serif}.ep-autosuggest-container .ep-autosuggest>ul>li>a.autosuggest-link{color:#000;cursor:pointer;display:block;padding:2px 10px}.ep-autosuggest-container .ep-autosuggest>ul>li>a.autosuggest-link:active,.ep-autosuggest-container .ep-autosuggest>ul>li>a.autosuggest-link:hover{background-color:#eee;-webkit-text-decoration:none;text-decoration:none}.ep-autosuggest-container .selected{background-color:#eee;-webkit-text-decoration:none;text-decoration:none} </style> <script> document.addEventListener('DOMContentLoaded', () => { // Находим элемент input внутри .arm_download_file const inputElement = document.querySelector('.arm_download_file a input[type=button]'); if (inputElement) { // Создаем новую кнопку const newButton = document.createElement('button'); newButton.className = 'btn btn-success btn-lg btn-block'; // Добавляем классы newButton.innerHTML = '<i class="fas fa-download"></i> Скачать файл'; // Добавляем иконку и текст // Заменяем input на кнопку const parentAnchor = inputElement.parentElement; // Родительский элемент (a) parentAnchor.replaceChild(newButton, inputElement); // Заменяем input на новую кнопку } }); </script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(99534676, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/99534676" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <a href="#" title="Scroll to page top" id="backToTop" onclick="window.scroll({ top: 0, left: 0, behavior: 'smooth'});" class="bg-light text-dark rounded"> <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-up" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/></svg> </a> <script> window.addEventListener('scroll', function(){ if(window.pageYOffset >= 1000) document.getElementById('backToTop').style.visibility="visible"; else document.getElementById('backToTop').style.visibility="hidden"; }, { capture: false, passive: true}); </script> <script> const checkBootstrapAvailable = setInterval(() => { //console.log("Trying"); if (typeof bootstrap !== 'undefined') { //console.log("Success"); clearInterval(checkBootstrapAvailable); // do it var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl); }); } }, 500); </script> <script> // Динамическая загрузка стилей Font Awesome (function() { var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css'; document.body.appendChild(link); })(); </script> <script src="https://qmzh.kz/wp-content/themes/picostrap5/js/custom-comment-handler.js" id="custom-comment-handler-js"></script> <script id="favorite-script-js-extra"> var favoriteAjax = {"ajaxurl":"https:\/\/qmzh.kz\/wp-admin\/admin-ajax.php","nonce":"3a91351b74"}; </script> <script src="https://qmzh.kz/wp-content/themes/picostrap5/js/favorite.js" id="favorite-script-js"></script> <script data-cfasync="false" src="https://qmzh.kz/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script data-cfasync="false" src="https://qmzh.kz/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id="elasticpress-autosuggest-js-extra"> var epas = {"query":"{\"from\":0,\"size\":5,\"post_filter\":{\"bool\":{\"must\":[{\"terms\":{\"post_type.raw\":[\"post\",\"page\",\"rm_content_editor\"]}},{\"term\":{\"post_status\":\"publish\"}},{\"bool\":{\"must_not\":[{\"terms\":{\"meta.ep_exclude_from_search.raw\":[\"1\"]}}]}}]}},\"query\":{\"function_score\":{\"query\":{\"bool\":{\"should\":[{\"bool\":{\"must\":[{\"bool\":{\"should\":[{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"phrase\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.post_tag.name^1\",\"terms.category.name^1\",\"terms.ep_custom_result.name^9999\",\"terms.subjects.name\",\"terms.subscription.name\"],\"boost\":3}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.post_tag.name^1\",\"terms.category.name^1\",\"terms.subjects.name\",\"terms.subscription.name\",\"post_title.suggest^1\",\"term_suggest^1\"],\"operator\":\"and\",\"boost\":1,\"fuzziness\":\"auto\"}},{\"multi_match\":{\"query\":\"ep_autosuggest_placeholder\",\"type\":\"cross_fields\",\"fields\":[\"post_title^1\",\"post_excerpt^1\",\"post_content^1\",\"post_author.display_name^1\",\"terms.post_tag.name^1\",\"terms.category.name^1\",\"terms.ep_custom_result.name^1\",\"terms.subjects.name\",\"terms.subscription.name\"],\"boost\":1,\"analyzer\":\"standard\",\"tie_breaker\":0.5,\"operator\":\"and\"}}]}}],\"filter\":[{\"match\":{\"post_type.raw\":\"post\"}}]}}]}},\"functions\":[{\"exp\":{\"post_date_gmt\":{\"scale\":\"14d\",\"decay\":0.25,\"offset\":\"7d\"}}},{\"weight\":0.001}],\"score_mode\":\"sum\",\"boost_mode\":\"multiply\"}},\"sort\":[{\"_score\":{\"order\":\"desc\"}}],\"suggest\":{\"text\":\"ep_autosuggest_placeholder\",\"ep_suggestion\":{\"phrase\":{\"field\":\"post_content.shingle\",\"max_errors\":2,\"direct_generator\":[{\"field\":\"post_content.shingle\"}]}}}}","placeholder":"ep_autosuggest_placeholder","endpointUrl":"https:\/\/qmzh.kz\/ep-autosuggest","selector":"ep-autosuggest","defaultSelectors":".ep-autosuggest, input[type=\"search\"], .search-field","action":"navigate","mimeTypes":[],"http_headers":[],"triggerAnalytics":"","addSearchTermHeader":"","requestIdBase":""}; </script> <script src="https://qmzh.kz/wp-content/plugins/elasticpress/dist/js/autosuggest-script.js?ver=a2cbf75a8fdd9c2cf540" id="elasticpress-autosuggest-js"></script> <script src="https://qmzh.kz/wp-content/themes/picostrap5/js/bootstrap.bundle.min.js" id="bootstrap5-js" defer data-wp-strategy="defer"></script> <script data-cfasync="false" src="https://qmzh.kz/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> </body> </html> <!-- plugin=object-cache-pro client=phpredis metric#hits=2133 metric#misses=156 metric#hit-ratio=93.2 metric#bytes=567877 metric#prefetches=0 metric#store-reads=143 metric#store-writes=34 metric#store-hits=113 metric#store-misses=84 metric#sql-queries=43 metric#ms-total=691.72 metric#ms-cache=22.79 metric#ms-cache-avg=0.1295 metric#ms-cache-ratio=3.3 -->