Подробная документация по созданию сайта на GitHub Pages

Подробная документация по созданию сайта на GitHub Pages
На чтение
26 мин.
Просмотров
18
Дата обновления
27.02.2025
#COURSE##INNER#

GitHub Pages – это бесплатная услуга, предоставляемая платформой GitHub, которая позволяет создать и опубликовать свой собственный веб-сайт. Это отличное решение для разработчиков, которые хотят поделиться своим проектом или документацией с сообществом. Создание сайта на GitHub Pages включает в себя несколько простых шагов, которые мы подробно рассмотрим в этой документации.

Шаг 1: Создание репозитория

Первым шагом в создании сайта на GitHub Pages является создание репозитория на GitHub. Репозиторий будет содержать все файлы вашего сайта, включая HTML, CSS, JavaScript и любые другие ресурсы, необходимые для работы вашего сайта. Вы можете создать новый репозиторий на GitHub или использовать существующий репозиторий для вашего проекта.

Примечание: Убедитесь, что у вас есть учетная запись на GitHub, прежде чем приступить к созданию репозитория.

Шаг 2: Настройка репозитория

После создания репозитория необходимо настроить его, чтобы GitHub Pages мог использовать его содержимое для отображения вашего сайта. Для этого перейдите в настройки репозитория и найдите раздел "GitHub Pages". В этом разделе вы сможете выбрать ветку, из которой GitHub Pages будет взаимодействовать с репозиторием.

Примечание: Если вы хотите создать пользовательский домен для вашего сайта, такой как example.com, вы также можете настроить его в разделе "GitHub Pages".

Установка и настройка репозитория

Для создания сайта на GitHub Pages необходимо создать репозиторий на платформе GitHub. В этом репозитории будут храниться файлы вашего сайта и все изменения, которые вы будете вносить в процессе разработки.

Чтобы создать новый репозиторий, перейдите на главную страницу GitHub и нажмите кнопку "New" (новый) в правом верхнем углу.

Введите название репозитория (например, "my-website") и нажмите кнопку "Create repository" (создать репозиторий).

После создания репозитория вам необходимо настроить его для работы с GitHub Pages. Для этого перейдите в настройки репозитория, нажав на вкладку "Settings" (настройки) в верхней части страницы.

Настройка для работы с GitHub Pages выполнена на странице "Options" (опции). В разделе "GitHub Pages" выберите источник для вашего сайта. Вы можете выбрать исходный код репозитория (по умолчанию) или создать отдельную ветку, где будут храниться файлы сайта.

После выбора источника нажмите кнопку "Save" (сохранить) внизу страницы, чтобы применить настройки. После этого ваш репозиторий будет готов для работы с GitHub Pages.

Создание нового репозитория на GitHub

Когда вы решите создать сайт GitHub Pages, первым шагом будет создание нового репозитория на GitHub. Репозиторий будет содержать все файлы вашего сайта и будет использоваться для управления изменениями и публикации сайта.

Чтобы создать новый репозиторий, выполните следующие шаги:

  1. Подайте заявку на регистрацию учетной записи на GitHub, если у вас еще нет аккаунта.
  2. Авторизуйтесь на GitHub, используя свои учетные данные.
  3. На главной странице GitHub найдите кнопку "New" (Новый) и нажмите на нее.
  4. Заполните необходимые поля: название репозитория, описание, приватность и лицензия. Если вы создаете репозиторий для сайта GitHub Pages, убедитесь, что в названии репозитория присутствует ваше имя пользователя и слово "github.io".
  5. Выберите опцию "Initialize this repository with a README" (Инициализировать этот репозиторий с README). Это поможет создать файл README.md, который можно использовать для описания вашего проекта.
  6. Нажмите кнопку "Create repository" (Создать репозиторий).

Вот и все! Теперь у вас есть новый репозиторий, который можно использовать для создания сайта GitHub Pages. Вы можете добавлять файлы, вносить изменения и управлять всем своим проектом на GitHub.

Клонирование репозитория на локальную машину

Для работы с репозиторием на локальной машине необходимо сначала склонировать его с GitHub.

Для клонирования репозитория необходимо выполнить следующие шаги:

  1. Откройте терминал или командную строку на вашей локальной машине.
  2. Перейдите в директорию, в которую вы хотите склонировать репозиторий.
  3. Скопируйте URL репозитория с GitHub.
  4. В терминале введите команду git clone , где - скопированный URL репозитория.
  5. Нажмите Enter, чтобы выполнить команду.

Git выполнит клонирование репозитория и создаст локальную копию на вашей машине.

Теперь вы можете работать с репозиторием на локальной машине, вносить изменения и загружать их обратно на GitHub.

Настройка локального репозитория для работы с GitHub Pages

Для работы с GitHub Pages вам понадобится локальный репозиторий. В этом разделе мы рассмотрим, как его настроить.

  1. Убедитесь, что у вас установлен Git.
  2. Откройте командную строку или терминал и перейдите в папку, где хотите создать локальный репозиторий.
  3. Инициализируйте новый репозиторий с помощью команды:
git init

Теперь у вас есть пустой локальный репозиторий, готовый для работы с GitHub Pages.

Далее вам понадобится связать ваш локальный репозиторий с удаленным репозиторием на GitHub. Для этого необходимо создать новый репозиторий на GitHub и скопировать его URL.

  1. Откройте GitHub и создайте новый репозиторий.
  2. Скопируйте URL вашего нового репозитория.

Теперь свяжем локальный и удаленный репозитории с помощью команды:

git remote add origin 

Теперь ваш локальный репозиторий и удаленный репозиторий на GitHub связаны.

Вы готовы начать работать с GitHub Pages в своем локальном репозитории. Теперь вы можете создать локальные файлы, добавить их в репозиторий, коммитить изменения и пушить их на GitHub. Дальше все изменения в вашем локальном репозитории будут автоматически отображаться на GitHub Pages.

Выполнение всех этих шагов позволит вам настроить локальный репозиторий для работы с GitHub Pages.

Создание и настройка веб-страницы

Настройка и создание веб-страницы в GitHub Pages может быть выполнено с помощью различных инструментов и методов. В этом разделе мы рассмотрим основные этапы этого процесса.

Для начала создания веб-страницы вам потребуется создать новый репозиторий на GitHub. Для этого перейдите на главную страницу своего аккаунта, нажмите на кнопку "New", и заполните необходимые поля. Не забудьте выбрать опцию "Initialize this repository with a README", чтобы создать README-файл для вашего проекта.

После создания репозитория перейдите в его настройки и найдите раздел "GitHub Pages". В этом разделе вы можете выбрать источник для вашего сайта - это может быть мастер-бранч, исходный код, или другая ветка. Вы также можете выбрать тему оформления для вашего сайта, которая будет применена к страницам автоматически.

После настройки источника и темы перейдите во вкладку "Code" и создайте новый файл с расширением .html. В этом файле вы можете написать HTML-код для вашей веб-страницы. Не забудьте сохранить изменения и закоммитить файл в ваш репозиторий.

Теперь ваша веб-страница доступна по адресу https://ваш_юзернейм.github.io/ваш_репозиторий/. Вы можете добавить дополнительные страницы, изображения и другие ресурсы в свой репозиторий и ссылаться на них на вашей веб-странице. Вы также можете использовать сторонние библиотеки и инструменты для разработки вашего сайта.

Не забудьте установить правильные разрешения доступа к вашему репозиторию, чтобы другие пользователи могли видеть вашу веб-страницу.

Пример кода веб-страницы:






Моя веб-страница


Привет, мир!

Это моя первая веб-страница на GitHub Pages.

Поздравляем! Теперь вы знаете основы создания и настройки веб-страницы в GitHub Pages.

Создание файла index.html

Создайте новый файл в репозитории вашего проекта с именем index.html. Для этого можете воспользоваться текстовым редактором или средой разработки.

Откройте файл index.html и добавьте необходимый код HTML для создания структуры вашего сайта. Обычно он состоит из следующих элементов:

  1. - объявление типа документа;
  2. - корневой элемент HTML документа;
  3. - содержит метаданные и подключаемые файлы;
  4. </code> - заголовок страницы, отображаемый во вкладке браузера;</li> <li><code><body></code> - содержит основной контент страницы;</li> <li><code><h1></code> - заголовок страницы;</li> <li><code><p></code> - абзацы текста;</li> <li><code><a></code> - ссылки на другие страницы или ресурсы.</li> </ol> <p>Заполните файл index.html нужным вам контентом, используя эти элементы и их атрибуты. Также вы можете использовать другие теги и атрибуты для форматирования и стилизации вашего контента.</p> <p>Сохраните изменения и выполните коммит файла index.html в вашем репозитории на GitHub. Теперь ваш файл index.html будет доступен по адресу <code>https://ваше_имя_пользователя.github.io/ваш_репозиторий/</code>, где <code>ваше_имя_пользователя</code> - ваше имя пользователя на GitHub, а <code>ваш_репозиторий</code> - название вашего репозитория.</p> <h3>Наполнение веб-страницы содержимым</h3> <p>После создания веб-страницы на GitHub Pages необходимо ее заполнить содержимым.</p> <p>Основными тегами для наполнения страницы являются:</p> <ul> <li><code><p></code> – для создания абзацев текста;</li> <li><code><ul></code> – для создания маркированного списка;</li> <li><code><ol></code> – для создания нумерованного списка;</li> <li><code><li></code> – для создания элемента списка.</li> </ul> <p>Тег <code><p></code> позволяет создавать абзацы текста. В него можно добавлять любой текст или HTML-код:</p> <p><code><p>Это абзац текста.</p></code></p> <p>Теги <code><ul></code>, <code><ol></code> и <code><li></code> используются для создания списков:</p> <ul> <li><code><ul></code> создает маркированный список, где каждый элемент списка – это тег <code><li></code>;</li> <li><code><ol></code> создает нумерованный список, где каждый элемент списка – это тег <code><li></code>.</li> </ul> <p>Пример использования:</p> <ul> <li><code><ul></code> <ul> <li><code><li></code>Элемент 1</li> <li><code><li></code>Элемент 2</li> <li><code><li></code>Элемент 3</li> </ul> </li> <li><code><ol></code> <ol> <li><code><li></code>Элемент 1</li> <li><code><li></code>Элемент 2</li> <li><code><li></code>Элемент 3</li> </ol> </li> </ul> <p>Таким образом, нужно использовать сочетание этих тегов для правильного форматирования и структурирования содержимого веб-страницы.</p> <h3>Применение стилей с помощью CSS</h3> <p>С помощью CSS можно задавать различные свойства элементов, такие как цвет текста, размеры шрифта, расположение элементов на странице, фоновые изображения и многое другое. CSS позволяет создавать стильные и красиво оформленные веб-страницы.</p> <p>Стили в CSS могут быть определены двумя способами. Первый способ - прямо внутри HTML-документа с помощью тега <style>. Например:</p> <table> <tr> <th>HTML</th> <th>CSS</th> </tr> <tr> <td><p>Пример текста</p></td> <td><style>p { color: blue; }</style></td> </tr> </table> <p>Второй способ - внешний файл CSS, который подключается к HTML-документу с помощью тега <link>. Внешний файл CSS может содержать все необходимые стили для веб-страницы. С помощью подключения внешнего файла CSS можно легко обновлять стили всех страниц сайта, а также повторно использовать стили в разных проектах.</p> <p>Селекторы в CSS позволяют выбирать определенные элементы на странице и задавать им стили. Селекторы могут быть простыми (выбирают элементы по их тегу, идентификатору, классу) и составными (комбинируют несколько простых селекторов).</p> <p>Применение стилей с помощью CSS позволяет создавать уникальные и привлекательные веб-сайты, которые будут привлекать внимание пользователей и легко читаемыми.</p> </div> <div class="faq"> <h2>Вопрос-ответ:</h2> <h4>Зачем нужен GitHub Pages?</h4> <p>GitHub Pages – это сервис, который позволяет разместить веб-страницы на GitHub. Он очень полезен для разработчиков, которые хотят опубликовать свой проект или создать свой персональный сайт.</p> <h4>Как создать сайт на GitHub Pages?</h4> <p>Для создания сайта на GitHub Pages сначала необходимо зарегистрироваться на GitHub. После этого, нужно создать репозиторий, в котором будут храниться файлы сайта. Затем можно загрузить готовый сайт на GitHub или создать его прямо на платформе.</p> <h4>Как изменить тему в GitHub Pages?</h4> <p>Чтобы изменить тему в GitHub Pages, необходимо в репозитории открыть файл _config.yml. В этом файле нужно найти опцию "theme" и заменить ее на название желаемой темы. После этого, нужно сохранить изменения и сайт автоматически применит новую тему.</p> <h4>Можно ли использовать свой домен для GitHub Pages?</h4> <p>Да, можно использовать свой домен для GitHub Pages. Для этого нужно создать файл CNAME в репозитории, указав в нем желаемый домен. Затем, необходимо настроить DNS-записи для своего домена, указав GitHub Pages в качестве сервиса, на котором размещен сайт.</p> </div> <div class="movie"> <h2>Видео:</h2> <h3>Быстрый старт в Git, GitHub и GitHub Pages (2023)</h3> <p>Быстрый старт в Git, GitHub и GitHub Pages (2023) by Сергей Дмитриевский 61,319 views 1 year ago 19 minutes</p> <iframe width="750" height="420" src="https://www.youtube.com/embed/ng4hke6op-w" title="Подробная документация по созданию сайта на GitHub Pages" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </div> <div class="article-footer"> <div class="tags"> <a href="/blog/github/">Github</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/podrobnaya-dokumentacziya-po-sozdaniyu-sajta-na-github-pages/&title=Подробная документация по созданию сайта на GitHub Pages&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/podrobnaya-dokumentacziya-po-sozdaniyu-sajta-na-github-pages/&text=Подробная документация по созданию сайта на GitHub Pages&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/podrobnaya-dokumentacziya-po-sozdaniyu-sajta-na-github-pages/&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=Подробная документация по созданию сайта на GitHub Pages https://kimgid.ru/blog/podrobnaya-dokumentacziya-po-sozdaniyu-sajta-na-github-pages/&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="apipython.ru"> <meta property="og:type" content="article" /> <meta name="author" content="" /> <meta property="article:published_time" content="21.09.2023 05:09:49" /> <meta property="article:modified_time" content="27.02.2025 10:02:04" /> <meta property="og:url" content="https://apipython.ru/blog/podrobnaya-dokumentacziya-po-sozdaniyu-sajta-na-github-pages/"> <meta property="og:locale" content="ru"> <meta property="og:title" content="Блог \ Подробная документация по созданию сайта на GitHub Pages | apipython.ru - блог"> <meta property="og:description" content="Первым шагом в создании сайта на GitHub Pages является создание репозитория на GitHub. Репозиторий будет содержать все файлы вашего сайта, включая HTML, CSS, JavaScript и любые другие ресурсы, необходимые для работы вашего сайта. Вы можете создать но"> <meta property="og:image" content="https://apipython.ru/upload/iblock/2c6/ybo0ascoje5rjrhgy3ag7olfufiojcue/podrobnaya-dokumentacziya-po-sozdaniyu-sajta-na-github-pages_7922.jpg"> <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/podrobnaya-dokumentacziya-po-proverke-klyuchej-ssh-v-github-enterprise-server-310/"><img src="/upload/iblock/c5e/5u2q3r3b3xa2rkon3ydj4kmgljj4560g/podrobnaya-dokumentacziya-po-proverke-klyuchej-ssh-v-github-enterprise-server-310_19288.jpg" alt="Подробная документация по проверке ключей SSH в GitHub Enterprise Server 310"></a></div> <div class="post-preview-title"><a href="/blog/podrobnaya-dokumentacziya-po-proverke-klyuchej-ssh-v-github-enterprise-server-310/">Подробная документация по проверке ключей SSH в GitHub Enterprise Server 310</a></div> <span>10/12/2024</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/podrobnaya-dokumentacziya-po-proverke-koda-v-github-enterprise-server-38/"><img src="/upload/iblock/f8b/qo6zx90buq3u7ex721fxzjaolnyk43h2/podrobnaya-dokumentacziya-po-proverke-koda-v-github-enterprise-server-38_11822.jpg" alt="Подробная документация по проверке кода в GitHub Enterprise Server 38"></a></div> <div class="post-preview-title"><a href="/blog/podrobnaya-dokumentacziya-po-proverke-koda-v-github-enterprise-server-38/">Подробная документация по проверке кода в GitHub Enterprise Server 38</a></div> <span>10/11/2024</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/podrobnaya-dokumentacziya-po-sozdaniyu-komandy-na-github-enterprise-server-310/"><img src="/upload/iblock/2a4/zczq908kngxgprjeqjb5afcqdpf0ejf1/podrobnaya-dokumentacziya-po-sozdaniyu-komandy-na-github-enterprise-server-310_31949.jpg" alt="Подробная документация по созданию команды на GitHub Enterprise Server 310"></a></div> <div class="post-preview-title"><a href="/blog/podrobnaya-dokumentacziya-po-sozdaniyu-komandy-na-github-enterprise-server-310/">Подробная документация по созданию команды на GitHub Enterprise Server 310</a></div> <span>10/10/2024</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="96168"> <input type="hidden" name="rating" value="5" class="rating_form"> <input type="hidden" name="link" value="https://apipython.ru/blog/podrobnaya-dokumentacziya-po-sozdaniyu-sajta-na-github-pages/"> <input type="hidden" name="ip" value="3.149.237.65"> <input type="hidden" name="sid" value="51"> <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> </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/data-science/">Data Science</a></li> <li><a href="/blog/devops-kubernetes/">DevOps>Kubernetes</a></li> <li><a href="/blog/django/">Django</a></li> <li><a href="/blog/docker/">Docker</a></li> <li><a href="/blog/flask/">Flask</a></li> <li><a href="/blog/github/">Github</a></li> <li><a href="/blog/bazy-dannykh/">Базы данных</a></li> <li><a href="/blog/kursy/">Курсы</a></li> <li><a href="/blog/novichkam/">Новичкам</a></li> <li><a href="/blog/raznoe/">Разное</a></li> <li><a href="/blog/uroki/">Уроки</a></li> <li><a href="/">Главная</a></li> <li><a href="/blog/" class="selected">Блог</a></li> </ul> </div> </div> </div> </div> </main> <!-- Modal 1 --> <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="96168"> <input type="hidden" name="link" value="https://apipython.ru/blog/podrobnaya-dokumentacziya-po-sozdaniyu-sajta-na-github-pages/"> <input type="hidden" name="ip" value="3.149.237.65"> <input type="hidden" name="sid" value="51"> </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> <!-- Modal 2 --> <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="96168"> <input type="hidden" name="link" value="https://apipython.ru/blog/podrobnaya-dokumentacziya-po-sozdaniyu-sajta-na-github-pages/"> <input type="hidden" name="ip" value="3.149.237.65"> <input type="hidden" name="sid" value="51"> </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> api python </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>© 2025</span> <span>Edtech Seo</span> <!-- 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(93896292, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/93896292" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </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>