Юпитер Макс

вот тут вроде есть что-то подобное, посмотрите в примерах

может занести их в переменные и потом проверять, если надо, выводить то либо то

Сделайте 3 функции для ajax запросов, для каждой формы. В каждой функции делайте что-то если success. Ну и соответственно запускайте эти функции на каждую форму

$('.myform').validate({
		rules: {
			name: {
				required: true,
			},
			phone: {
				required: true,
			},
		},
		errorPlacement: function(error, element){}
	});

.myform input.error{
    border:1px solid red;
}

в проверку только поля сами напишете свои. И в стили для инпутов и селектов.

это пример для jquery.validate

Вам надо каждый слайд завернуть еще в один контейнер и выставить нижний padding на высоту блока, который показывается в карточке. Снизу конечно будет расстояние, но как правило это не страшно. Надеюсь понятно объяснил

Вот так

если в консоли есть ошибка, это значит, что у вас сам скрипт не работает, а если он не работает, то никакого запроса не отправляется, соответственно не на что привязать алерт.

вот же

ну так в каждый слайд вставьте изображение, можно фоном

<div class="slide" style="background-image(img/slide.jpg);">
    <div class="text">Тут текст</div>
</div>

там уже фон либо конкретно по размерам, либо

.slide{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
}

грузите картинку на сервер. потом ссылку

<a href="site.ru/img.jpg">Скачать</a>

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

так работает или не работает? Не совсем понятна проблема :)

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

вы имеете ввиду задержку по клику на стрелки?