Сегодня мы продолжаем изучать создание landing-page и в данной статье я рассмотрю ключевые моменты по добавлению анимации на сайт landing-order.ru.

Подключение анимации для сайта landing-order.ru

Для работы нам понадобится расширение WOW, которое нужно скачать по этой ссылке и распаковать 2 файла:

  1. animate.css — в папку styles на хостинге;
  2. wow.js (или wow.min.js) — в папку js.

Затем в файле index.php подключаем эти 2 файла.

Для того, чтобы подключить анимацию, нужно блоку присвоить класс «wow» и, через пробел, само действие (которое можно посмотреть по этой ссылке)

Кроме того, в файле functions.js нужно инициализировать данное расширение:

Верстка страницы благодарности



Это будет очень простая страница, которая выводит текст благодарности.

Для этого создаем файл order.php и в него заносим такой код:

Кроме того, нужно создать файл с таблицей стилей order.css и в него занести такой код:

В следующий раз мы займемся адаптацией созданной страницы под разные браузеры и разрешения экрана — не пропустите!