Подробнее о Formклассах Django django python

Старт:22.10.2024

Срок обучения:6 недель

Backend-разработка на Django

Пройдите курс по Django онлайн от Нетологии. Освойте разработку веб-приложений с нуля, научитесь работать с базами данных и становитесь востребованным Django разработчиком. Запишитесь сейчас!

28 000 ₽40 000 ₽

2 333₽/мес рассрочка

Подробнее

Не тратьте время на рутинный код валидации форм. Form классы Django – это мощный инструмент для создания и обработки форм в ваших приложениях. Используйте их, чтобы автоматизировать валидацию ввода, сокращая объём кода и повышая его надёжность.

Ключевое преимущество – автоматическая валидация. Form классы автоматически проверяют введенные данные на соответствие заданным правилам. Вы указываете допустимые типы данных, длину, диапазон значений и другие ограничения в определенных методах класса, а код валидации пишется один раз и легко повторно используется.

Примеры: Задайте правила для обязательных полей с помощью required=True, установите максимальную длину для CharField, или используйте validators для более сложных проверок, например, уникальности в базе данных. Сокращайте код с помощью встроенных правил и методов. При этом код становится проще читать и поддерживать.

Как начать? Создайте класс, наследуя от forms.Form или ModelForm, если ваши данные связаны с моделью. Определите поля и специфицируйте их типы, длины и другие свойства. Настройте правила валидации в методах clean_* для более сложных проверок.

Например, если у вас есть поле для электронной почты, вы используете EmailField и не нужно дополнительно писать сложный код, а если вы хотите проверить уникальность email, то это делается простым способом, используя Django's валидацию.

Подробнее о Form-классах Django

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

Рекомендация: Начинайте с модели данных. Связывайте Form-класс с вашей моделью, если форма предназначена для создания или редактирования записей.

• `ModelForm`: Если ваш Form-класс связан с моделью, используйте `ModelForm`. Он автоматически генерирует поля из полей вашей модели. Это значительно сокращает код и повышает безопасность.
• `Form`: Если ваша форма не связана с моделью, используйте базовый `Form` класс. Вам необходимо явно указать типы полевых данных (например, `CharField`, `IntegerField`) и правила валидации.

Ключевые атрибуты Form-класса:

• `fields`: Списком укажите поля (например, `name`, `email`, `phone`). Для `ModelForm` это автоматически генерируется из модели.
• `widgets`: Устанавливайте виджеты для отображения полей (например, ``, ``). Позволяет настраивать вид формы.</li> <li><b>`help_texts`</b>: Добавляйте подсказки к полям для пользователей.</li> <li><b>`validators`</b>: Правила валидации для каждого поля. Сделайте валидацию более детальной и используйте их для специфических правил.</li> <li><b>`meta.fields`</b>: Здесь определяйте какие поля вы хотите показать пользователю, для ModelForms.</li> </ul> <p><b>Валидация:</b></p> <ol> <li>Создайте метод `clean_<имя поля>` в Form-классе для добавления индивидуальных правил валидации.</li> <li>Используйте методы валидации, предоставляемые Django (например, `validators.EmailValidator`).</li> </ol> <p><b>Пример:</b></p> <p>Для записи в базу данных используйте метод `save()` объекта формы.</p> <p><b>Рекомендация:</b> Выдавайте понятные сообщения об ошибках пользователю, используя `errors`.</p> <h2>Создание простых форм</h2> <p>Для создания простых форм в Django используйте класс <code>forms.Form</code>. Он позволяет легко определять поля формы и их валидацию.</p> <p><strong>Пример:</strong></p> <pre><code class="python"> from django import forms class MyForm(forms.Form): name = forms.CharField(max_length=100) email = forms.EmailField() message = forms.CharField(widget=forms.Textarea) </code></pre> <p>Этот код создает форму с полями <code>name</code> (строка), <code>email</code> (e-mail) и <code>message</code> (текстовое поле).</p> <p><strong>Важно:</strong> указывайте <code>max_length</code> для текстовых полей, чтобы ограничить размер вводимой информации.</p> <p>Для определения типа данных полей формы можно использовать:</p> <code>forms.CharField</code> (строка), <code>forms.EmailField</code> (e-mail), <code>forms.IntegerField</code> (целое число), <code>forms.DateField</code> (дата) и другие.</p> <p><strong>Пример использования в шаблоне:</strong></p> <pre><code class="html"> {% extends 'base.html' %} {% block content %} <form method="post"> {% csrf_token %} {{ form.as_p }} <button type="submit">Отправить</button> </form> {% endblock %} </code></pre> <p><code>{{ form.as_p }}</code> – динамически генерирует HTML-представление формы на основе класса формы.</p> <p><strong>Валидация:</strong></p> <pre><code class="python"> class MyForm(forms.Form): name = forms.CharField(max_length=100, required=True) email = forms.EmailField() def clean_name(self): name = self.cleaned_data['name'] if name.lower() == 'john doe': raise forms.ValidationError('Не используйте этот никнейм.') return name </code></pre> <p>Функция <code>clean_name</code> – это пример кастомной валидации. Она проверяет значение поля <code>name</code>. Если ваше значение никнейм "john doe" – генерирует ошибку.</p> <h2>Обработка данных форм</h2> <p>Для обработки данных, отправленных формой, используйте метод <code>request.POST</code>. Он содержит все значения, введённые пользователем. Например:</p> <p><code>from django import forms</code></p> <p><code>from django.http import HttpResponseRedirect</code></p> <p><code>def my_view(request):</code></p> <p><code> if request.method == 'POST':</code></p> <p><code> form = MyForm(request.POST)</code></p> <p><code> if form.is_valid():</code></p> <p><code> cleaned_data = form.cleaned_data</code></p> <p><code> # Обработка данных</code></p> <p><code> # Например: сохранение в базу данных</code></p> <p><code> # ...</code></p> <p><code> return HttpResponseRedirect('/success/')</code></p> <p><code> else:</code></p> <p><code> return render(request, 'my_template.html', {'form': form})</code></p> <p>Ключевая часть – проверка валидности <code>form.is_valid()</code>. Если форма не валидна, возвращайте её обратно пользователю с ошибками, используя шаблон.</p> <p>Важно! После обработки, перенаправьте пользователя на другую страницу, например, страницу успеха (<code>HttpResponseRedirect('/success/')</code>).</p> <p>Запомните, обработка данных должна быть защищена от возможных угроз, таких как межсайтовый скриптинг (XSS). Используйте Django-фильтры для безопасного отображения данных из формы.</p> <h2>Работа с валидацией</h2> <p>Для корректной обработки данных в Form классах используйте встроенную валидацию Django.</p> <p><b>Ключевые методы валидации:</b></p> <ul> <li><b><code>clean_<поле></code>:</b> Этот метод позволяет производить пользовательскую проверку значения поля. Пример: <code>clean_email</code> для проверки email адреса.</li> <li><b><code>Meta.fields</code>:</b> Укажите в нём поля, которые требуются для формы. Это важная часть для валидации, например, ограничение по типу данных.</li> <li><b><code>Meta.validators</code>:</b> Здесь можно добавить внешние валидаторы, (например, из сторонних библиотек). Используются для более сложных проверок, таких как регулярные выражения, условия или внешние базы данных.</li> </ul> <p><b>Пример валидации email-адреса:</b></p> <pre> <code> from django import forms from django.core.validators import validate_email class MyForm(forms.Form): email = forms.EmailField(label='Email', validators=[validate_email]) class Meta: fields = ['email'] </code> </pre> <p><b>Пример проверки длины строки:</b></p> <pre> <code> from django import forms class MyForm(forms.Form): username = forms.CharField(max_length=20, min_length=3, help_text="Длина должна быть от 3 до 20 символов.") class Meta: fields = ['username'] </code> </pre> <p><b>Необходимая последовательность:</b></p> <ol> <li>Определите поле в <code>Meta.fields</code>.</li> <li>Добавьте валидаторы к полю (например, <code>validators=[validate_email]</code>). </li> <li>Используйте <code>clean_<поле></code> для пользовательских проверок или сложных логических условий, если встроенной валидации недостаточно.</li> </ol> <p><b>Рекомендации:</b></p> <ul> <li>Используйте встроенные валидаторы Django для простых проверок.</li> <li>Пишите <ins>ясную и краткую документацию</ins> к правилам валидации для вашего Form-класса.</li> </ul> <h2>Использование чистых методов</h2> <p>Чистые методы в Form-классах Django – залог ясности и повторного использования кода. Они должны вычислять одно значение и не иметь побочных эффектов.</p> <table> <tr> <th>Пример нечистого метода</th> <th>Пример чистого метода</th> </tr> <tr> <td> <pre> class MyForm(forms.Form): def clean_email(self): email = self.cleaned_data.get('email') # Обработка ошибки и другие действия if not validate_email(email): self.add_error('email', 'Некорректный email') return None return email </pre> </td> <td> <pre> class MyForm(forms.Form): def is_valid_email(self, email): return validate_email(email) </pre> </td> </tr> </table> <p>В первом примере метод <code>clean_email</code> выполняет валидацию и может менять состояние формы (через <code>self.add_error</code>). Во втором – метод <code>is_valid_email</code> просто возвращает результат валидации, не вмешиваясь в остальную логику формы.</p> <p><b>Рекомендация:</b> Отоделить всю валидацию и вычисления в отдельные функции. Их можно использовать в разных методах модели, других формах и задачах. Это повышает читаемость и уменьшает дублирование кода.</p> <p><b>Пример использования чистого метода:</b><br /></p> Измените <code>MyForm</code>: <pre> class MyForm(forms.Form): email = forms.EmailField() def clean_email(self): email = self.cleaned_data.get('email') if not self.is_valid_email(email): self.add_error('email', 'Некорректный email') return None return email def is_valid_email(self, email): #Валидация email без побочек try: validate_email(email) return True except ValueError: return False </pre></p> <h2>Работа с виджетами</h2> <p>Для корректного отображения и обработки данных в форме используйте виджеты Django.</p> <p><b>Виджеты для input:</b> Для текстовых полей используйте <code>CharField</code>, для чисел - <code>IntegerField</code>, для даты - <code>DateField</code> или <code>DateTimeField</code>. Выбор виджета зависит от типа данных.</p> <p><b>Обработка выбора:</b> Для пунктов списка используйте <code>ChoiceField</code>, виджет <code>CheckboxSelectMultiple</code> для множественного выбора. Укажите доступные варианты с помощью <code>choices</code>.</p> <p><b>Пример:</b></p> <pre><code> from django import forms from django.forms import ModelForm class MyForm(forms.Form): name = forms.CharField(max_length=100) age = forms.IntegerField() city = forms.CharField(max_length=50, widget=forms.TextInput(attrs={'class': 'form-control'})) # Пример добавления класса для стилизации country = forms.ChoiceField(choices=[('usa', 'USA'), ('rus', 'Russia')]) class MyModelForm(ModelForm): class Meta: model = YourModel fields = '__all__' widgets = { 'date_joined': forms.SelectDateWidget(), } # Пример изменения виджета для поля date_joined </code></pre> <p>Применение класса форм (<code>forms.Form</code> или <code>ModelForm</code>) позволяет гибко изменять виджеты, например, добавляя дополнительные атрибуты HTML, что даёт больше контроля над отображением.</p> <p><b>Важно</b>: Подбирайте виджеты в соответствии с ожидаемым типом данных. Неправильный виджет может привести к ошибкам валидации.</p> <h2>Связывание форм с моделями</h2> <p><strong>Ключевой метод</strong> - использование класса <code>ModelForm</code>. Он генерирует форму на основе модели Django. Эта форма автоматически содержит поля, соответствующие полям модели.</p> <p><strong>Пример:</strong> Предположим, у вас есть модель <code>Author</code>:</p> <pre><code> from django.db import models class Author(models.Model): name = models.CharField(max_length=100) email = models.EmailField() age = models.IntegerField(blank=True, null=True) </code> </pre> <p>Для создания формы используйте <code>ModelForm</code>, наследуя его от <code>forms.ModelForm</code> и указав вашу модель:</p> <pre><code> from django import forms from .models import Author # Укажите правильный путь к вашей модели class AuthorForm(forms.ModelForm): class Meta: model = Author fields = '__all__' </code> </pre> <p>Теперь вы можете использовать эту форму в вашем представлении:</p> <pre><code> def author_create_view(request): if request.method == 'POST': form = AuthorForm(request.POST) if form.is_valid(): form.save() return HttpResponseRedirect('/') # Перенаправление после сохранения else: form = AuthorForm() return render(request, 'author_form.html', {'form': form}) </code> </pre> <p>Обратите внимание на <code>fields = '__all__'</code>. Вы можете указать конкретные поля, которые должны присутствовать в форме. Например: <code>fields = ['name', 'email']</code>.</p> <p><strong>Важный момент:</strong> <code>blank=True</code> и <code>null=True</code> в модели определяют, обязательные ли поля в форме. Это позволит вам вводить данные в форме не требуемые, если они не введены.</p> <h2>Вопрос-ответ:</h2> <h4>Как Form классы Django помогают мне создавать формы быстро и удобно?</h4> <p>Формы в Django основаны на классе Form. Этот подход предлагает удобный и структурированный способ создания форм для взаимодействия с пользователем. Вместо того, чтобы вручную создавать код HTML и JavaScript для каждой формы, вы используете классы Form, которые абстрагируют эту задачу. Они позволяют связать поля формы с данными модели, обеспечивая валидацию ввода и упрощая обработку полученных данных. Это экономит много времени и сил при разработке, делая код более чистым и понятным. В итоге, вы получаете более структурированную и удобную для управления систему. Кроме того, Form классы автоматически генерируют HTML-код для отображения форм, что сокращает объём кода и делает процесс разработки более эффективным.</p> <h4>Какие преимущества использования Form класса перед "ручным" созданием форм? </h4> <p>Главное преимущество Form класса – это автоматизация многих задач. Он автоматически создаёт валидацию данных пользователя. Это предотвращает ошибки, связанные с некорректным вводом, и помогает защитить вашу систему от вредоносных действий. Другое преимущество – это гибкость. Вы можете настроить валидацию в соответствии со своими потребностями, определяя правила, при помощи методов clean() и метакласса Meta. Кроме того, Form класс поддерживает сложные структуры данных, такие как вложенные формы и варианты, что значительно упрощает обработку таких форм. В итоге вы получаете более надежную и гибкую систему.</p> <h4>Можно ли использовать Form классы для создания не связанных с моделями форм, например, для поиска или фильтрации?</h4> <p>Да, конечно. Form классы подходят для задач, не связанных непосредственно с моделями. Например, вы можете создать форму для поиска данных или фильтра, при этом данные, полученные с этой формы, не будут сохраняться в базу данных. В этом случае, при создании класса формы, вы не связываете его с какой-либо моделью. Все необходимые поля и их атрибуты вы определеете в самом классе. Валидация таких форм аналогична валидации форм, связанных с моделями. Задача упрощается, потому что не нужно писать код для обработки сложных данных моделей, а обрабатываются лишь вводимые данные.</p> <h4>В чём разница между clean() и validate_unique в Django Form классах?</h4> <p>Метод `clean()` в классе Form предназначен для проверки всей группы данных формы. Он выполняется _после_ проверки каждого поля отдельно. С помощью `clean()` вы можете сделать дополнительную валидацию, например, убедиться, что два поля не противоречат друг другу, или сделать логическую проверку по данным. Метод `validate_unique` (если он используется) проверяет уникальность значений в связанных моделях, которые не были охвачены механизмом `clean()`. В случае, если `validate_unique` возвращает ошибки, эти ошибки также отобразятся пользователю при обработке данных формы. То есть `clean()` — более общий способ валидации, а `validate_unique` — специализированная проверка, направленная на уникальность данных, непосредственно связанных с моделями.</p> #INNER# </div> <div class="article-footer"> <div class="tags"> <a href="/blog/django-i-veb-razrabotka/">Django и веб-разработка</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/podrobnee-o-formklassax-django-django-python/&title=Подробнее о Formклассах Django django python&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/podrobnee-o-formklassax-django-django-python/&text=Подробнее о Formклассах Django django python&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/podrobnee-o-formklassax-django-django-python/&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=Подробнее о Formклассах Django django python https://kimgid.ru/blog/podrobnee-o-formklassax-django-django-python/&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="prokursy.online"> <meta property="og:type" content="article" /> <meta name="author" content="" /> <meta property="article:published_time" content="14.02.2025 08:02:25" /> <meta property="article:modified_time" content="09.03.2025 12:03:45" /> <meta property="og:url" content="https://prokursy.online/blog/podrobnee-o-formklassax-django-django-python/"> <meta property="og:locale" content="ru"> <meta property="og:title" content="Блог \ Подробнее о Formклассах Django django python | prokursy.online"> <meta property="og:description" content="Не тратьте время на рутинный код валидации форм. Form классы Django – это мощный инструмент для создания и обработки форм в ваших приложениях. Используйте их, чтобы автоматизировать валидацию ввода, сокращая объём кода и повышая его надёжность."> <meta property="og:image" content="https://prokursy.online/upload/iblock/f8c/36xul5qy7ugp8ycir08hf2j0tusjaduk/podrobnee_o_formklassah_django_django_python.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/ispolzovanie-fajlov-v-modelyax-django-python/"><img src="/upload/iblock/98c/1wwnthe3ujqgrvqa7ukhia6b7hjdcecp/ispolzovanie_faylov_v_modelyah_django_python.png" alt="Использование файлов в моделях django python"></a></div> <div class="post-preview-title"><a href="/blog/ispolzovanie-fajlov-v-modelyax-django-python/">Использование файлов в моделях django python</a></div> <span>02/10/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/jsonresponse-obekti-django-python/"><img src="/upload/iblock/4ec/cko031v4dwrxjxr0tzjqixli263tawpw/lego_i_epic_games_sozdayut_metavselennuyu_dlya_detey.png" alt="JsonResponse объекты django python"></a></div> <div class="post-preview-title"><a href="/blog/jsonresponse-obekti-django-python/">JsonResponse объекты django python</a></div> <span>09/13/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/bistrij-primer-django-python/"><img src="/upload/iblock/9c5/0o1pvpfhzef2983lssdh6c314gwp1v5t/bystryy_primer_django_python.png" alt="Быстрый пример django python"></a></div> <div class="post-preview-title"><a href="/blog/bistrij-primer-django-python/">Быстрый пример django python</a></div> <span>06/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">