Создание лендинга на WordPress. Часть 9. Форма обратной связи

Девятый урок по созданию сайта на WordPress по типу Landing Page. Адаптивная HTML вёрстка секции контактов для дальнейшей посадки на WordPress. Кроме того, сегодня мы привяжем меню сайта к секциям для плавного скролла до нужной секции.

[hellomoto]

Большое спасибо за качественные и при этом бесплатные уроки)
Для тех, кто не совладал таки с валидацией:
Поля могут принимать несколько data-атрибутов для обработки ошибок, например для E-mail
<input
type="email"
name="email"
placeholder="E-mail"
required
поле является обязательным"
некорректный E-mail"
/>
В этом случае для пустого и некорректного email будут показываться разные подсказки

[katerinademyekhina]

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

[Syavazar]

Спасибо за уроки. как сделать защиту от спама?

[firepixel]

У кого не работает валидатор, тоже долго не мог решить эту проблему.
Вот переписал по спецификации код и все работает, может кому будет полезно

[chenmon]

Подскажи пожалуйста, почему у меня после футера образовалась пустота в файер фоксе и эксплорере? В хроме все норм

[Алексей-ыэе]

лайк за уроки)
но форма отправляеться даже если сайт на локальном компьютере :Р