Виктор Янышев

Clip-path

Создай typegrafy.css и туда положи весь инлайн, потом его подключи

input[type="file"] не стилизуется, в прозрачность на 0 или дисплей нон, на свою кнопку вешаешь клик с трггером клика на невидимый input[type="file"]

Ячейкам 1,2,3 в своих столбцах присвоить атрибут rowspan="[n]" где n это кол-во строк

Можно повесить на img такой атрибут data-animal="leo". При клике на него, брать что лежит в data-animal, когда изображение увеличено по клику на него или стрелки отправлять ajax сервак и забирать с него следующие изображение с leo, заменив им текущие открытое.

Смотрите на кнопки табов в первом табе, видите класс active? Смотрите на кнопки табов во втором табе, видите класса active нету? А да, видите отсутствие чего-то важного в кнопках табов для городов? Например active?

Прогрессивный jpg

Нужно не плодить один и тот же код для каждой модалки. Напишите ваш код так:
1. Вещание на все элементы с классом Х событие клик
2. Событие клик вызывает функцию открытия нужной модалки. Нужную модалку можно определить в пункте 1.
3. На элементах предназначенных для закрытия модалки надо повесить событие вызывающего функцию закрытия текущий модалки. Какую модалку закрыть можно узнать в момент всплытия события для закрытия

Отключи вывод варнингов php.net/manual/ru/function.ini-set.php

По мне так намёк тут https://www.w3schools.com/cSS/css_tooltip.asp в том что:

.tooltip:hover .tooltiptext {
....
}

Но не обязательно, можно и:

.tooltip:hover + .tooltiptext {
....
}

Ещё вариант https://www.w3schools.com/cSS/tryit.asp?filename=t... всё дело в position:relative кнопки и position:absolut`е от кнопки и использования display, overflow, opacity

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

// JQ
$(this).data('model');
$(this).text();

// JS
this.dataset.model;
this.innerText;

кусок из примера phpmailer

if(!$mail->send()) {
  echo 'Message was not sent.';
  echo 'Mailer error: ' . $mail->ErrorInfo;
} else {
  echo 'Message has been sent.';
}

Не хватит данных на error выведи
var_dump($mail)

Думаю понадобится:
overlflow:hidden
drag & drop
width: %;

Первое, проверка корректности данных должна быть на клиенте и на севере, а не только на клиенте как у вас.

Второе, спам может пройти проверку корректности на клиенте и сервере, а поскольку спам машина, ей можно подписать инпут с display: none; и именем типовым типа last_name. Проверяем на клиенте и сервере поле, если заполнено то не отправляем, можно ещё код 200 вернуть для бота, а если и это проходит то тогда капчу Гугла вешайте невидимку или галку на форму.