Вёрстка сайтов — удалённая работа в Москве

Сверстать: лендинг. Платформа: HTML. Тип вёрстки: адаптивная. Есть макет. Платформа для разработки макетов: Figma (макеты предоставляется Заказчиком) Языки программирования: HTML/CSS/JS Нельзя применять любые конструкторы сайтов для выполнения работ Разработка веб-версии и мобильной версии сайта должна производиться в соответствии с дизайном, размещенным на платформе Figma по адресу https://www.figma.com/file/NxMQgpyFyW5qAaiZpJBIrx/%D0%9F%D1%80%D0%BE%D1%82%D0%BE%D1%82%D0%B8%D0%BF-%D0%BF%D1%80%D0%BE%D1%81%D1%82%D0%BE.tech?type=design&node-id=131-1296&mode=design&t=M3qaAAEsEhGSvsme-0 В шапке сайта должны быть размещены несколько разделов: «кому мы помогаем», «для чего нужна платформа», «фичи», «тарификация» и «FAQ». При наведении на любой из них, их внешний вид должен меняться в соответствии с UI Kit. При нажатии на любой из этих разделов пользователь должен перемещаться на соответствующий раздел лендинга. Кроме того, в шапке лендинга должны находиться две кнопки: 1. «Войти на платформу». При нажатии на эту кнопку пользователь перемещается по адресу https://iam.prosto.tech 2. «Связаться с нами». При нажатии на эту кнопку пользователю открывается pop-up окно, выполненное в соответствии с дизайном, которое предлагает ему заполнить поля, чтобы оставить заявку на звонок. При заполнении этой формы и нажатии на кнопку «отправить» заявка должна отправиться в CRM заказчика. Аналогичные кнопки находятся в первом блоке лендинга, они также должны выполнять функции, описанные выше. В блоке «Кому мы помогаем» при наведении курсора на область «UX-исследователи» слева от текстового блока (см. дизайн) должна отображаться фотография рыжеволосой девушки, при наведении на «Менеджеры» мужчина в костюме, при наведении на «Клиенты» должна отобразиться девушка в рыжей кофте. Все фотографии могут использоваться в коммерческой деятельности благодаря приобретенной лицензии Заказчиком и находятся по ссылке на Figma выше. При наведении на любой из текстовых блоков, их внешний вид должен меняться в соответствии с UI Kit. При нажатии на кнопку «Попробовать бесплатно сейчас» в блоке с тарификацией пользователь переходит по ссылке https://iam.prosto.tech При нажатии на кнопки в подвале лендинга «Политика конфиденциальности» и «Условия использования» пользователю в отдельной вкладке открывается файл форматом PDF. На момент разработки лендинга вместо нужного PDF файла можно поставить файл-заглушку. Вопросы в FAQ по умолчанию закрыты. При нажатии на любой из них нажатый вопрос должен раскрываться и показывать ответ на него. Ответы на вопросы: В: Можем ли мы собирать персональные данные с помощью вашей платформы? О: Можете, если вы являетесь оператором персональных данных. В: Проходит ли ваша платформа по 152 ФЗ? О: Да, мы храним данные в защищенном сегменте облака у одного из лучших облачных провайдеров, площадка которого аттестована по 152 ФЗ. В: Мне не подходят условия тарификации, но я хочу попробовать. Что делать? О: Свяжитесь с нами, оставив заявку или написав нам на почту. Мы обсудим с вами все возможные варианты. В: Как проходит заключение договора? О: Мы предпочитаем не заключать договоров с компаниями, предлагая нашим клиентам принять публичную оферту, но при необходимости мы можем заключить договор, подписав его с помощью ЭЦП или на бумажном носителе – как вам будет удобно. Мобильная версия, комментарии: В правом верхнем углу должна находиться кнопка в виде трех полосок, при нажатии на которую должно появиться меню-выпадашка со всеми разделами сайта. При нажатии на кнопку «Coming soon» в блоке «Фичи платформы», список фич должен расшириться вниз с помощью дополнительных фич, указанных в дизайне) При наведении на текстовые блоки в мобильной версии в разделе «Кому мы помогаем» фотография с людьми отображаться не должна.