С какого тега начинается документ тип стандарта html5:

</li> <li class="list-group-item answer-row"><body></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/87138-8" method="POST" class="purchase-form"> <input type="hidden" name="_token" value="AxomrftsqNR8YscJRnQSfIJmBa6KJo7LzXB66yyH" 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/87138-8" method="POST" class="purchase-form"> <input type="hidden" name="_token" value="AxomrftsqNR8YscJRnQSfIJmBa6KJo7LzXB66yyH" 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/1244" class="discipline-badge">Документационное обеспечение управления</a> <a href="https://www.znaet.guru/discipline/404" class="discipline-badge">Документационное обеспечение управления (ДОУ)</a> <a href="https://www.znaet.guru/discipline/403" 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/4" class="discipline-badge">Экономика и управление</a> </div> </div> </div> </div> <div class="modal fade" id="consultationModal" tabindex="-1"> <div class="modal-dialog"> <form action="https://www.znaet.guru/purchase/87138-8" method="POST"> <input type="hidden" name="_token" value="AxomrftsqNR8YscJRnQSfIJmBa6KJo7LzXB66yyH" 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': 'AxomrftsqNR8YscJRnQSfIJmBa6KJo7LzXB66yyH', "Content-Type": "application/json" }, body: JSON.stringify({ question: "\u0421 \u043a\u0430\u043a\u043e\u0433\u043e \u0442\u0435\u0433\u0430 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0442\u0438\u043f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430 html5:", answer: "<!DOCTYPE html>", question_id: "87138-8" }) }) .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>