Сверстать Landing page (админка)

Обязательный функционал:
форма обратной связи, админка

Требования к исполнителю:
быть в мессенджере онлайн,
показывать промежуточные результаты,
соблюдение сроков  



ПО ВЕРСТКЕ

Перый «главный»  экран
 

1 – меню всегда остается на вверху ввиде шапки на всем лендинге

2 – при нажатии на кнопку «заказать звонок» появляется форма , данные с заполненой формы приходят на прочту и приходит информация с какой кнопки они пришли

3 – при наведении на любое окно, оранживая полоска становится оранжевой на все окно (поднимается) , 
     текст увеличивается и приходит на середину окна, под текстом появляется маленькая надпись подробнее ( пример на окне «квартиры»)

4 – при нажатии на наведенное оранжевое  окно вид перемещается на экран             
«наши предложения» перемещается он на конкретную ссылку, то- есть если нажать на дома -то появляются предложения с домами
если на квартиры – то на предложения с квартирами и так на любое из них


Второй экран «форма захвата»


1 – при вводе данных и нажатии на кнопку данные приходят на почту и приходит информация с какой кнопки они пришли



Третий экран «почему нас выбирают» 

1 – при наведении на значкии цифры увеличиваются  на 5 %



Четвертый экран «нам доверяют» 

1 – При наведении на значек он загорается оранжевым градиентом 

2 – ( просто сделать все ровно как в макете)



Пятый экран "квартира сегодня» 

1 – при нажатии на кнопку появляется форма захвата , при вводе данных и нажатии на кнопку в форме данные приходят на почту и приходит информация с какой кнопки они пришли



Шестой экран « причины нашего успеха» 

1 – ничего не происходит



Седьмой экран «форма захвата»


1 – при вводе данных и нажатии на кнопку данные приходят на почту и приходит информация с какой кнопки они пришли


Восьмой экран «как мы работаем»

1 – Когда доскроливаешь до этого экрана значки появляются один за одним по порядку и так с переключения с кнопки на кнопку

2 – при наведении на каждый значок он просто немного увеличивается 

3  –  при нажатии на кнопку «продать» или «купить» появляются другие значки и другой текст (они есть в макете в невидимой папке)

4 –  на продаже всего 8 значков в 2 ряда а на покупке 10 при нажатии на продажу один ряд убирается, и пустое место которое осталось, подвигается вверг с тем же расстоянием что и на покупке


Девятый экран «форма захвата»


1 – при вводе данных и нажатии на кнопку данные приходят на почту и приходит информация с какой кнопки они пришли



Десятый экран «почему это выгодно вам»

1 – Значки увеличиваются в размерах



Одинадцатый экран  «форма захвата»


1 – при вводе данных и нажатии на кнопку данные приходят на почту и приходит информация с какой кнопки они пришли

 
Двенадцатый экран «наши предложения» или «квартиры»

1 – сделать 4 изображения каждого ряда каждое на 25% ширины  экрана ( что бы на любом экране они были от края до края)

2 – при наведении на предложения на нем появляется оранжевый квадрат  а сверху информация в рамке

3 – при нажатии на картинку появляться изображение которое будет загружено и 2 стрелочки нажимая на которые можно будет смотреть несколько изображений загруженных из админки

4 – создать админку с помощью которой заказчик сможет загружать туда свои предложения а именно картинку  и небольшую ( основную) информацию в пределах рамки информацию о квартире доме

Тринадцатый экран  «Вопросы»

1 – при наведении на надпись « задайти их менеджеру »  она становится белой
 
2 – при нажатии на  надпись « задайти их менеджеру »  появляется форма захвата при вводе данных и нажатии на кнопку данные приходят на почту и приходит информация с какой кнопки они пришли

Четырнадцатый экран «как нас найти» 

1 – встроить  яндекс или гугл карту

2 – при наведении на номер телефона он увеличивается в размерах