11/28/2024 0 Комметариев

Гипертекст - что это, из чего состоит и как работает

На чтение

32 мин.

Просмотров

Дата обновления

09.03.2025

Старт:28.10.2024

Срок обучения:1070 ч.

«Специальное (дефектологическое) образование по профилю «Логопедия» с присвоением квалификации «Учитель-логопед (логопед) (профиль: нарушения речи)»

Дистанционное обучение по программе Специальное (дефектологическое) образование по профилю Логопедия с присвоением квалификации Учитель-логопед (логопед) (профиль: нарушения речи) (1070 часов) в ЦАППКК. ✍ Мы подберем вам подходящий курс, пишите!

72 000 ₽

Подробнее

Для понимания гипертекста, начните с определения: гипертекст – это нелинейный способ организации информации, где отдельные части связаны между собой ссылками. Это совсем не то же самое, что линейный текст, где информация представлена в последовательном порядке.

Ключевой элемент гипертекста – это ссылки. Они позволяют переходить от одной части текста к другой, к иллюстрациям, видео и другим ресурсам. Ссылки, как правило, представлены выделенными фразами или изображениями. Например, кликнув на «История развития», вы перейдете к истории развития выбранного предмета.

Структура гипертекста обычно строится на основе узлов (страниц) и связующих их ссылок. Узлы содержат текст, изображения, аудио- и видеофайлы. Ссылки обеспечивают быструю навигацию между узлами, позволяя пользователю исследовать информацию в требуемом порядке.

Механизм работы гипертекста основан на системе адресации и отображения. Каждому узлу присваивается уникальный адрес, позволяя браузеру быстро найти и отобразить нужную информацию. Пользователь взаимодействует с гипертекстом, переходя по ссылкам и исследуя связанные с ними данные.

Изучение гипертекста поможет вам ориентироваться в информационном пространстве более эффективно.

Основы концепции гипертекста

Ключевые элементы: узлы и гиперссылки. Узлы – это отдельные блоки информации (текстовые фрагменты, изображения, видео, аудио). Гиперссылки – это активные элементы, которые позволяют переходить из одного узла в другой.

Структура гипертекста не линейна. Можно переходить к информации, не следуя строгой последовательности, открывая связанные узлы в любом порядке.

Взаимосвязи между узлами создают сеть, богатую переходами. Это отличает гипертекст от привычных текстов, где информация организована линейно.

Применение: учебные материалы, энциклопедии, интернет-сайты, виртуальные библиотеки.

Практическое использование: легкий и удобный поиск информации, быстрое переключение между связанными темами.

Структура гипертекстового документа

Гипертекстовый документ строится на основе HTML (HyperText Markup Language). Ключевой элемент – теги, определяющие структуру и содержание страницы.

Основные элементы:

``</b>: Заголовок, отображаемый в строке заголовка браузера.</li> <li><b>`<meta>`</b>: Мета-данные: описание страницы, ключевые слова, язык страницы.</li> <li><b>`<link>`</b>: Ссылка на CSS-стили для оформления.</li> <li><b>`<script>`</b>: Вставка скриптов JavaScript.</li> </ul> <li><b>`<header>`</b>: Заголовок страницы, логотип, основная информация. </li> <li><b>`<nav>`</b>: Навигационные элементы (меню сайта).</li> <li><b>`<main>`</b>: Основной контент.</li> <li><b>`<article>`</b>: Отдельный раздел, статья, новость.</li> <li><b>`<aside>`</b>: Дополнительная информация, боковая панель.</li> <li><b>`<footer>`</b>: Нижняя часть страницы (авторские права, контактная информация).</li> <li><b>`<p>`</b>: Абзац текста.</li> <li><b>`<img>`</b>: Изображение. (Следует использовать атрибуты `src`, `alt`).</li> <li><b>`<a>`</b>: Гиперссылка, позволяющая перейти на другую страницу или часть документа.</li> </ul></li> </ul> <p>Ключевые особенности:</p> <ol> <li>Использование тегов для логического разделения контента. </li> <li>Иерархическая структура: <ol>, <ul> (списки), <li>, <p>, <h1>-<h6> (заголовки), <code> (код). </li> <li>Вложенность тегов, создание структуры.</li> <li>Атрибуты тегов для дополнительных параметров (например, `<a>` или `<img>`).</li> <li>Наличие семантических тегов ( `<article>`, `<aside>`).</li> </ol> <p>Правильное использование тегов имеет решающее значение для правильного отображения и индексации страницы поисковыми системами.</p> <h2>Роль гипертекстовых ссылок</h2> <p>Гипертекстовые ссылки – фундамент гипертекста. Они определяют структуру и позволяют перемещаться по информации.</p> <p>Ключевая роль – организация доступа к связанной информации. Ссылка не просто указывает на другой блок текста, но и устанавливает связь между различными фрагментами. Это позволяет создавать нелинейные, разветвлённые структуры данных, отражающие сложные взаимосвязи.</p> <p>Рекомендация: При создании гипертекста, тщательно выбирайте ключевые слова для создания ссылок. Они должны точно отражать содержание связанных блоков информации. Избегайте неинформативных ссылок ("Подробнее"), используйте целевые и конкретные фразы.</p> <p>Ещё одна важная функция – направление пользователя к дополнительной информации. Ссылки могут вести к документам, изображениям и другим медиа, обеспечивая более полное понимание. Предлагайте пользователю пути дальнейшего изучения темы, вместо простого описания.</p> <p>Например, ссылка "История развития интернета" должна перенаправлять к источнику информации об истории интернета, а не к новостному сайту.</p> <h2>Технологии реализации гипертекста</h2> <ul> <li><b>HTML (HyperText Markup Language)</b> – основной язык разметки для структуры гипертекстовых документов. Он определяет элементы страницы (заголовки, абзацы, списки и т.д.) и позволяет устанавливать связи между ними. Использование тегов (<a>, <h1>, <p>, <ul>, <ol> и т.д.) позволяет организовать содержимое и создать переходы.</li> <li><b>CSS (Cascading Style Sheets)</b> – для управления стилями отображения и форматирования элементов, созданных с помощью HTML. Это позволяет устанавливать цвета, шрифты, размеры и другие визуальные характеристики. Отделение стиля от структуры повышает гибкость и масштабируемость.</li> <li><b>JavaScript</b> – для реализации интерактивных элементов и поведения. Он позволяет создавать динамические страницы, обработку событий, валидацию и другие сложные сценарии. Например, валидация формы, слайдеры, всплывающие окна.</li> <li><b>Управляемые системы контента (CMS)</b> – платформы, которые упрощают создание и управление гипертекстовыми сайтами. Примеры: WordPress, Drupal, Joomla. Они предоставляют инструменты для добавления контента, редактирования, управления пользователями и т.д. Они позволяют сосредоточиться на контенте, а не на технической части.</li> <li><b>Протоколы передачи данных (HTTP, HTTPS)</b> – определяют, как данные передаются между сервером и клиентом. Это основа для функционирования веб-сайтов.</li> <li><b>Языки программирования высокого уровня (например, Python, PHP)</b> – используются на стороне сервера для динамического создания страниц, обработки запросов и подключают базу данных. Ответственность за реализацию логики приложения и взаимодействие со внешними системами.</li> <li><b>Базы данных</b> – хранят информацию, используемую для содержания гипертекстовых документов. Пример: MySQL, PostgreSQL, MongoDB. Это позволяет сохранять информацию о пользователях, товарах, новостях и т.д.</li> </ul> <p>Выбор технологий зависит от сложности проекта, требований к функциональности и ресурсов.</p> <h2>Практическое применение гипертекста</h2> <p><b>1. Организация учебных материалов.</b> Создавайте интерактивные учебники, где информация связана через ссылки. Например, в блоке про химические реакции укажите ссылки на формулы и таблицу Менделеева. Примеры: онлайн учебники по математике, истории, языкам.</p> <table> <tr> <th>Предмет</th> <th>Применение гипертекста</th> </tr> <tr> <td>Биология</td> <td>Словарь терминов, ссылки на иллюстрации, интерактивные модели клеток.</td> </tr> <tr> <td>История</td> <td>Хронологическая линия, события связанные с определенным периодом, документы эры</td> </tr> </table> <p><b>2. Создание документации и справочных систем.</b> Разбейте сложные процессы на шаги, каждый шаг – отдельная страница с подробными объяснениями и ссылками на связанные понятия. Примеры: инструкции по установке программ, поддержка пользователей для сложных технических устройств.</p> <p><b>3. Интерактивные справочники и энциклопедии.</b> Ссылки на связанные термины/ темы, дополнения к статье, мультимедийные файлы. Пример: электронная энциклопедия, глоссарий ссылок.</p> <p><b>4. Онлайн-магазины.</b> Организация каталога товаров с изображениями, описаниями и подробными характеристиками. Ссылки на похожие товары, отзывы. Примеры: сайт с товарами для сада, фотоаппараты и аксессуары.</p> <p><b>5. Разработка справочных систем для предприятий.</b> Справочник по корпоративной культуре, внутреннему положению, процедурам. Ссылки на инструкции и формы.</p> <p><b>6. Туристические порталы.</b> Гипертекст в туристических порталах, обеспечивающих многоуровневый доступ к связанным ресурсам, включая отзывы, фотографии, расположение достопримечательностей, контакты. Пример: система поиска, где один пункт ведет к нескольким следующим.</p> <h2>Гипертекст и будущее информационных технологий</h2> <p>Для эффективного использования гипертекста в будущем необходимо сосредоточиться на персонализации. Индивидуальные пользовательские профили, сформированные на основе текущих и исторических взаимодействий с гипертекстовыми системами, позволят создавать динамичные и релевантные информационные потоки. Система должна учитывать контекст, предпочтения и интересы каждого пользователя. Это обеспечит более глубокое погружение в информацию и снизит риск информационной перегрузки.</p> <p>Ключевым фактором для будущего гипертекста станет интеграция с искусственным интеллектом. AI может анализировать данные взаимодействия пользователя с гипертекстовой базой и подстраивать контент в реальном времени. Он может предложить связанные темы, подобрать наиболее релевантные ресурсы, сгенерировать краткое изложение сложных концепций, предоставляя тем самым более удобный и эффективный доступ к информации.</p> <p>В будущем, гипертекст должен быть интегрирован в новые способы коммуникации. Развитие визуальных и мультисенсорных интерфейсов откроет новые горизонты для взаимодействия. Это может включать в себя интеграцию голографических изображений и аудио-визуальных подсказок, дополняющих текстовое содержание, для глубокого понимания материала. Взаимодействие с гипертекстом будет приобретать новые, более естественные формы.</p> <p>Акцент необходимо сделать на развитии интерактивных элементов. Примеры таких элементов: виртуальные экскурсии, ссылочные карты посвященные определённым темам, с расширенными элементами взаимодействия. Взаимодействие с гипертекстом должно основываться на использовании интерактивных элементов, вместо пассивного усвоения информации.</p> <p>Следует обратить внимание на доступность и универсальность. Гипертекст должен быть адаптирован для пользователей с различными способностями и потребностями, таких как возможность масштабирования контента и разные варианты визуализации. Это гарантирует доступность и широкое использование в будущем.</p> <h2>Вопрос-ответ:</h2> <h4>Что такое гипертекст, и чем он отличается от обычного текста?</h4> <p>Гипертекст – это способ организации информации, когда отдельные фрагменты текста связаны между собой ссылками. В отличие от линейной структуры обычного текста, где информация подаётся последовательно, гипертекст позволяет читателю быстро переключаться между различными фрагментами, используя эти ссылки. Например, в энциклопедии вы можете перейти по ссылке на статью о связанном понятии, а не читать о нём последовательно. Такая нелинейная структура позволяет более эффективно осваивать и запоминать информацию, так как читатель может выбирать пути изучения, исходя из своего интереса.</p> <h4>Из каких элементов состоит структура гипертекста?</h4> <p>Основные элементы гипертекста – это узлы (фрагменты текста, изображения, аудио или видео) и связи (ссылки, которые соединяют эти узлы). Узлы могут содержать информацию, различного формата, а ссылки позволяют переходить между ними, создавая разнообразные маршруты чтения. Важно понимать, что структура гипертекста может быть очень сложной и разветвленной, но всегда основывается на этих двух компонентах.</p> <h4>Как гипертекст используется в реальной жизни? Приведите примеры.</h4> <p>Гипертекст применяется очень широко. Один из самых очевидных примеров – это интернет. Веб-страницы с их гиперссылками – это пример гипертекста. Также гипертекстом можно считать электронные книги, учебники с развитыми системами ссылок, виртуальные справочники. В них вы можете переходить по ссылкам на дополнительные материалы, связанные с основной темой, что обеспечивает более полное и глубокое понимание предмета.</p> <h4>Какие преимущества предлагает использование гипертекста, по сравнению с традиционными методами представления данных?</h4> <p>Гипертекст позволяет организовать информацию более эффективно, гибко и интерактивно. Читатель может самостоятельно выбирать направление чтения, что делает обучение и познание более интересным и удобным. Взаимосвязь ссылок обеспечивает более глубокое понимание, так как пользователь имеет возможность обращаться к информации по потребности. Всё это создаёт мощное инструментальное преимущество перед традиционными методами.</p> <h4>В каких областях гипертекст наиболее актуален и эффективен?</h4> <p>Гипертекст особенно полезен в областях, где важно быстро находить и связывать разнообразную информацию. Это может быть справочное дело, образование, научно-исследовательская деятельность, где исследователь должен быстро находить и анализировать связанные материалы. Так же гипертекстовые технологии находят применение в сфере маркетинга и в других сферах, требующих быстрого доступа и обработки информации.</p> <h4>Гипертекст – это просто длинный текст с ссылками? Разве он не похож на обычную веб-страницу?</h4> <p>Нет, гипертекст – это не просто длинный текст с ссылками. Ключевое отличие заключается в его структуре. Обычная страница – линейный текст, который вы читаете от начала до конца. Гипертекст же – это нелинейный текст. Он состоит из множества взаимосвязанных фрагментов информации (текст, изображения, аудио, видео), которые могут быть связаны через гиперссылки. Читатель сам выбирает, какую информацию ему просмотреть в первую очередь, переходя по ссылкам и исследуя различные ветви различных "путей". Это позволяет читателю взаимодействовать с материалом не как с фиксированной последовательностью, а как с открытой сетью знаний. Веб-страницы могут, конечно, использовать принципы гипертекста, но не всегда во всей полноте и гибкости.</p> <h4>Как гипертекст влияет на процесс усвоения информации? Я ведь могу просто запутаться в бесконечных ссылках.</h4> <p>Влияние гипертекста на усвоение информации довольно сложно. С одной стороны, потенциально он может сделать процесс обучения более интересным и гибким, так как позволяет переходить по ассоциациям и выборочно вникать в детали. Читатель может погружаться в темы, которые особенно интересуют. Но и есть риск запутаться. Все зависит от качественной разработки гипертекстовых структур. Если ссылки логичны и ведущие на ценную информацию, это повышает эффективность усвоения. Если же структура – хаотичная и ссылки не имеют смысловой нагрузки, информация усваивается плохо, и читатель может быстро потеряться в "интернет-лабиринте". Важно, чтобы гипертекст был продуманно организован и имел ясные ориентиры.</p> </div> <div class="article-footer"> <div class="tags"> <a href="/blog/veb-razrabotka/">Веб-разработка</a> </div> <div class="blog-share"> <span>Поделиться:</span> <div class="ya-share2" data-curtain data-shape="round" data-services="vkontakte,telegram,viber,whatsapp"> <div class="ya-share2__container ya-share2__container_size_m ya-share2__container_color-scheme_normal ya-share2__container_shape_round"> <ul class="ya-share2__list ya-share2__list_direction_horizontal"> <li class="ya-share2__item ya-share2__item_service_vkontakte"> <a class="ya-share2__link" href="https://vk.com/share.php?url=https://kimgid.ru/blog/gipertekst-chto-eto-iz-chego-sostoit-i-kak-rabotaet/&title=Гипертекст - что это, из чего состоит и как работает&utm_source=share2" rel="nofollow noopener" target="_blank" title="ВКонтакте"> <span class="ya-share2__badge"> <span class="ya-share2__icon"></span> </span> <span class="ya-share2__title">ВКонтакте</span> </a> </li> <li class="ya-share2__item ya-share2__item_service_telegram"> <a class="ya-share2__link" href="https://t.me/share/url?url=https://kimgid.ru/blog/gipertekst-chto-eto-iz-chego-sostoit-i-kak-rabotaet/&text=Гипертекст - что это, из чего состоит и как работает&utm_source=share2" target="_blank" rel="nofollow noopener"> <span class="ya-share2__badge"> <span class="ya-share2__icon"></span> </span> <span class="ya-share2__title">Telegram</span> </a> </li> <li class="ya-share2__item ya-share2__item_service_viber"> <a class="ya-share2__link" href="viber://forward?text=Блог kimgid https://kimgid.ru/blog/gipertekst-chto-eto-iz-chego-sostoit-i-kak-rabotaet/&utm_source=share2" rel="nofollow" target="_blank" title="Viber"> <span class="ya-share2__badge"> <span class="ya-share2__icon"></span> </span> <span class="ya-share2__title">Viber</span> </a> </li> <li class="ya-share2__item ya-share2__item_service_whatsapp"> <a class="ya-share2__link" href="https://api.whatsapp.com/send?text=Гипертекст - что это, из чего состоит и как работает https://kimgid.ru/blog/gipertekst-chto-eto-iz-chego-sostoit-i-kak-rabotaet/&utm_source=share2" rel="nofollow noopener" target="_blank" title="WhatsApp"> <span class="ya-share2__badge"> <span class="ya-share2__icon"></span> </span> <span class="ya-share2__title">WhatsApp</span> </a> </li> </ul> </div> </div> </div> </div> </div> <meta property="og:type" content="website"> <meta property="og:site_name" content="freshgeek.ru"> <meta property="og:type" content="article" /> <meta name="author" content="" /> <meta property="article:published_time" content="13.02.2025 09:02:27" /> <meta property="article:modified_time" content="09.03.2025 02:03:41" /> <meta property="og:url" content="https://freshgeek.ru/blog/gipertekst-chto-eto-iz-chego-sostoit-i-kak-rabotaet/"> <meta property="og:locale" content="ru"> <meta property="og:title" content="Блог \ Гипертекст - что это, из чего состоит и как работает | freshgeek.ru"> <meta property="og:description" content="Для понимания гипертекста, начните с определения: гипертекст – это нелинейный способ организации информации, где отдельные части связаны между собой ссылками. Это совсем не то же самое, что линейный текст, где информация представлена в последовательном порядке."> <meta property="og:image" content="https://freshgeek.ru/upload/iblock/d6e/getldkiaqkwknfsyb4hs0sqyn1p5h1q6/gipertekst_chto_eto_iz_chego_sostoit_i_kak_rabotaet.png"> <div class="pane related-posts"> <h4 class="decored-title">Похожие статьи</h4> <div class="row"> <div class="col-lg-4 mb-4 mb-lg-0"> <div class="post-preview"> <div class="post-preview-cover"><a href="/blog/zachem-senoram-na-sobesedovaniyax-zadayut-voprosi-po-dizajnu-sistem/"><img src="/upload/iblock/90d/i11m2evgpk3q6r25p27dldupiojvcg9i/zachem_senoram_na_sobesedovaniyah_zadayut_voprosy_po_dizaynu_sistem.png" alt="Зачем сеньорам на собеседованиях задают вопросы по дизайну систем"></a></div> <div class="post-preview-title"><a href="/blog/zachem-senoram-na-sobesedovaniyax-zadayut-voprosi-po-dizajnu-sistem/">Зачем сеньорам на собеседованиях задают вопросы по дизайну систем</a></div> <span>02/12/2025</span> </div> </div> <div class="col-lg-4 mb-4 mb-lg-0"> <div class="post-preview"> <div class="post-preview-cover"><a href="/blog/kak-sdelat-tablitsu-v-html-gajd-dlya-novichkov/"><img src="/upload/iblock/f90/gcfxzc47mn9npu2tfkgambqbrjehgw26/razrabotka_produkta_poshagovyy_gid.png" alt="Как сделать таблицу в HTML - гайд для новичков"></a></div> <div class="post-preview-title"><a href="/blog/kak-sdelat-tablitsu-v-html-gajd-dlya-novichkov/">Как сделать таблицу в HTML - гайд для новичков</a></div> <span>02/12/2025</span> </div> </div> <div class="col-lg-4 mb-4 mb-lg-0"> <div class="post-preview"> <div class="post-preview-cover"><a href="/blog/chto-dolzhen-umet-verstalshik-i-kak-prokachat-skilli-instruktsiya-dlya-novichkov/"><img src="/upload/iblock/63c/h745lo8sh3pxc63vu6y5rt62yhlr1494/kursy_internet_marketologa_v_2025_godu.png" alt="Что должен уметь верстальщик и как прокачать скиллы - инструкция для новичков"></a></div> <div class="post-preview-title"><a href="/blog/chto-dolzhen-umet-verstalshik-i-kak-prokachat-skilli-instruktsiya-dlya-novichkov/">Что должен уметь верстальщик и как прокачать скиллы - инструкция для новичков</a></div> <span>02/12/2025</span> </div> </div> </div> </div> <div class="pane pe-0 ps-0"> <div class="decored-title">0 Комментариев</div> <div class="comm-list"> </div> </div> <div class="pane"> <div>Комментариев на модерации: 0</div> <div class="decored-title">Оставьте комментарий</div> <div class="comm-form"> <form method="post" enctype="multipart/form-data" class="comment form"> <div class="row"> <div class="col-lg-12 mb-3"> <div class="rate-block"> <label>Ваша оценка</label> <div class="rating"> <div class="votes_block with-text"> <div class="ratings"> <div class="item-rating" data-message="Очень плохо"><i class="svg inline svg-inline-star" aria-hidden="true"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_172_19507)"> <path d="M8.56997 7.63003L1.89997 8.60003H1.77997C1.60144 8.64504 1.4388 8.73847 1.30997 8.87003C1.15884 9.00184 1.05084 9.17605 0.999975 9.37003C0.955087 9.55061 0.955087 9.73944 0.999975 9.92003C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9682 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.7958 22.9448 18.9759 22.9641 19.1517 22.936C19.3275 22.9078 19.4926 22.8333 19.63 22.72C19.7753 22.6058 19.886 22.4534 19.95 22.28C20.0213 22.106 20.0421 21.9154 20.01 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.9831 24 9.80003C24.0302 9.61794 24.0094 9.43104 23.94 9.26003C23.8694 9.08756 23.7558 8.93607 23.61 8.82003C23.467 8.70171 23.2938 8.62554 23.11 8.60003L16.43 7.60003L13.43 1.60003C13.3414 1.42657 13.2064 1.28115 13.04 1.18003C12.8812 1.06898 12.6936 1.00645 12.5 1.00003C12.305 0.99859 12.1138 1.0542 11.95 1.16003C11.7835 1.26115 11.6485 1.40657 11.56 1.58003L8.56997 7.63003Z" fill="#E5C45B"></path> <path d="M23.93 9.25997C23.8594 9.08751 23.7458 8.93602 23.6 8.81997C23.457 8.70166 23.2838 8.62548 23.1 8.59997L16.42 7.59997L13.42 1.59997C13.3314 1.42651 13.1964 1.2811 13.03 1.17997C12.8667 1.07244 12.6755 1.01514 12.48 1.01514C12.2845 1.01514 12.0933 1.07244 11.93 1.17997C11.7635 1.2811 11.6285 1.42651 11.54 1.59997L8.53997 7.64997L1.89997 8.59997H1.77997C1.60144 8.64499 1.4388 8.73842 1.30997 8.86997C1.15884 9.00179 1.05084 9.17599 0.999975 9.36997C0.955087 9.55056 0.955087 9.73939 0.999975 9.91997C1.04781 10.0996 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0531 5.02891 22.2355 5.10997 22.4C5.19238 22.5687 5.3206 22.7107 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9681 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.801 22.9494 18.9879 22.9702 19.17 22.94C19.3552 22.9196 19.5298 22.8428 19.67 22.72C19.8153 22.6057 19.926 22.4534 19.99 22.28C20.0613 22.1059 20.0821 21.9153 20.05 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1548 23.9657 9.98305 24 9.79997C24.027 9.61696 24.0028 9.43003 23.93 9.25997Z" fill="#DDDDDD"></path> <path opacity="0.07" d="M12.5 2.00002L15.5 8.05002C15.5723 8.19372 15.6783 8.31785 15.8089 8.41186C15.9394 8.50586 16.0907 8.56698 16.25 8.59002L23 9.60002C23 9.60002 23 9.60002 23.05 9.60002C23.1 9.60002 23 9.66002 23 9.66002L18.18 14.35C18.0627 14.4635 17.975 14.6039 17.9244 14.759C17.8739 14.9141 17.862 15.0793 17.89 15.24L19 22L13 18.83C12.8596 18.7508 12.7011 18.7095 12.54 18.71C12.3758 18.7108 12.2144 18.752 12.07 18.83L5.99997 22V21.95L7.13997 15.33C7.16791 15.1693 7.15609 15.0041 7.10554 14.849C7.05499 14.6939 6.96725 14.5535 6.84997 14.44L1.99997 9.65002V9.60002L8.64997 8.60002C8.80921 8.57698 8.96053 8.51586 9.0911 8.42186C9.22167 8.32785 9.32762 8.20372 9.39997 8.06002L12.4 1.99002M12.4 0.990017C12.205 0.98858 12.0138 1.0442 11.85 1.15002C11.6835 1.25114 11.5485 1.39656 11.46 1.57002L8.45997 7.62002L1.89997 8.60002H1.77997C1.60144 8.64503 1.4388 8.73846 1.30997 8.87002C1.15884 9.00183 1.05084 9.17604 0.999975 9.37002C0.955087 9.5506 0.955087 9.73943 0.999975 9.92002C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.16837 22.9978 6.33347 22.9531 6.47997 22.87L12.48 19.73L18.48 22.87H18.58C18.7086 22.944 18.8521 22.9884 19 23H19.16C19.3452 22.9796 19.5198 22.9028 19.66 22.78C19.8053 22.6657 19.916 22.5134 19.98 22.34C20.0513 22.166 20.0721 21.9753 20.04 21.79L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.98309 24 9.80002C24.0302 9.61793 24.0094 9.43103 23.94 9.26002C23.8694 9.08755 23.7558 8.93606 23.61 8.82002C23.467 8.7017 23.2938 8.62553 23.11 8.60002L16.43 7.60002L13.43 1.60002C13.3414 1.42656 13.2064 1.28114 13.04 1.18002C12.8812 1.06897 12.6936 1.00644 12.5 1.00002L12.4 0.990017Z" fill="black"></path> </g> <defs> <clipPath id="clip0_172_19507"> <rect width="25" height="24" fill="white"></rect> </clipPath> </defs> </svg> </i></div> <div class="item-rating" data-message="Плохо"><i class="svg inline svg-inline-star" aria-hidden="true"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_172_19507)"> <path d="M8.56997 7.63003L1.89997 8.60003H1.77997C1.60144 8.64504 1.4388 8.73847 1.30997 8.87003C1.15884 9.00184 1.05084 9.17605 0.999975 9.37003C0.955087 9.55061 0.955087 9.73944 0.999975 9.92003C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9682 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.7958 22.9448 18.9759 22.9641 19.1517 22.936C19.3275 22.9078 19.4926 22.8333 19.63 22.72C19.7753 22.6058 19.886 22.4534 19.95 22.28C20.0213 22.106 20.0421 21.9154 20.01 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.9831 24 9.80003C24.0302 9.61794 24.0094 9.43104 23.94 9.26003C23.8694 9.08756 23.7558 8.93607 23.61 8.82003C23.467 8.70171 23.2938 8.62554 23.11 8.60003L16.43 7.60003L13.43 1.60003C13.3414 1.42657 13.2064 1.28115 13.04 1.18003C12.8812 1.06898 12.6936 1.00645 12.5 1.00003C12.305 0.99859 12.1138 1.0542 11.95 1.16003C11.7835 1.26115 11.6485 1.40657 11.56 1.58003L8.56997 7.63003Z" fill="#E5C45B"></path> <path d="M23.93 9.25997C23.8594 9.08751 23.7458 8.93602 23.6 8.81997C23.457 8.70166 23.2838 8.62548 23.1 8.59997L16.42 7.59997L13.42 1.59997C13.3314 1.42651 13.1964 1.2811 13.03 1.17997C12.8667 1.07244 12.6755 1.01514 12.48 1.01514C12.2845 1.01514 12.0933 1.07244 11.93 1.17997C11.7635 1.2811 11.6285 1.42651 11.54 1.59997L8.53997 7.64997L1.89997 8.59997H1.77997C1.60144 8.64499 1.4388 8.73842 1.30997 8.86997C1.15884 9.00179 1.05084 9.17599 0.999975 9.36997C0.955087 9.55056 0.955087 9.73939 0.999975 9.91997C1.04781 10.0996 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0531 5.02891 22.2355 5.10997 22.4C5.19238 22.5687 5.3206 22.7107 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9681 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.801 22.9494 18.9879 22.9702 19.17 22.94C19.3552 22.9196 19.5298 22.8428 19.67 22.72C19.8153 22.6057 19.926 22.4534 19.99 22.28C20.0613 22.1059 20.0821 21.9153 20.05 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1548 23.9657 9.98305 24 9.79997C24.027 9.61696 24.0028 9.43003 23.93 9.25997Z" fill="#DDDDDD"></path> <path opacity="0.07" d="M12.5 2.00002L15.5 8.05002C15.5723 8.19372 15.6783 8.31785 15.8089 8.41186C15.9394 8.50586 16.0907 8.56698 16.25 8.59002L23 9.60002C23 9.60002 23 9.60002 23.05 9.60002C23.1 9.60002 23 9.66002 23 9.66002L18.18 14.35C18.0627 14.4635 17.975 14.6039 17.9244 14.759C17.8739 14.9141 17.862 15.0793 17.89 15.24L19 22L13 18.83C12.8596 18.7508 12.7011 18.7095 12.54 18.71C12.3758 18.7108 12.2144 18.752 12.07 18.83L5.99997 22V21.95L7.13997 15.33C7.16791 15.1693 7.15609 15.0041 7.10554 14.849C7.05499 14.6939 6.96725 14.5535 6.84997 14.44L1.99997 9.65002V9.60002L8.64997 8.60002C8.80921 8.57698 8.96053 8.51586 9.0911 8.42186C9.22167 8.32785 9.32762 8.20372 9.39997 8.06002L12.4 1.99002M12.4 0.990017C12.205 0.98858 12.0138 1.0442 11.85 1.15002C11.6835 1.25114 11.5485 1.39656 11.46 1.57002L8.45997 7.62002L1.89997 8.60002H1.77997C1.60144 8.64503 1.4388 8.73846 1.30997 8.87002C1.15884 9.00183 1.05084 9.17604 0.999975 9.37002C0.955087 9.5506 0.955087 9.73943 0.999975 9.92002C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.16837 22.9978 6.33347 22.9531 6.47997 22.87L12.48 19.73L18.48 22.87H18.58C18.7086 22.944 18.8521 22.9884 19 23H19.16C19.3452 22.9796 19.5198 22.9028 19.66 22.78C19.8053 22.6657 19.916 22.5134 19.98 22.34C20.0513 22.166 20.0721 21.9753 20.04 21.79L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.98309 24 9.80002C24.0302 9.61793 24.0094 9.43103 23.94 9.26002C23.8694 9.08755 23.7558 8.93606 23.61 8.82002C23.467 8.7017 23.2938 8.62553 23.11 8.60002L16.43 7.60002L13.43 1.60002C13.3414 1.42656 13.2064 1.28114 13.04 1.18002C12.8812 1.06897 12.6936 1.00644 12.5 1.00002L12.4 0.990017Z" fill="black"></path> </g> <defs> <clipPath id="clip0_172_19507"> <rect width="25" height="24" fill="white"></rect> </clipPath> </defs> </svg> </i></div> <div class="item-rating" data-message="Нормально"><i class="svg inline svg-inline-star" aria-hidden="true"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_172_19507)"> <path d="M8.56997 7.63003L1.89997 8.60003H1.77997C1.60144 8.64504 1.4388 8.73847 1.30997 8.87003C1.15884 9.00184 1.05084 9.17605 0.999975 9.37003C0.955087 9.55061 0.955087 9.73944 0.999975 9.92003C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9682 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.7958 22.9448 18.9759 22.9641 19.1517 22.936C19.3275 22.9078 19.4926 22.8333 19.63 22.72C19.7753 22.6058 19.886 22.4534 19.95 22.28C20.0213 22.106 20.0421 21.9154 20.01 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.9831 24 9.80003C24.0302 9.61794 24.0094 9.43104 23.94 9.26003C23.8694 9.08756 23.7558 8.93607 23.61 8.82003C23.467 8.70171 23.2938 8.62554 23.11 8.60003L16.43 7.60003L13.43 1.60003C13.3414 1.42657 13.2064 1.28115 13.04 1.18003C12.8812 1.06898 12.6936 1.00645 12.5 1.00003C12.305 0.99859 12.1138 1.0542 11.95 1.16003C11.7835 1.26115 11.6485 1.40657 11.56 1.58003L8.56997 7.63003Z" fill="#E5C45B"></path> <path d="M23.93 9.25997C23.8594 9.08751 23.7458 8.93602 23.6 8.81997C23.457 8.70166 23.2838 8.62548 23.1 8.59997L16.42 7.59997L13.42 1.59997C13.3314 1.42651 13.1964 1.2811 13.03 1.17997C12.8667 1.07244 12.6755 1.01514 12.48 1.01514C12.2845 1.01514 12.0933 1.07244 11.93 1.17997C11.7635 1.2811 11.6285 1.42651 11.54 1.59997L8.53997 7.64997L1.89997 8.59997H1.77997C1.60144 8.64499 1.4388 8.73842 1.30997 8.86997C1.15884 9.00179 1.05084 9.17599 0.999975 9.36997C0.955087 9.55056 0.955087 9.73939 0.999975 9.91997C1.04781 10.0996 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0531 5.02891 22.2355 5.10997 22.4C5.19238 22.5687 5.3206 22.7107 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9681 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.801 22.9494 18.9879 22.9702 19.17 22.94C19.3552 22.9196 19.5298 22.8428 19.67 22.72C19.8153 22.6057 19.926 22.4534 19.99 22.28C20.0613 22.1059 20.0821 21.9153 20.05 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1548 23.9657 9.98305 24 9.79997C24.027 9.61696 24.0028 9.43003 23.93 9.25997Z" fill="#DDDDDD"></path> <path opacity="0.07" d="M12.5 2.00002L15.5 8.05002C15.5723 8.19372 15.6783 8.31785 15.8089 8.41186C15.9394 8.50586 16.0907 8.56698 16.25 8.59002L23 9.60002C23 9.60002 23 9.60002 23.05 9.60002C23.1 9.60002 23 9.66002 23 9.66002L18.18 14.35C18.0627 14.4635 17.975 14.6039 17.9244 14.759C17.8739 14.9141 17.862 15.0793 17.89 15.24L19 22L13 18.83C12.8596 18.7508 12.7011 18.7095 12.54 18.71C12.3758 18.7108 12.2144 18.752 12.07 18.83L5.99997 22V21.95L7.13997 15.33C7.16791 15.1693 7.15609 15.0041 7.10554 14.849C7.05499 14.6939 6.96725 14.5535 6.84997 14.44L1.99997 9.65002V9.60002L8.64997 8.60002C8.80921 8.57698 8.96053 8.51586 9.0911 8.42186C9.22167 8.32785 9.32762 8.20372 9.39997 8.06002L12.4 1.99002M12.4 0.990017C12.205 0.98858 12.0138 1.0442 11.85 1.15002C11.6835 1.25114 11.5485 1.39656 11.46 1.57002L8.45997 7.62002L1.89997 8.60002H1.77997C1.60144 8.64503 1.4388 8.73846 1.30997 8.87002C1.15884 9.00183 1.05084 9.17604 0.999975 9.37002C0.955087 9.5506 0.955087 9.73943 0.999975 9.92002C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.16837 22.9978 6.33347 22.9531 6.47997 22.87L12.48 19.73L18.48 22.87H18.58C18.7086 22.944 18.8521 22.9884 19 23H19.16C19.3452 22.9796 19.5198 22.9028 19.66 22.78C19.8053 22.6657 19.916 22.5134 19.98 22.34C20.0513 22.166 20.0721 21.9753 20.04 21.79L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.98309 24 9.80002C24.0302 9.61793 24.0094 9.43103 23.94 9.26002C23.8694 9.08755 23.7558 8.93606 23.61 8.82002C23.467 8.7017 23.2938 8.62553 23.11 8.60002L16.43 7.60002L13.43 1.60002C13.3414 1.42656 13.2064 1.28114 13.04 1.18002C12.8812 1.06897 12.6936 1.00644 12.5 1.00002L12.4 0.990017Z" fill="black"></path> </g> <defs> <clipPath id="clip0_172_19507"> <rect width="25" height="24" fill="white"></rect> </clipPath> </defs> </svg> </i></div> <div class="item-rating" data-message="Хорошо"><i class="svg inline svg-inline-star" aria-hidden="true"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_172_19507)"> <path d="M8.56997 7.63003L1.89997 8.60003H1.77997C1.60144 8.64504 1.4388 8.73847 1.30997 8.87003C1.15884 9.00184 1.05084 9.17605 0.999975 9.37003C0.955087 9.55061 0.955087 9.73944 0.999975 9.92003C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9682 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.7958 22.9448 18.9759 22.9641 19.1517 22.936C19.3275 22.9078 19.4926 22.8333 19.63 22.72C19.7753 22.6058 19.886 22.4534 19.95 22.28C20.0213 22.106 20.0421 21.9154 20.01 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.9831 24 9.80003C24.0302 9.61794 24.0094 9.43104 23.94 9.26003C23.8694 9.08756 23.7558 8.93607 23.61 8.82003C23.467 8.70171 23.2938 8.62554 23.11 8.60003L16.43 7.60003L13.43 1.60003C13.3414 1.42657 13.2064 1.28115 13.04 1.18003C12.8812 1.06898 12.6936 1.00645 12.5 1.00003C12.305 0.99859 12.1138 1.0542 11.95 1.16003C11.7835 1.26115 11.6485 1.40657 11.56 1.58003L8.56997 7.63003Z" fill="#E5C45B"></path> <path d="M23.93 9.25997C23.8594 9.08751 23.7458 8.93602 23.6 8.81997C23.457 8.70166 23.2838 8.62548 23.1 8.59997L16.42 7.59997L13.42 1.59997C13.3314 1.42651 13.1964 1.2811 13.03 1.17997C12.8667 1.07244 12.6755 1.01514 12.48 1.01514C12.2845 1.01514 12.0933 1.07244 11.93 1.17997C11.7635 1.2811 11.6285 1.42651 11.54 1.59997L8.53997 7.64997L1.89997 8.59997H1.77997C1.60144 8.64499 1.4388 8.73842 1.30997 8.86997C1.15884 9.00179 1.05084 9.17599 0.999975 9.36997C0.955087 9.55056 0.955087 9.73939 0.999975 9.91997C1.04781 10.0996 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0531 5.02891 22.2355 5.10997 22.4C5.19238 22.5687 5.3206 22.7107 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9681 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.801 22.9494 18.9879 22.9702 19.17 22.94C19.3552 22.9196 19.5298 22.8428 19.67 22.72C19.8153 22.6057 19.926 22.4534 19.99 22.28C20.0613 22.1059 20.0821 21.9153 20.05 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1548 23.9657 9.98305 24 9.79997C24.027 9.61696 24.0028 9.43003 23.93 9.25997Z" fill="#DDDDDD"></path> <path opacity="0.07" d="M12.5 2.00002L15.5 8.05002C15.5723 8.19372 15.6783 8.31785 15.8089 8.41186C15.9394 8.50586 16.0907 8.56698 16.25 8.59002L23 9.60002C23 9.60002 23 9.60002 23.05 9.60002C23.1 9.60002 23 9.66002 23 9.66002L18.18 14.35C18.0627 14.4635 17.975 14.6039 17.9244 14.759C17.8739 14.9141 17.862 15.0793 17.89 15.24L19 22L13 18.83C12.8596 18.7508 12.7011 18.7095 12.54 18.71C12.3758 18.7108 12.2144 18.752 12.07 18.83L5.99997 22V21.95L7.13997 15.33C7.16791 15.1693 7.15609 15.0041 7.10554 14.849C7.05499 14.6939 6.96725 14.5535 6.84997 14.44L1.99997 9.65002V9.60002L8.64997 8.60002C8.80921 8.57698 8.96053 8.51586 9.0911 8.42186C9.22167 8.32785 9.32762 8.20372 9.39997 8.06002L12.4 1.99002M12.4 0.990017C12.205 0.98858 12.0138 1.0442 11.85 1.15002C11.6835 1.25114 11.5485 1.39656 11.46 1.57002L8.45997 7.62002L1.89997 8.60002H1.77997C1.60144 8.64503 1.4388 8.73846 1.30997 8.87002C1.15884 9.00183 1.05084 9.17604 0.999975 9.37002C0.955087 9.5506 0.955087 9.73943 0.999975 9.92002C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.16837 22.9978 6.33347 22.9531 6.47997 22.87L12.48 19.73L18.48 22.87H18.58C18.7086 22.944 18.8521 22.9884 19 23H19.16C19.3452 22.9796 19.5198 22.9028 19.66 22.78C19.8053 22.6657 19.916 22.5134 19.98 22.34C20.0513 22.166 20.0721 21.9753 20.04 21.79L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.98309 24 9.80002C24.0302 9.61793 24.0094 9.43103 23.94 9.26002C23.8694 9.08755 23.7558 8.93606 23.61 8.82002C23.467 8.7017 23.2938 8.62553 23.11 8.60002L16.43 7.60002L13.43 1.60002C13.3414 1.42656 13.2064 1.28114 13.04 1.18002C12.8812 1.06897 12.6936 1.00644 12.5 1.00002L12.4 0.990017Z" fill="black"></path> </g> <defs> <clipPath id="clip0_172_19507"> <rect width="25" height="24" fill="white"></rect> </clipPath> </defs> </svg> </i></div> <div class="item-rating" data-message="Отлично"><i class="svg inline svg-inline-star" aria-hidden="true"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_172_19507)"> <path d="M8.56997 7.63003L1.89997 8.60003H1.77997C1.60144 8.64504 1.4388 8.73847 1.30997 8.87003C1.15884 9.00184 1.05084 9.17605 0.999975 9.37003C0.955087 9.55061 0.955087 9.73944 0.999975 9.92003C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9682 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.7958 22.9448 18.9759 22.9641 19.1517 22.936C19.3275 22.9078 19.4926 22.8333 19.63 22.72C19.7753 22.6058 19.886 22.4534 19.95 22.28C20.0213 22.106 20.0421 21.9154 20.01 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.9831 24 9.80003C24.0302 9.61794 24.0094 9.43104 23.94 9.26003C23.8694 9.08756 23.7558 8.93607 23.61 8.82003C23.467 8.70171 23.2938 8.62554 23.11 8.60003L16.43 7.60003L13.43 1.60003C13.3414 1.42657 13.2064 1.28115 13.04 1.18003C12.8812 1.06898 12.6936 1.00645 12.5 1.00003C12.305 0.99859 12.1138 1.0542 11.95 1.16003C11.7835 1.26115 11.6485 1.40657 11.56 1.58003L8.56997 7.63003Z" fill="#E5C45B"></path> <path d="M23.93 9.25997C23.8594 9.08751 23.7458 8.93602 23.6 8.81997C23.457 8.70166 23.2838 8.62548 23.1 8.59997L16.42 7.59997L13.42 1.59997C13.3314 1.42651 13.1964 1.2811 13.03 1.17997C12.8667 1.07244 12.6755 1.01514 12.48 1.01514C12.2845 1.01514 12.0933 1.07244 11.93 1.17997C11.7635 1.2811 11.6285 1.42651 11.54 1.59997L8.53997 7.64997L1.89997 8.59997H1.77997C1.60144 8.64499 1.4388 8.73842 1.30997 8.86997C1.15884 9.00179 1.05084 9.17599 0.999975 9.36997C0.955087 9.55056 0.955087 9.73939 0.999975 9.91997C1.04781 10.0996 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0531 5.02891 22.2355 5.10997 22.4C5.19238 22.5687 5.3206 22.7107 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.18433 23.0097 6.36777 22.9681 6.52997 22.88L12.53 19.74L18.53 22.88H18.63C18.801 22.9494 18.9879 22.9702 19.17 22.94C19.3552 22.9196 19.5298 22.8428 19.67 22.72C19.8153 22.6057 19.926 22.4534 19.99 22.28C20.0613 22.1059 20.0821 21.9153 20.05 21.73L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1548 23.9657 9.98305 24 9.79997C24.027 9.61696 24.0028 9.43003 23.93 9.25997Z" fill="#DDDDDD"></path> <path opacity="0.07" d="M12.5 2.00002L15.5 8.05002C15.5723 8.19372 15.6783 8.31785 15.8089 8.41186C15.9394 8.50586 16.0907 8.56698 16.25 8.59002L23 9.60002C23 9.60002 23 9.60002 23.05 9.60002C23.1 9.60002 23 9.66002 23 9.66002L18.18 14.35C18.0627 14.4635 17.975 14.6039 17.9244 14.759C17.8739 14.9141 17.862 15.0793 17.89 15.24L19 22L13 18.83C12.8596 18.7508 12.7011 18.7095 12.54 18.71C12.3758 18.7108 12.2144 18.752 12.07 18.83L5.99997 22V21.95L7.13997 15.33C7.16791 15.1693 7.15609 15.0041 7.10554 14.849C7.05499 14.6939 6.96725 14.5535 6.84997 14.44L1.99997 9.65002V9.60002L8.64997 8.60002C8.80921 8.57698 8.96053 8.51586 9.0911 8.42186C9.22167 8.32785 9.32762 8.20372 9.39997 8.06002L12.4 1.99002M12.4 0.990017C12.205 0.98858 12.0138 1.0442 11.85 1.15002C11.6835 1.25114 11.5485 1.39656 11.46 1.57002L8.45997 7.62002L1.89997 8.60002H1.77997C1.60144 8.64503 1.4388 8.73846 1.30997 8.87002C1.15884 9.00183 1.05084 9.17604 0.999975 9.37002C0.955087 9.5506 0.955087 9.73943 0.999975 9.92002C1.04781 10.0997 1.14477 10.2624 1.27997 10.39L6.15997 15.1L4.99997 21.75V21.87C4.99106 22.0532 5.02891 22.2356 5.10997 22.4C5.19238 22.5687 5.3206 22.7108 5.47997 22.81C5.6303 22.9241 5.8115 22.9903 5.99997 23C6.16837 22.9978 6.33347 22.9531 6.47997 22.87L12.48 19.73L18.48 22.87H18.58C18.7086 22.944 18.8521 22.9884 19 23H19.16C19.3452 22.9796 19.5198 22.9028 19.66 22.78C19.8053 22.6657 19.916 22.5134 19.98 22.34C20.0513 22.166 20.0721 21.9753 20.04 21.79L18.84 15.1L23.68 10.39L23.77 10.3C23.8867 10.1549 23.9657 9.98309 24 9.80002C24.0302 9.61793 24.0094 9.43103 23.94 9.26002C23.8694 9.08755 23.7558 8.93606 23.61 8.82002C23.467 8.7017 23.2938 8.62553 23.11 8.60002L16.43 7.60002L13.43 1.60002C13.3414 1.42656 13.2064 1.28114 13.04 1.18002C12.8812 1.06897 12.6936 1.00644 12.5 1.00002L12.4 0.990017Z" fill="black"></path> </g> <defs> <clipPath id="clip0_172_19507"> <rect width="25" height="24" fill="white"></rect> </clipPath> </defs> </svg> </i></div> </div> </div> </div> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="">Ваше имя</label> <div class="input-box" required> <i class="far fa-user"></i> <input type="text" class="form-control" required name="name"> </div> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label for="">Ваша почта</label> <div class="input-box" required> <i class="far fa-envelope"></i> <input type="email" class="form-control" required name="email"> </div> </div> </div> </div> <div class="form-group"> <div class="input-box"> <i class="far fa-comment-alt"></i> <textarea name="comment" id="" class="form-control"></textarea> </div> </div> <input type="hidden" name="article" value="67107"> <input type="hidden" name="rating" value="5" class="rating_form"> <input type="hidden" name="link" value="https://freshgeek.ru/blog/gipertekst-chto-eto-iz-chego-sostoit-i-kak-rabotaet/"> <input type="hidden" name="ip" value="18.97.14.87"> <input type="hidden" name="sid" value="31"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label for="">Прикрепите фото</label> <input type="file" class="form-control" name="file"> </div> <div class="form-check mb-4"> <input class="form-check-input" type="checkbox" id="agree2" name="agreement" checked> <label class="form-check-label" for="agree2"> Я соглашаюсь на <a href="#">обработку персональных данных</a> </label> </div> </div> </div> <div class="row mb-3"> <div class="col-lg-4"> <button type="submit" class="btn btn-full">Отправить</button> </div> </div> </form> <div class="modal-content inline_success"> <div class="modal-body"> <div class="thank-ico"> <img src="/local/templates/kimgid/img/check.svg" width="93" alt=""> </div> <p>Ваш комментарий добавлен! <br>Он будет размещен после модерации</p> </div> </div> </div> <div class="section"> <div class="headline"> <h2>Курсы</h2> <div class="carousel-nav item-carousel-nav"></div> </div> <div class="row item-carousel"> <div class="col-xl-6 col-xxl-4"> <div class="item"> <div class="item__head"> <div class="item__logo"> <img src="/upload/iblock/158/wwro5jl8k8kg3sorkbvcbkupzo7uaktg/Screenshot_9.png"> </div> <div class="item__inf"> <div class="item__unit"><i class="fas fa-star"></i></div> <div class="item__unit l-item__unit__reviews"><i class="fas fa-comment-alt"></i>0 отзывов</div> </div> <img src="/upload/iblock/c0b/ef9by1m2no7g29m4041pblm62piqide4/manifest-icon-512.png" class="item__cover"> </div> <div class="item__cnt"> <div class="item__name"> <a href="https://go.redav.online/15875cc92d5114e1?dl=https%3A%2F%2Fmoscow.mba%2Fprograms%2Fmini%2Fonline%2Fservice-management&m=5&erid=2VfnxwvSM5J" rel="nofollow,sponsored" class="redirect_btn" tabindex="0">Управление в сфере услуг</a> </div> <ul class="item__params"> <li><i class="far fa-calendar"></i>с 16.12.2024</li> <li><i class="far fa-clock"></i>9</li> <li><i class="fas fa-video"></i>Курс</li> <li><i class="fas fa-graduation-cap"></i></li> <li><i class="far fa-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Tooltip on top"></i></li> </ul> <div class="item__cost"> <div class="item__price"> <div> 149 800 ₽ </div> </div> </div> <a href="https://go.redav.online/15875cc92d5114e1?dl=https%3A%2F%2Fmoscow.mba%2Fprograms%2Fmini%2Fonline%2Fservice-management&m=5&erid=2VfnxwvSM5J" class="btn btn-full">Перейти на сайт</a> </div> </div> </div> <div class="col-xl-6 col-xxl-4"> <div class="item"> <div class="item__head"> <div class="item__logo"> <img src="/upload/iblock/555/6s0bynglaj0i21ydvfw3rqgsqauiuiz7/Без названия (5).png"> </div> <div class="item__inf"> <div class="item__unit"><i class="fas fa-star"></i></div> <div class="item__unit l-item__unit__reviews"><i class="fas fa-comment-alt"></i>0 отзывов</div> </div> <img src="/upload/iblock/1a7/ea07wv3rxfmw799m5m7gz0f65xegmzlo/6.jpg" class="item__cover"> </div> <div class="item__cnt"> <div class="item__name"> <a href="https://go.redav.online/cc6b9e6de5419c11?dl=https%3A%2F%2Fncrdo.ru%2Fdo%2Fpk-terapiya-prinyatiya-i-otvetstvennosti-ast-terapiya-kak-metod-razvitiya-psikhologicheskoy-gibkosti-kl%2F&m=5&erid=LdtCKhDjq" rel="nofollow,sponsored" class="redirect_btn" tabindex="0">Курс «Терапия принятия и ответственности (АСТ-терапия) как метод развития психологической гибкости клиента»</a> </div> <ul class="item__params"> <li><i class="far fa-calendar"></i>с 16.12.2024</li> <li><i class="far fa-clock"></i></li> <li><i class="fas fa-video"></i>Курс</li> <li><i class="fas fa-graduation-cap"></i></li> <li><i class="far fa-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Tooltip on top"></i></li> </ul> <div class="item__cost"> <div class="item__price"> <div> 15 900 ₽ <span>22 000 ₽</span> </div> </div> <div class="item__discount"><span>-28%</span></div> </div> <a href="https://go.redav.online/cc6b9e6de5419c11?dl=https%3A%2F%2Fncrdo.ru%2Fdo%2Fpk-terapiya-prinyatiya-i-otvetstvennosti-ast-terapiya-kak-metod-razvitiya-psikhologicheskoy-gibkosti-kl%2F&m=5&erid=LdtCKhDjq" class="btn btn-full">Перейти на сайт</a> </div> </div> </div> <div class="col-xl-6 col-xxl-4"> <div class="item"> <div class="item__head"> <div class="item__logo"> <img src="/upload/iblock/d26/f0i0kstf6z120gde7op71njdaf0zdfg3/Без названия (18).png"> </div> <div class="item__inf"> <div class="item__unit"><i class="fas fa-star"></i>4.5</div> <div class="item__unit l-item__unit__reviews"><i class="fas fa-comment-alt"></i>2 отзывов</div> </div> <img src="/upload/iblock/089/fl9q3kjao4fvpj98hstu2eiwvak4drr1/7cb590c6-3410-4d88-b38b-6c7f1d31f8c1.png" class="item__cover"> </div> <div class="item__cnt"> <div class="item__name"> <a href="https://go.redav.online/56afbec34f083c21?dl=https%3A%2F%2Fskillbox.ru%2Fcourse%2Fprofession-designer-interior-landscape%2F&m=5&erid=2VfnxyFWM3N" rel="nofollow,sponsored" class="redirect_btn" tabindex="0">Профессия Дизайнер интерьеров и ландшафтной среды (ТОП-20)</a> </div> <ul class="item__params"> <li><i class="far fa-calendar"></i>с 28.10.2024</li> <li><i class="far fa-clock"></i>14 мес.</li> <li><i class="fas fa-video"></i>Курс</li> <li><i class="fas fa-graduation-cap"></i>сертификат</li> <li><i class="far fa-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Tooltip on top"></i></li> </ul> <div class="item__cost"> <div class="item__price"> <div> 233 109 ₽ <span>388 515 ₽</span> </div> <span>7 520 ₽/мес рассрочка</span> </div> <div class="item__discount"><span>-40%</span></div> </div> <a href="https://go.redav.online/56afbec34f083c21?dl=https%3A%2F%2Fskillbox.ru%2Fcourse%2Fprofession-designer-interior-landscape%2F&m=5&erid=2VfnxyFWM3N" class="btn btn-full">Перейти на сайт</a> </div> </div> </div> <div class="col-xl-6 col-xxl-4"> <div class="item"> <div class="item__head"> <div class="item__logo"> <img src="/upload/iblock/71b/293lfcdg1bav1wbd1mx3har98k6ueex3/Без названия (8).png"> </div> <div class="item__inf"> <div class="item__unit"><i class="fas fa-star"></i></div> <div class="item__unit l-item__unit__reviews"><i class="fas fa-comment-alt"></i>0 отзывов</div> </div> <img src="/upload/iblock/796/rz3pddp3e1z5g2sramqlbn1ci71694a0/apple-touch-icon-180x180.webp" class="item__cover"> </div> <div class="item__cnt"> <div class="item__name"> <a href="https://go.redav.online/2e1e0549a699ae10?dl=https%3A%2F%2Fotus.ru%2Flessons%2Fkotlin%2F&m=5&erid=LdtCJyCA3" rel="nofollow,sponsored" class="redirect_btn" tabindex="0">Kotlin Backend Developer. Professional</a> </div> <ul class="item__params"> <li><i class="far fa-calendar"></i>с 28.10.2024</li> <li><i class="far fa-clock"></i>5 мес.</li> <li><i class="fas fa-video"></i>Курс</li> <li><i class="fas fa-graduation-cap"></i>Сертификат</li> <li><i class="far fa-question-circle" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Tooltip on top"></i></li> </ul> <div class="item__cost"> <div class="item__price"> <div> 83 600 ₽ <span>88 000 ₽</span> </div> </div> <div class="item__discount"><span>-5%</span></div> </div> <a href="https://go.redav.online/2e1e0549a699ae10?dl=https%3A%2F%2Fotus.ru%2Flessons%2Fkotlin%2F&m=5&erid=LdtCJyCA3" class="btn btn-full">Перейти на сайт</a> </div> </div> </div> </div> </div> </div> </div> <div class="sidebar"> <div class="widget"> <h3>Популярные статьи</h3> <div class="wiget-grp"> </div> </div> <div class="widget"> <h3>Categories</h3> <ul class="cat-nav"> <li><a href="/blog/agile/">Agile</a></li> <li><a href="/blog/crm-sistemy/">CRM-системы</a></li> <li><a href="/blog/digital-marketing/">Digital-маркетинг</a></li> <li><a href="/blog/digital-prodvizhenie/">Digital-продвижение</a></li> <li><a href="/blog/edtech/">EdTech</a></li> <li><a href="/blog/erp/">ERP</a></li> <li><a href="/blog/google-sheets/">Google Sheets</a></li> <li><a href="/blog/growth-hacking/">Growth Hacking</a></li> <li><a href="/blog/it/">IT</a></li> <li><a href="/blog/lms/">LMS</a></li> <li><a href="/blog/microsoft-excel/">Microsoft Excel</a></li> <li><a href="/blog/soft-skills/">Soft Skills</a></li> <li><a href="/blog/test/">test</a></li> <li><a href="/blog/avtomatizatsiya-protsessov/">Автоматизация процессов</a></li> <li><a href="/blog/akademicheskaya-deyatelnost/">Академическая деятельность</a></li> <li><a href="/blog/akademicheskie-issledovaniya/">Академические исследования</a></li> <li><a href="/blog/analitika/">Аналитика</a></li> <li><a href="/blog/biznes/">Бизнес</a></li> <li><a href="/blog/biznes-analitika/">Бизнес-аналитика</a></li> <li><a href="/blog/biznes-strategii/">Бизнес-стратегии</a></li> <li><a href="/blog/bukhgalterskiy-uchet/">Бухгалтерский учет</a></li> <li><a href="/blog/veb-razrabotka/">Веб-разработка</a></li> <li><a href="/blog/vedenie-peregovorov/">Ведение переговоров</a></li> <li><a href="/blog/vostrebovannye-professii/">Востребованные профессии</a></li> <li><a href="/blog/vstupitelnye-ekzameny/">Вступительные экзамены</a></li> <li><a href="/blog/gendernye-issledovaniya/">Гендерные исследования</a></li> <li><a href="/blog/gost/">ГОСТ</a></li> <li><a href="/blog/dizayn-prezentatsiy/">Дизайн презентаций</a></li> <li><a href="/blog/igrovye-metodiki-v-obuchenii/">Игровые методики в обучении</a></li> <li><a href="/blog/intellektualnaya-sobstvennost/">Интеллектуальная собственность</a></li> <li><a href="/blog/iskusstvennyy-intellekt/">Искусственный интеллект</a></li> <li><a href="/blog/karernoe-razvitie/">Карьерное развитие</a></li> <li><a href="/blog/kognitivnye-nauki/">Когнитивные науки</a></li> <li><a href="/blog/korporativnoe-obuchenie/">Корпоративное обучение</a></li> <li><a href="/blog/marketing/">Маркетинг</a></li> <li><a href="/blog/mediagramotnost/">Медиаграмотность</a></li> <li><a href="/blog/neyroseti/">Нейросети</a></li> <li><a href="/blog/obrazovatelnye-issledovaniya/">Образовательные исследования</a></li> <li><a href="/blog/obuchenie/">Обучение</a></li> <li><a href="/blog/onlayn-kursy/">Онлайн-курсы</a></li> <li><a href="/blog/oformlenie-nauchnykh-rabot/">Оформление научных работ</a></li> <li><a href="/blog/povedencheskie-nauki/">Поведенческие науки</a></li> <li><a href="/blog/prikladnye-distsipliny/">Прикладные дисциплины</a></li> <li><a href="/blog/programmirovanie/">Программирование</a></li> <li><a href="/blog/prodazhi/">Продажи</a></li> <li><a href="/blog/produktovyy-menedzhment/">Продуктовый менеджмент</a></li> <li><a href="/blog/professionalnye-navyki/">Профессиональные навыки</a></li> <li><a href="/blog/prochee/">Прочее</a></li> <li><a href="/blog/psikhologiya/">Психология</a></li> <li><a href="/blog/servisy-dlya-obucheniya/">Сервисы для обучения</a></li> <li><a href="/blog/sotsialnye-aspekty-obrazovaniya/">Социальные аспекты образования</a></li> <li><a href="/blog/sotsialnye-nauki/">Социальные науки</a></li> <li><a href="/blog/tekhnicheskie-distsipliny/">Технические дисциплины</a></li> <li><a href="/blog/upravlenie-produktami/">Управление продуктами</a></li> <li><a href="/blog/upravlencheskiy-uchet/">Управленческий учет</a></li> <li><a href="/blog/finansy/">Финансы</a></li> <li><a href="/blog/tsifrovye-kompetentsii/">Цифровые компетенции</a></li> <li><a href="/blog/tsifrovye-navyki/">Цифровые навыки</a></li> <li><a href="/blog/tsifrovye-tekhnologii/">Цифровые технологии</a></li> <li><a href="/" class="selected">Главная</a></li> <li><a href="/schools/">Школы</a></li> <li><a href="/podborki/">Подборки курсов</a></li> </ul> </div> <div class="side-teaser"> <div class="teaser-tags"> <div class="teaser-tag"><span>Старт: 16.12.2024</span></div> <div class="teaser-tag"><span>Срок обучения: 2</span></div> </div> <div class="side-teaser-name">Сельское хозяйство - переподготовка </div> <div class="side-teaser-cnt"> Курс профессиональной переподготовки «Сельское хозяйство» по всей России. ✓ Дистанционное обучение ✓ Получение диплома с бесплатной доставкой ✓ Цена 24990 руб </div> <div class="teaser-price"> <div class="teaser-price-in"> 24 990 ₽ <span>33 990 ₽</span> </div> </div> <a href="https://go.redav.online/889e824384586de1?dl=https%3A%2F%2Fecodpo.ru%2Fselskoe-khozyaystvo-pp%2F&m=5&erid=2VfnxvRBqpk" class="btn btn-full">Посмотреть программу</a> </div> </div> </div> </div> </main>  <div class="modal modal-wide fade" id="modal-1" tabindex="-1" aria-labelledby="modal-1Label" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-help"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-help-lft"> <span>Поможем подобрать курс</span> чтобы вы получили повышение <br> или новую профессию. </div> <div class="modal-help-rht"> <div class="modal-form-title">Оставьте заявку, и мы перезвоним</div> <form method="post" enctype="multipart/form-data" class="help"> <div class="form-group"> <input type="text" placeholder="Имя" class="form-control" name="name"> </div> <div class="form-group"> <input type="text" placeholder="Телефон" class="form-control" name="tel"> </div> <div class="form-group"> <input type="text" placeholder="Email" class="form-control" name="email"> </div> <div class="form-group"> <input type="hidden" placeholder="Статья" class="form-control" name="article" value="67107"> <input type="hidden" name="link" value="https://freshgeek.ru/blog/gipertekst-chto-eto-iz-chego-sostoit-i-kak-rabotaet/"> <input type="hidden" name="ip" value="18.97.14.87"> <input type="hidden" name="sid" value="31"> </div> <div class="form-check mb-4"> <input class="form-check-input" type="checkbox" id="agree" name="agreement" checked> <label class="form-check-label" for="agree"> Я соглашаюсь на <a href="#">обработку персональных данных</a> </label> </div> <button type="submit" class="btn btn-primary btn-full">Оставить заявку</button> </form> <div class="modal-content inline_success"> <div class="modal-body"> <div class="thank-ico"> <img src="/local/templates/kimgid/img/check.svg" width="93" alt=""> </div> <p>Ваша заявка отправлена! <br>Мы скоро с Вами свяжемся!</p> </div> </div> </div> </div> </div> </div> </div>  <div class="modal modal-simple fade" id="modal-2" tabindex="-1" aria-labelledby="modal-2Label" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-title">Узнайте какая профессия вам подходит</div> <p class="text-center">Пройдите тест - это займет не больше 10 минут</p> <form method="post" enctype="multipart/form-data" class="profession"> <div class="form-group"> <input type="text" placeholder="Имя" class="form-control" name="name"> </div> <div class="form-group"> <input type="email" placeholder="Email" class="form-control" name="email"> </div> <div class="form-group"> <input type="hidden" placeholder="Статья" class="form-control" name="article" value="67107"> <input type="hidden" name="link" value="https://freshgeek.ru/blog/gipertekst-chto-eto-iz-chego-sostoit-i-kak-rabotaet/"> <input type="hidden" name="ip" value="18.97.14.87"> <input type="hidden" name="sid" value="31"> </div> <div class="form-check mb-4"> <input class="form-check-input" type="checkbox" id="agree1" name="agreement" checked> <label class="form-check-label" for="agree1"> Я соглашаюсь на <a href="#">обработку персональных данных</a> </label> </div> <button type="submit" class="btn btn-primary btn-full">Пройти тест</button> </form> <div class="modal-content inline_success"> <div class="modal-body"> <div class="thank-ico"> <img src="/local/templates/kimgid/img/check.svg" width="93" alt=""> </div> <p>Ваша заявка отправлена! <br>Мы скоро с Вами свяжемся!</p> </div> </div> </div> </div> </div><footer class="footer"> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-12 col-sm-4 col-md-4 col-xl-4"> <a href="/" class="logo-brand"> <span><img src="/favicon.ico" alt=""></span> Geek School </a> </div> <div class="col-6 col-sm-4 col-md-4 col-xl-4"> </div> <div class="col-6 col-sm-4 col-md-4 col-xl-4"> </div> </div> </div> </div> <div class="footer-btm"> <div class="container"> <span>© 2024</span> <span>Edtech Seo</span>  <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(52346410, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/52346410" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  </div> </div> </footer> <svg width="0" height="0" style="display: none;"> <symbol id="prev" viewBox="0 0 24 24" fill="none"> <path d="M15 6L9 12L15 18" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </symbol> <symbol id="next" viewBox="0 0 24 24" fill="none"> <path d="M9 6L15 12L9 18" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </symbol> </svg> </body> </html>