Создание веб-сайта. Курс молодого бойца
10.03.2025
1С-Разработчик
Практический онлайн-курс, на котором вы за 3,5 месяца освоите профессию 1С-разработчика с нуля и подготовитесь к сдаче экзамена 1С:Специалист.
130 000 ₽325 000 ₽
10 833₽/мес рассрочка
Подробнее
#INNER#
Начните с выбора платформы. WordPress, Wix, Squarespace – это наиболее популярные решения. WordPress – гибкий, но требует больше навыков. Wix – интуитивно понятен, но с ограничениями функциональности. Squarespace подойдет для визуально ориентированных проектов.
Разработайте структуру сайта. Определите главные страницы (о нас, услуги, контакты), создайте карту сайта для навигации. Планируйте расположение ключевой информации, чтобы пользователи легко находили нужные разделы. Продумайте логическую связь между страницами.
Создайте контент. Текст должен быть уникальным, информативным и привлекательным. Используйте ясный язык и убедитесь в отсутствии ошибок. Оптимизируйте текст для поисковых систем (SEO). Разместите привлекательные изображения и видео. Подготовьте контактные данные.
Выберите доменное имя и хостинг. Выберите название сайта, которое отражает его тему (например, "МойИнтернетМагазин.рф"). Выберите надежный хостинг-провайдер, подходящий по ресурсам и ценовой категории. Это обеспечит стабильную работу вашего ресурса.
Оптимизируйте сайт в визуальном плане. Подберите качественную тему или дизайн, подходящий под вашу сферу деятельности. Убедитесь, что сайт работает быстро и корректно на всех устройствах (компьютеры, планшеты, смартфоны).
Проверьте и опубликуйте. Перед публикацией сайта протестируйте его на всех платформах. Убедитесь в корректной работе всех функций и удобстве навигации. Опубликуйте сайт, если всё работает как надо.
Выбор платформы для запуска сайта
Для начала определите свой бюджет и технические навыки. Если бюджет ограничен и вы новичок, то CMS WordPress – идеальный выбор. Она бесплатна, имеет множество шаблонов и плагинов, а огромная поддержка сообщества значительно упростит решение проблем.
Для более сложных проектов с высокой нагрузкой, где важна масштабируемость, стоит рассмотреть варианты хостинга на основе Node.js или Laravel. Эти платформы более гибкие, но и требуют более глубоких технических знаний.
Вот краткий сравнительный список популярных платформ:
WordPress: Простая, многофункциональная, бесплатная, большая поддержка сообщества, множество шаблонов и плагинов. Не требует больших технических знаний.Shopify: Отличный вариант для интернет-магазинов, с интуитивным интерфейсом и готовыми решениями. Подходит для тех, кто хочет быстро запустить магазин без сильного технического вклада.Squarespace: Отлично подходит для визуально ориентированных проектов, с удобным интерфейсом. Предоставляет готовые решения и не требует глубоких знаний. Ограничения по настройке могут быть значительными.Wix: Популярный сайт-строитель с интуитивным интерфейсом. Подходит для новичков, но может иметь ограниченные возможности для более сложных функциональных решений.Custom-разработка: Если вам необходимы уникальные решения и нестандартные функции, лучшим вариантом будет нанять профессиональных разработчиков. Этим Вы получите максимально возможное управление своим сайтом, но это потребует значительных инвестиций.
Внимательно изучите возможности каждой из платформ, учитывая специфика вашего проекта.
Не бойтесь задавать вопросы специалистам по выбору конкретных технологий, если нет уверенности, какая платформа подойдет лучше всего.
Регистрация домена и хостинг
Выберите надежного регистратора доменных имён. Рекомендую проверенные сервисы типа "Ru-Center", "Reg.ru" или "Namecheap". Проверьте, доступны ли нужные доменные зоны (.ru, .com, .org и т.д.). Удостоверьтесь, что стоимость регистрации и продления вас устраивает. Регистрация домена нужна для уникального адреса сайта.
Выбирайте хостинг-провайдера, учитывая объём дискового пространства, доступный трафик и ресурсы сервера. Обратите внимание на скорость работы и техническую поддержку. Сравните цены разных провайдеров - например, "Beget", "Hostinger", "CloudVPS". Хорошая скорость загрузки страниц критична для пользователей.
Не выбирайте самые дешёвые варианты хостинга. Дешёвый хостинг может привести к проблемам с производительностью и доступностью вашего веб-сайта.
После регистрации домена, свяжите его с выбранным хостингом. Это делается через DNS-сервера. Не забудьте тщательно изучить инструкции на сайтах выбранных вами провайдеров.
Подумайте о будущем. В будущем, вероятно, захотите масштабировать проект. Найдите хостинг с удобным управлением и возможностью расширения.
Структура сайта и планирование контента
Начните с ясной цели. Что вы хотите, чтобы посетители вашего сайта делали? Продавали товары? Получали информацию? Записывались на консультации? Определите ключевые задачи и сфокусируйтесь на них.
Разбейте сайт на логические разделы. Например, для интернет-магазина это "Каталог", "О нас", "Контакты", "Корзина". Для блога - "Статьи", "Авторы", "Архив". Каждому разделу соответствует своя структура страниц.
Создайте карту сайта. Перечислите все страницы, упорядочив их иерархично. Удобно использовать диаграмму или список. Посетителям нужно быстро найти нужную информацию. Продумайте прямые ссылки между страницами.
Планируйте контент. Составьте список тем, заполните каждую страницу. Определите ключевые слова, которые будут помогать в поиске. Пример: если сайт о рыбалке, добавьте темы: «Виды рыб», «Техники ловли», «Озёра региона». Учитывайте целевую аудиторию.
Определите ключевые слова для каждой страницы. Ключевые слова помогут в оптимизации сайта для поисковых систем. Это важный фактор, если ваш сайт призван находить пользователей через интернет-поиск.
Продумайте навигацию. Menu, хлебные крошки, внутренние ссылки - это элементы навигации. Они важны для удобства пользователей. Определите пути для пользователя, чтобы он смог добраться до нужной информации по сайту.
Проверьте удобство навигации. Попросите друзей или коллег оценить, насколько легко они ориентируются на вашем сайте. Получение обратной связи поможет внести коррективы. Проверьте, что всё понятно и легко.
Разработка дизайна и интерфейса
Начать стоит с Figma или Adobe XD или аналогичного инструмента. Создайте wireframes – простые схемы расположения элементов.
Элемент
Описание
Примеры
Заголовок
Ясный, лаконичный, соответствующий теме.
"Главная страница", "О нас", "Контакты"
Навигация
Интуитивно понятная, с ясными ссылками на нужные страницы.
Используйте меню (головное или боковое).
Контент
Четко структурированный, читабельный, с оптимальным количеством текста.
Используйте подзаголовки, списки, изображения.
Кнопки
Ясно обозначенные действия, привлекательный дизайн.
"Заказать", "Узнать больше", "Связаться с нами"
Цветовая палитра – несколько цветов (основной, дополнительный, акцентный). Подбирайте цвета, сочетающиеся друг с другом. Рекомендуется использование палитр от Canva, Coolors, Adobe Color.
Шрифты – два-три шрифта: один для заголовков, другой для текста. Обратите внимание на читаемость текста.
Графические элементы – иконки, изображения, фото, которые подобраны по тематике. Должны быть высокого разрешения.
Мобильная адаптация – важно! Проверьте сайт на разных устройствах (смартфоны, планшеты). Используйте responsive дизайн.
Тестирование – проверьте удобство пользования на разных браузерах (Chrome, Firefox, Safari). Проведите тестирование UX с пользователями. Используйте инструменты Google Optimize.
Публикация и продвижение сайта
Для публикации сайта используйте хостинг-провайдера. Выберите тарифный план, подходящий по объёму ресурсов и потребностям. После выбора, загрузите файлы вашего сайта на сервер. Проверьте работоспособность сайта с помощью браузера. Регистрируйте сайт в поисковых системах (Google, Яндекс). Важный момент: используйте правильное структурирование и мета-теги для оптимизации сайта в поисковиках.
Ключевые аспекты продвижения:
SEO-оптимизация : создавайте уникальный контент, соответствующий ключевым запросам пользователей. Оптимизируйте теги
, мета-описания, H1-теги. Используйте внутренние и внешние ссылки.</p>
<p><em>Социальные сети</em>: продвигайте ваш сайт в социальных сетях. Публикуйте интересные посты, регулярно общайтесь с аудиторией, призывайте к действию.</p>
<p><em>Контент-маркетинг</em>: публикуйте полезный и интересный контент (статьи, блоги, видео). Это привлечёт качественный трафик.</p>
<p><em>Контактная информация</em>: укажите контактные данные (электронную почту, телефон). Это поможет клиентам связаться с вами.</p>
<p><strong>Избегайте:</strong> попыток быстрого обогащения за счет сомнительных методов. Будьте честны и добросовестны. Регулярно анализируйте результаты продвижения и корректируйте стратегию.</p>
<h2>Поддержка и дальнейшее развитие сайта</h2>
<p><strong>Планируйте обновление контента.</strong> Регулярное добавление новых статей, изображений, или видео – залог привлечения трафика и сохранения интереса посетителей. Определите график обновления (например, раз в неделю или месяц) и придерживайтесь его.</p>
<p><strong>Следите за показателями сайта.</strong> Используйте инструменты аналитики (например, Google Analytics), чтобы отслеживать трафик, источники посетителей, популярные страницы и ключевые слова. Это важно для понимания того, что работает, а что нет.</p>
<p><strong>Регулярно проверяйте работоспособность сайта.</strong> Проверки на ошибки и проблемы, возникающие на сайте, жизненно важны. Тестируйте сайт на различных браузерах и устройствах. По возможности, автоматизируйте этот процесс.</p>
<p><strong>Обеспечьте безопасность сайта.</strong> Регулярно обновляйте программное обеспечение, используйте надежные пароли и защищайте данные пользователей. Используйте сервисы защиты от вредоносных программ. Не пренебрегайте важными обновлениями.</p>
<p><strong>Предусмотрите возможность расширения сайта.</strong> С самого начала проектирования учитывайте необходимость будущих изменений. Дизайн, структура и техническая база сайта должны позволять добавление новых функций и страниц без вреда для работы.</p>
<p><strong>Обучитесь самому/самой техническому обслуживанию.</strong> Понимание основ работы сайта – важный навык. Выберите понятный и доступный ресурс для изучения.</p>
<p><strong>Обдумайте взаимодействие с пользователем.</strong> Отслеживайте отзывы и комментарии. Постоянно анализируйте пользовательский опыт для улучшения сайта. Это позволит улучшать взаимодействие посетителей с сайтом.</p>
<h2>Вопрос-ответ:</h2>
<h4>Какой инструмент выбрать для создания сайта, если я совсем новичок и не хочу ничего сложного?</h4>
<p>Для начинающих идеально подойдут визуальные конструкторы сайтов, такие как Wix, Tilda, или конструктор сайтов от Google (в зависимости от ваших потребностей). Они предлагают готовые шаблоны и интуитивно понятные интерфейсы, позволяющие создавать сайт, не имея навыков программирования. Важно учесть, что эти инструменты обычно имеют ограничения по функциональности, но для небольших проектов или личных сайтов их вполне достаточно. На их основе вы сможете освоить основные принципы построения веб-сайтов и перейти к более сложным инструментам позже, когда накопите опыт.</p>
<h4>Нужно ли мне знать HTML, CSS и JavaScript для создания сайта? Как с этим справиться, если я совсем не знаком с кодированием?</h4>
<p>Знание HTML, CSS и JavaScript очень полезно, но не обязательно на начальном этапе. Вы можете успешно создать сайт, используя визуальные конструкторы, которые обрабатывают код за вас. Однако, понимание основ HTML, CSS и JavaScript позволит в будущем создавать более сложные и адаптивные сайты, подстраиваясь под любые задачи. Существуют множество онлайн-курсов и учебников, которые помогут освоить эти технологии без больших затрат времени. Можно начать с изучения базовых принципов, а затем углубиться в более сложные темы по мере необходимости.</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/sozdanie-veb-sajta-kurs-molodogo-bojtsa/&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/sozdanie-veb-sajta-kurs-molodogo-bojtsa/&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/sozdanie-veb-sajta-kurs-molodogo-bojtsa/&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/sozdanie-veb-sajta-kurs-molodogo-bojtsa/&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="salon-nikol.su">
<meta property="og:type" content="article" />
<meta name="author" content="" />
<meta property="article:published_time" content="18.02.2025 12:02:08" />
<meta property="article:modified_time" content="10.03.2025 04:03:22" />
<meta property="og:url" content="https://salon-nikol.su/blog/sozdanie-veb-sajta-kurs-molodogo-bojtsa/">
<meta property="og:locale" content="ru">
<meta property="og:title" content="Блог \ Создание веб-сайта. Курс молодого бойца | salon-nikol.su">
<meta property="og:description" content="Начните с выбора платформы. WordPress, Wix, Squarespace – это наиболее популярные решения. WordPress – гибкий, но требует больше навыков. Wix – интуитивно понятен, но с ограничениями функциональности. Squarespace подойдет для визуально ориентированных проектов.">
<meta property="og:image" content="https://salon-nikol.su/upload/iblock/67a/3fpgdlyaq1omaf6o0z4cdx8qqn51mej9/kursy_sozdaniya_veb_saytov_v_2025_godu.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/kak-sozdat-prostuyu-veb-stranitsu-s-pomoshyu-html/"><img src="/upload/iblock/925/09d652lt3ep44sibxcgp49i3or55nxwi/kak_podklyuchit_css_k_html_3_sposoba.png" alt="Как создать простую веб страницу с помощью HTML"></a></div>
<div class="post-preview-title"><a href="/blog/kak-sozdat-prostuyu-veb-stranitsu-s-pomoshyu-html/">Как создать простую веб страницу с помощью HTML</a></div>
<span>11/22/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/kak-sozdat-sajt-s-nulya-samostoyatelno-poshagovaya-instruktsiya/"><img src="/upload/iblock/4ae/hqeor11qej5is7fqs91rfuvjcw1ucdc3/brauzer_chto_eto_zachem_nuzhen_vozmozhnosti_i_razlichiya.png" alt="Как создать сайт с нуля самостоятельно — пошаговая инструкция"></a></div>
<div class="post-preview-title"><a href="/blog/kak-sozdat-sajt-s-nulya-samostoyatelno-poshagovaya-instruktsiya/">Как создать сайт с нуля самостоятельно — пошаговая инструкция</a></div>
<span>11/20/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/kak-sozdat-sajt-s-nulya-pri-pomoshi-html/"><img src="/upload/iblock/16f/o2slc8rovr5teo8xe738nes15wjtg8m1/kak_skachat_video_s_lyubogo_sayta_besplatno_13_sposobov.png" alt="Как создать сайт с нуля при помощи HTML"></a></div>
<div class="post-preview-title"><a href="/blog/kak-sozdat-sajt-s-nulya-pri-pomoshi-html/">Как создать сайт с нуля при помощи HTML</a></div>
<span>11/21/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="69072">
<input type="hidden" name="rating" value="5" class="rating_form">
<input type="hidden" name="link" value="https://salon-nikol.su/blog/sozdanie-veb-sajta-kurs-molodogo-bojtsa/">
<input type="hidden" name="ip" value="3.147.103.89">
<input type="hidden" name="sid" value="33">
<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/35f/y3u3rfmdzdxv6kkfeb2cvkt3mnzh6fyc/de9b3a7a011e3561b3685eac.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="" class="item__cover">
</div>
<div class="item__cnt">
<div class="item__name">
<a href="https://go.2038.pro/e07c3f34a664b7d0?dl=https%3A%2F%2Feduson.academy%2F1c-developer&m=5&erid=LdtCKXSTq" rel="nofollow,sponsored" class="redirect_btn" tabindex="0">1С-Разработчик</a>
</div>
<ul class="item__params">
<li><i class="far fa-calendar"></i>с 14.12.2024</li>
<li><i class="far fa-clock"></i>3 мес.</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>
130 000 ₽
<span>325 000 ₽</span>
</div>
<span>10 833 ₽/мес рассрочка</span>
</div>
<div class="item__discount"><span>-60%</span></div>
</div>
<a href="https://go.2038.pro/e07c3f34a664b7d0?dl=https%3A%2F%2Feduson.academy%2F1c-developer&m=5&erid=LdtCKXSTq" 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/blender-i-3d-grafika/">Blender и 3D-графика</a></li>
<li><a href="/blog/crm-sistemy/">CRM-системы</a></li>
<li><a href="/blog/digital-marketing/">Digital-маркетинг</a></li>
<li><a href="/blog/django-i-veb-razrabotka/">Django и веб-разработка</a></li>
<li><a href="/blog/edtech/">EdTech</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/microsoft-excel/">Microsoft Excel</a></li>
<li><a href="/blog/python-i-programmirovanie/">Python и программирование</a></li>
<li><a href="/blog/soft-skills/">Soft Skills</a></li>
<li><a href="/blog/avtomatizatsiya-protsessov/">Автоматизация процессов</a></li>
<li><a href="/blog/akademicheskaya-deyatelnost/">Академическая деятельность</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/bukhgalterskiy-uchet/">Бухгалтерский учет</a></li>
<li><a href="/blog/veb-razrabotka/">Веб-разработка</a></li>
<li><a href="/blog/vostrebovannye-professii/">Востребованные профессии</a></li>
<li><a href="/blog/vstupitelnye-ekzameny/">Вступительные экзамены</a></li>
<li><a href="/blog/grafika-i-3d-modelirovanie/">Графика и 3D-моделирование</a></li>
<li><a href="/blog/dizayn-prezentatsiy/">Дизайн презентаций</a></li>
<li><a href="/blog/diplomnye-raboty/">Дипломные работы</a></li>
<li><a href="/blog/iskusstvennyy-intellekt/">Искусственный интеллект</a></li>
<li><a href="/blog/istoriya-igr-i-studiy/">История игр и студий</a></li>
<li><a href="/blog/kulturnye-issledovaniya/">Культурные исследования</a></li>
<li><a href="/blog/marketing/">Маркетинг</a></li>
<li><a href="/blog/mediagramotnost/">Медиаграмотность</a></li>
<li><a href="/blog/nalogi/">Налоги</a></li>
<li><a href="/blog/neyroseti/">Нейросети</a></li>
<li><a href="/blog/obrazovanie/">Образование</a></li>
<li><a href="/blog/obrazovatelnye-issledovaniya/">Образовательные исследования</a></li>
<li><a href="/blog/ostalnoe/">Остальное</a></li>
<li><a href="/blog/oformlenie-nauchnykh-rabot/">Оформление научных работ</a></li>
<li><a href="/blog/postuplenie-v-vuzy/">Поступление в вузы</a></li>
<li><a href="/blog/prikladnye-distsipliny/">Прикладные дисциплины</a></li>
<li><a href="/blog/prodazhi/">Продажи</a></li>
<li><a href="/blog/psikhologiya/">Психология</a></li>
<li><a href="/blog/publichnye-vystupleniya/">Публичные выступления</a></li>
<li><a href="/blog/testirovanie-i-optimizatsiya-igr/">Тестирование и оптимизация игр</a></li>
<li><a href="/blog/upravlenie-personalom/">Управление персоналом</a></li>
<li><a href="/blog/upravlenie-produktami/">Управление продуктами</a></li>
<li><a href="/blog/upravlenie-proektami/">Управление проектами</a></li>
<li><a href="/blog/finansy/">Финансы</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>Старт: 22.10.2024</span></div>
<div class="teaser-tag"><span>Срок обучения: 14 месяцев</span></div>
</div>
<div class="side-teaser-name">Веб-разработчик с нуля: профессия с выбором специализации </div>
<div class="side-teaser-cnt">
Профессия «Веб-разработчик с нуля» от Нетологии: научитесь создавать сайты и веб-приложения с нуля. Освоите фронтенд-разработку и выберете бэкенд-специализацию: PHP, Node.js или Python. Практика с реальными проектами поможет вам начать карьеру в веб-разработке. </div>
<div class="teaser-price">
<div class="teaser-price-in">
150 708 ₽
<span>264 400 ₽</span>
</div>
4 186 ₽/мес рассрочка
</div>
<a href="https://go.redav.online/d6eae8fba9bdce60?dl=https%3A%2F%2Fnetology.ru%2Fprograms%2Fveb-razrabotchik-s-nulya-professiya-s-vyborom-specializacii&m=5&erid=LdtCKCxkP" class="btn btn-full">Посмотреть программу</a>
</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="69072">
<input type="hidden" name="link" value="https://salon-nikol.su/blog/sozdanie-veb-sajta-kurs-molodogo-bojtsa/">
<input type="hidden" name="ip" value="3.147.103.89">
<input type="hidden" name="sid" value="33">
</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="69072">
<input type="hidden" name="link" value="https://salon-nikol.su/blog/sozdanie-veb-sajta-kurs-molodogo-bojtsa/">
<input type="hidden" name="ip" value="3.147.103.89">
<input type="hidden" name="sid" value="33">
</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>
Nikol Studio
</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>
<!-- 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(99956833, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/99956833" 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> 