
Доделать html лендинг согласно приложенному дизайн-макету.
Лэндинг свёрстан и лежит на нашем сервере, http://materia.server-profi.ru/, исполнителю будет предоставлен полный доступ. Макет в psd
Задачи:
> количество и последовательность блоков в шаблоне сейчас соответствует дизайн-макету
> дизайн всех элементов - в точности, как в макете
> для планшетов (от 768px) и ПК верстка под ПК (для планшетов допускается уменьшить шрифт, количество элементов в ряду и т.д. - для лучшего отображения)
> ссылки в верхнем меню - якоря на соответствующие блоки страницы. Сделайте, пожалуйста, плавную прокрутку
> блок "портфолио" - предполагается, что там будут фотографии "до/после" реализуйте соответствующий функционал. пример функционала https://obivochka.ru/ (блок "примеры работ").
> блок "наши материалы" будет несколько слайдов - реализуйте их переключение. при смене слайда заголовок и подстрочник (текст на картинке) должны меняться.
> блок "о нас". при нажатии на кнопку "видео о компании" добавьте, пожалуйста, вывод этого https://www.youtube.com/watch?v=ZlzHa6_ZJoU видео в попап
> блок "бесплатная консультация".
Реализуйте, пожалуйста, загрузку файлов и отправку их на почту заказчика.
Ограничьте размер файла 5 мб и пропишите разрешения только для графических форматов jpg, jpeg, png и тд.
Загруженные файлы должны храниться на хостинге (сделайте под них отдельную папку uploads).
Сделайте, пожалуйста, чтобы под кнопкой "загрузить" отображалось название загруженного файла и кнопка "х" (удалить файл). Если файл 1 - его название, если несколько "вы загрузили 2 (3,4 и т.д.) файлов. Пример реализации тут http://regionstroibeton.ru/reviews.php
Для всех форм все поля (кроме загрузки файла) - обязательные, если поле не заполнено, или заполнено некорректно (например, в поле "номер телефона" не по маске, т.е. использовались буквы) должно выводиться сообщение об ошибке (сделайте вывод текста внутри поля таким же шрифтом, только другим цветом (#009178).
После успешной отправки сообщения должно показываться окно в попап (см. дизайн-макет). Через 5 секунд оно по умолчанию должно закрываться.
После успешной отправки формы она должна очищаться от введенной информации.
> в мобильной версии не должно быть контента шире экрана
Заявки фрилансеров

