Вёрстка лендинга на Друпале

Необходимо сверстать простой лендинг на Друпале.

Проект делается на Друпале. Никаких Вордпрессов, Joomla, Битриксов и тому подобных "более удобных и фнукциональных" систем. В проекте не приветствуется использование фреймворков  (за исключением bootstrap и jQuery).

Версия Друпала выбирается самостоятельно разработчиком (7 или 8), но без вменяемой аргументации в пользу восьмёрки предпочтение отдаётся Drupal 7.

Важный момент: лендинг в перспективе планируется расширить до полноценного сайта (именно поэтому лендинг на CMS, а не самописный), где сам лендинг станет главной страницей сайта, поэтому должен быть заложен (но без прямой реализации) функционал многостраничности, ЧПУ, мультиязычности.

Технические требования к проекту

Вёрстка

Верстка производится с помощью bootstrap по стандартной бутстрапной сетке.

Макеты, по которым требуется верстать, во вложении.

За основу берём диапазонную систему: <575 пикселей,  575-767, 768-991, 992-1199, >=1200

Кроссбраузерность

• Google Chrome 65+;
• Opera 55+;
• Mozilla Firefox 60+;
• Internet Explorer 11.

Формы обратной связи

Отправка защищается с помощью Google reCaptcha и осуществляется на почту [email protected]

Редактируемость

Важное требование к лендингу — простая редактируемость его частей. В первую очередь это касается преимуществ (вторая и третья секции), также было бы неплохо (насколько это возможно) предусмотреть редактируемость четвёртой секции ("Учебная программа"). Поэтому реализацию этих секций просьба выполнить с помощью views и блоков Drupal.

Техническая оптимизация

При реализации проекта необходимо соблюдать минимальные требования технической оптимизации. Это выражается в следующем:

• все js-скрипты внизу;
• минимизация подключения скриптов и стилей;
• картинки должны весить не более 100 килобайт каждая;
• код должен быть более-менее валидным.

Анимация

На лендинге не подразумевается реализации существенной анимации, однако некоторая, всё же, требуется

Кнопки должны слегка "пульсировать".

Стрелка в первой секции должна слегка "ездить" вниз-вверх.

Иконки должны слегка анимироваться при наведении:

• во второй секции под иконками серые кружкИ слегка увеличивались;
• в последней секции (перед подвалом) иконки должны слегка колебаться;
• кнопки шеринга должны слегка увеличиваться при наведении.

Selection должен быть красного (как на кнопках) цвета с белым текстом.