KononovD

:before :after background с этой картинкой, самый простой вариант

Они по умолчанию будут в одном ряду.

(и незачем так орать)

Иконки можно абсолюно спозиционировать, или сделать им враппер и прижать вправо-вверх.
почему div contenteditable а не input? Потому что если вы хотите вводить несколько строк, вставлять смайлики, гифки, подсвечивать ссылки, и всякое такое, то это невозможно с инпутом, зато вполне работает с contenteditable.

Уберите все эти непонятные стили (float, position: absolute, куча margin), и поставьте родителю display: flex или просто оставьте display: inline-block и настройте нужную ширину блокам.
Как-то так получилось https://jsfiddle.net/3jLanvf6/1/

Вообще, вот так
но нужно к ссылке добавить draggable="false", иначе при движении зажатой мыши, будет происходить перетаскивание.

Никак. Разумеется.

Фома передает только те поля, которые передаются через инпуты.
Тег <form> не является инпутом и указывать для него атрибут name бессмысленно.
Если хочется получить каке-либо дополнительно значение, его надо передавать через скрытое поле ввода.

Создаешь дополнительный блок с содержимым всплывающего окна, position:absolute, самой карточке position:relative, прикрепляешь координатами и скрываешь display:none, а при наведении на карточку display:block.

Visual Studio как убрать путь?

в zakazmessage.php убираете лишние echo:

// отправка сообщения
mail($sendto, $subject, $msg, $headers);
// отдать js скрипту номер заказа
echo $Nzakaz;

в js принимаете ваш номер:

success: function(data) {
$('#zakaz').find('input[type=text],input[type=email],input[type=tel], textarea').val('');
$('#zakaz').find("input[type=checkbox], input[type=radio]").prop("checked", "");
console.log(data); // в переменной data и будет ваш номер, далее передавайте его как хотите, например так:
$('#zakazbModal').html(data);
                    }

В принципе, не так сложно. Достаточно в каждый слайдер поместить два блока - дата и контент. Контент скрываем. И при скролле слайда, поворачивать все слайды через transform: rotate, а тому слайду, у которого поворот будет равным нулю, назначаем класс active, в котором указываем, что нужно показать блок с текстом.
Грубый пример:

UPD: вот так лучше иллюстрирует

уже нельзя

Разработчикам идея очень понравилась, многие даже бросились её внедрять. Но вот беда: алгоритм аутлайна до сих не внедрил ни один браузер, читалка или поисковик.
На таких страницах все заголовки кричат, что они №1 и самые важные. Но если важно всё, то уже ничего не важно.

Не надо так делать, об этом теперь пишет сама спецификация.

https://htmlacademy.ru/shorts/7

когда навешиваете обработчики на элементы, например, здесь:

img.addEventListener("mouseover", this.stopAutoplay);

теряется контекст, поэтому нужно так:

img.addEventListener("mouseover", this.stopAutoplay.bind(this));

здесь он тоже теряется

this.autoplayInterval = setInterval(function() {
  this.sliderNext.click();
}, this.sliderDelay);

поэтому либо используйте стрелочную функцию:

this.autoplayInterval = setInterval(() => {
  this.sliderNext.click();
}, this.sliderDelay);

либо опять же метод bind:

this.autoplayInterval = setInterval(function() {
  this.sliderNext.click();
}.bind(this), this.sliderDelay);

у js нет доступа к псевдоэлементам

$('.step__arrow').addClass('show');

.step__arrow.show::after {
//css анимация
}