Верстка лендинга для компании СПласт Самара

Лендинг для компании С-Пласт - продажа пластиковых ротоформовочных изделий.

Задача лендинга - предоставление информации о линейке продукции - пластик.дорожных ограждениях.

На сайте представлена полная информация о продукте.

Необходимо выполнить вёрстку сайта - пиксель-в-пиксель.

Должна также проведена работа с элементами сайта по переходам и отправке форм на почту, также переход по ссылкам на основной сайт компании.

• Работа меню:

• Пункт меню “О нас” - по клику переход на блок “О компании”
• Пункт меню “Продукция” - по клику переход в блок “Дорожные ограждения из пластика”
• Пункт меню “Контакты” - по клику переход в блок “Контакты”

• Работа кнопок и ссылок:

• Соцсети - по клику на ссылку Инстаграмм в шапке и подвале лендинга - переход на аккаунт в Инстаграмме @splastsamara
• Ссылка “На сайт производителя” - по клику переход на сайт в раздел с ограждениями - http://splast.su/products/ograzhdeniya/
• Кнопки “Заказать” и “Хочу инструкцию” - по клику переход в блок формы заявки.
• Кнопка “Отмена” в форме заявки - переход в начало лендинга.

• Работа формы заказа звонка:

• В поле для ввода телефона должна быть маска подсказки формата телефона. При клике по этому полю - маска дает возможность ввести номер в формате +7(___)___-__-__
• При нажатии на ссылку условия соглашения - открывается документ в отдельном окне “Пользовательское соглашение” (либо где-то в облаке, либо в формате pdf) https://docs.google.com/document/d/1NLljkDXIoe7mWoZUx6JCQmFXiEV00QL2-cMOeuIZbVA/edit?usp=sharing.
• При нажатии кнопки “Заказать звонок” - данные из формы (тел.заказчика) приходят на почту [email protected]

4. Работа формы отправки заявки:

• В полях “Имя”, “Город”, “Email”, “Текст” должна быть маска-подсказка, при клике по полю - она исчезает
• В поле для ввода телефона должна быть маска подсказки формата телефона. При клике по этому полю - маска дает возможность ввести номер в формате +7(___)___-__-__
• При нажатии на ссылку условия соглашения - открывается документ в отдельном окне “Пользовательское соглашение” (либо где-то в облаке, либо в формате pdf)

https://docs.google.com/document/d/1NLljkDXIoe7mWoZUx6JCQmFXiEV00QL2-cMOeuIZbVA/edit?usp=sharing

• Кнопка “Отмена в форме заявки” - переход в начало лендинга.
• Кнопка “Отправить” - данные из формы приходят на почту [email protected]
• После того как сработала кнопка Отправить - появляется окно СПАСИБО.
• Закрытие окна СПАСИБО происходит по клику в любом месте

5. Раздел Контакты.

• Все контакты в виде текста
• Клик по ссылке http://splast.su - переход на сайт
• Геометка с карой из 2ГИС - возможность посмотреть на карте.

6. В шапке и подвале сайта работает ссылка на Инстаграм - по клику переход на аккаунт @splastsamara.