#1244965
Установите верную последовательность тегов в HTML-документе:
Варианты ответа:
</li> <li class="list-group-item answer-row"><body></li> <li class="list-group-item answer-row"></div></li> <li class="list-group-item answer-row"></html></li> </ul> </div> <div class="text-center my-4 d-flex justify-content-center gap-3 flex-wrap"> <form action="https://www.znaet.guru/purchase/64751-5" method="POST" class="purchase-form"> <input type="hidden" name="_token" value="wo8pbfvICg2mOFQUBf518nNPocW8qMPMqnNEX3QS" autocomplete="off"> <input type="hidden" name="type" value="explanation"> <button type="submit" class="btn btn-primary purchase-btn" data-bs-toggle="tooltip" title="Краткое пояснение сути..."> Объясни кратко<br><b>10 ₽</b> </button> </form> <form action="https://www.znaet.guru/purchase/64751-5" method="POST" class="purchase-form"> <input type="hidden" name="_token" value="wo8pbfvICg2mOFQUBf518nNPocW8qMPMqnNEX3QS" autocomplete="off"> <input type="hidden" name="type" value="deepseek"> <button type="submit" class="btn btn-warning purchase-btn" data-bs-toggle="tooltip" title="Подробное объяснение..."> Объясни подробно<br><b>50 ₽</b> </button> </form> <button id="consult-btn" class="btn btn-success purchase-btn" data-bs-toggle="tooltip" title="Индивидуальная консультация"> Консультация<br><b>1900 ₽/час</b> </button> </div> </div> <div class="question-service-block mb-3 p-2 px-3"> <div class="d-flex align-items-center flex-nowrap gap-2"> <span class="me-2 text-muted" style="white-space:nowrap;">Тематика:</span> <a href="https://www.znaet.guru/discipline/661" class="discipline-badge">Компонентный состав временных рядов. Алгоритмический подход к выделению тренда</a> <a href="https://www.znaet.guru/discipline/1585" class="discipline-badge">Общая теория связи</a> <a href="https://www.znaet.guru/discipline/1033" class="discipline-badge">Психология массовых коммуникаций</a> </div> </div> <div class="question-service-block mb-3 p-2 px-3"> <div class="d-flex align-items-center flex-nowrap gap-2"> <span class="me-2 text-muted" style="white-space:nowrap;">Курсы в категории:</span> <a href="https://www.znaet.guru/courses/category/14" class="discipline-badge">Математика и статистика</a> </div> </div> <div class="list-group w-100 mb-4 question-card" style="padding: 1.6rem 1.5rem;"> <h5 class="fw-bold mb-3 px-2">📚 Похожие вопросы по этой дисциплине</h5> <a href="https://www.znaet.guru/questions/1244967_predstavlenie-nepreryvnogo-signala-v-vide-posledovatelnogo-nabora-otdelny" class="list-group-item list-group-item-action related-row"> <span class="cut-text noselect no-pointer">Представление непрерывного сигнала в виде последовательного набора отдельны</span> </a> <a href="https://www.znaet.guru/questions/1244970_zvuk-v-informacionnyx-sistemax-mozet-ispolzovatsia-dlia-ukazite-3-varian" class="list-group-item list-group-item-action related-row"> <span class="cut-text noselect no-pointer">Звук в информационных системах может использоваться для … (укажите 3</span> </a> <a href="https://www.znaet.guru/questions/1244971_ustanovite-pravilnuiu-posledovatelnost-deistvii-pri-preobrazovanii-zvukov" class="list-group-item list-group-item-action related-row"> <span class="cut-text noselect no-pointer">Установите правильную последовательность действий при преобразовании з</span> </a> <a href="https://www.znaet.guru/questions/1244972_ustanovite-sootvetstvie-formatov-zvukovyx-failov-i-ix-xarakteristik" class="list-group-item list-group-item-action related-row"> <span class="cut-text noselect no-pointer">Установите соответствие форматов звуковых файлов и их х</span> </a> <a href="https://www.znaet.guru/questions/1244973_esli-izvestno-cto-zvukovoi-fail-imeet-castotu-diskretizacii-8kgc-razriadno" class="list-group-item list-group-item-action related-row"> <span class="cut-text noselect no-pointer">Если известно, что звуковой файл имеет частоту дискретизации 8КГц, разрядность 8битов, время записи 5сек., то об</span> </a> </div> </div> </div> <div class="modal fade" id="consultationModal" tabindex="-1"> <div class="modal-dialog"> <form action="https://www.znaet.guru/purchase/64751-5" method="POST"> <input type="hidden" name="_token" value="wo8pbfvICg2mOFQUBf518nNPocW8qMPMqnNEX3QS" autocomplete="off"> <input type="hidden" name="type" value="consultation"> <div class="modal-content"> <div class="modal-header"><h5 class="modal-title">Запись на консультацию</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div> <div class="modal-body"> <div id="consultation-slots" class="mb-2"><span class="text-muted">Загрузка слотов...</span></div> <div class="mb-2"> <label>Способ связи:</label><br> <input type="radio" name="contact_type" value="telegram" checked> Telegram <input type="radio" name="contact_type" value="whatsapp" class="ms-2"> WhatsApp </div> <input type="text" class="form-control" name="contact_value" placeholder="Ваш логин/номер" required> </div> <div class="modal-footer"><button type="submit" class="btn btn-success">Записаться и оплатить 1900₽</button></div> </div> </form> </div> </div> <style> .question-card { border-radius: 18px; background: #fcfcfc; border: 2.5px solid #e5eaf0; padding: 2.2rem; } .purchase-btn { min-width: 220px; height: 62px; border-radius: 11px !important; display: flex; flex-direction: column; align-items: center; justify-content: center; } .discipline-badge { font-size: 1em; padding: 0.27em 0.85em; border-radius: 13px; background: #f8fafc; color: #2366b8; border: 1px solid #e5eaf0; text-decoration: underline; } .question-service-block { background: #f5f7fa; border: 1.5px solid #e5eaf0; border-radius: 12px; font-size: 0.75em; color: #7e8ba3; margin-bottom: 1.15em; } .answer-row, .related-row { background: #f7f8fa; border-radius: 14px; margin-bottom: 8px; border: 1px solid #f0f0f0; } .cut-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } </style> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { // --- ТВОЯ КОНЦОВКА СКРИПТА (ИНТЕГРИРОВАНО) --- const btn = document.getElementById('short-explanation-btn'); if (btn) { btn.addEventListener('click', function() { btn.disabled = true; btn.textContent = 'Загрузка...'; fetch('/deepseek/short-explanation', { method: 'POST', headers: { 'X-CSRF-TOKEN': 'wo8pbfvICg2mOFQUBf518nNPocW8qMPMqnNEX3QS', "Content-Type": "application/json" }, body: JSON.stringify({ question: "\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u0432\u0435\u0440\u043d\u0443\u044e \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0442\u0435\u0433\u043e\u0432 \u0432 HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0435:", answer: "<head><title><body><\/div><\/html>", question_id: "64751-5" }) }) .then(res => res.json()) .then(data => { let block = document.getElementById('short-explanation-block'); if (data.explanation) { block.classList.add('alert', 'alert-info'); block.innerHTML = `<b>Краткое пояснение:</b><br>${marked.parse(data.explanation)}`; } else { block.innerHTML = `<span class="text-danger">Ошибка: ${data.error || 'Не удалось получить пояснение'}</span>`; } btn.style.display = 'none'; }) .catch(() => { btn.disabled = false; btn.textContent = 'Ошибка. Попробовать снова'; }); }); } // Тултипы const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); tooltipTriggerList.map(function (el) { new bootstrap.Tooltip(el); }); // Кнопка консультации и слоты var consultBtn = document.getElementById('consult-btn'); if (consultBtn) { consultBtn.addEventListener('click', function() { if (!window.isLoggedIn) { window.location.href = '/login'; return; } var modal = new bootstrap.Modal(document.getElementById('consultationModal')); modal.show(); }); } $('#consultationModal').on('show.bs.modal', function () { fetch('/consultation/slots').then(res => res.json()).then(data => { renderConsultationSlots(data.slotsByDate); }); }); function renderConsultationSlots(slotsByDate) { const el = document.getElementById('consultation-slots'); let dates = Object.keys(slotsByDate); if (dates.length === 0) { el.innerHTML = 'Нет дат'; return; } let html = `<select id="consult-date" class="form-select mb-2">`; dates.forEach(date => { html += `<option value="${date}">${date}</option>`; }); html += `</select><div id="consult-timeblock"></div>`; el.innerHTML = html; const showSlots = (date) => { let shtml = `<div>`; (slotsByDate[date] || []).forEach(slot => { shtml += `<label class="d-block"><input type="radio" name="slot" value="${slot.id}" ${!slot.available?'disabled':''}> ${slot.interval}</label>`; }); document.getElementById('consult-timeblock').innerHTML = shtml + `</div>`; }; showSlots(dates[0]); document.getElementById('consult-date').addEventListener('change', e => showSlots(e.target.value)); } }); </script> </main> <!-- Классический футер: десктоп + мобильная версия --> <footer class="bg-white border-t border-gray-200 shadow-inner mt-16 h-14 flex items-center select-none"> <div class="max-w-6xl mx-auto flex items-center justify-between w-full px-4 text-sm min-h-[56px]"> <!-- Левая часть: логотип и копирайт --> <div class="flex items-center gap-2 text-gray-600 footer-left"> <img src="https://www.znaet.guru/favicon/brain-50.png" alt="znaet" class="w-5 h-5"> <span class="font-semibold text-indigo-700 text-base">znaet.guru</span> <span class="text-gray-400 ml-2">© 2026 Все права защищены</span> </div> <!-- Навигация --> <nav class="flex flex-wrap gap-4 text-gray-500 footer-nav"> <a href="/courses" class="hover:text-indigo-600 transition">Курсы</a> <a href="/tutors" class="hover:text-indigo-600 transition">Команда</a> <a href="https://www.znaet.guru/privacy" class="hover:text-indigo-600 transition">Политика</a> <a href="https://www.znaet.guru/terms" class="hover:text-indigo-600 transition">Условия</a> <a href="https://www.znaet.guru/faq" class="hover:text-indigo-600 transition">FAQ</a> <a href="https://www.znaet.guru/contacts" class="hover:text-indigo-600 transition">Контакты</a> </nav> </div> <style> @media (max-width: 700px) { footer { height: auto !important; min-height: 60px !important; } footer .max-w-6xl { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.2rem !important; padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .footer-left { justify-content: center !important; width: 100% !important; margin-bottom: 0.1rem !important; } .footer-nav { justify-content: center !important; width: 100% !important; gap: 1.1rem !important; font-size: 1.07rem !important; flex-wrap: wrap; margin-top: 0 !important; margin-bottom: 0.2rem !important; } } </style> </footer> </div> </body> </html>