Необходимо сверстать простой лендинг на Друпале.
Проект делается на Друпале. Никаких Вордпрессов, 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 должен быть красного (как на кнопках) цвета с белым текстом.
