Сделать адаптивную верстку Лендинга
Бюджет
83$
/ 5000
руб
в месяц
Создан: 2 года назад
На модерации
- Описание
- Добрый день! Нужно сделать адаптивную вёрстку лендинга.
Дизайн-макет (десктоп, мобильная версия и UI-Kit) прикрепляю. Все исходники сделаны в Figma.
Что нужно сделать?
- Из макета нужно сделать страницу, которая будет быстро (!) грузиться и адекватно отображаться во всех браузерах (в том числе и на планшетах) + сделать мобильную версию, которая отдельно отрисована.
- Страница должна выглядеть как исходник дизайн-макета.
- Настроить формы приема контактов по скрипту, образцы который прикрепляю (ничего сложного, просто доработан для отправки данных по СМС).
Конкретно, что нужно сделать по блокам.
1-й блок.
Кнопки (WhatsApp и Телефон) на мессенджеры нужно сделать «прилипающими» в низу экрана, с небольшим отступом от самого экрана снизу и сверху (это касается всех версий от десктопа до мобильной). Сами ссылки должны быть активными, т.е. для WhatsApp и телефона должны быть соответствующие ссылки при нажатии на которые будет перенаправление в мессенджер или на звонок.
Ссылки в первом экране на Facebook и Instagram должны быть активными и при нажатии открываться в отдельном окне.
Номер телефона кликабельный.
При нажатии на «Заказать звонок» и «Записаться на консультацию» должна всплывать одна и та же форма.
Что касается первого экрана мобильной версии, ссылка на консультацию идет с залитым фоном, учтите этот момент.
3-й блок.
Также должны быть установлены ссылки на соответствующий мессенджер.
5-й блок.
В блоке «Услуги» при наведении на иконку услуги, должно происходить изменение цвета элемента также, как это показано в UI-Kit.
6-й блок.
При отправке данных из блока формы должно приходить письмо с темой «Заказана заявка на консультацию», а при отправке через всплывающее окно «Форма обратного звонка» должно приходить письмо «Заказан обратный звонок». В общем, примерно все по тому скрипту, который прикрепляю.
7-й блок.
Блок с Instagram. Нужно сделать активную ссылку текста «@advokat_romanchuk ->» (и стрелку тоже), при нажатии на которую будет открываться новое окно.
Что касается картинок этого блока, то их также нужно сделать кликабельными и открывающимися в новом окне. Чтобы в мы могли потом вставить в них сслыки на конкретные посты этого Инстаграм-профиля.
8-й блок.
Здесь нужно сделать так, чтобы мы вставили ссылку на видео с YouTube, которая будет проигрываться.
9-й блок.
В блоке с картой, нужно вставить Яндекс-карты с координатами адреса в том же масштабе, что и в макете, так, чтобы отметка была заметна и была в центре экрана.
10-й блок.
В футере нужно сделать также, чтобы все элементы, которые были ранее, точно также открывались и работали.
При нажатии на кнопку «Политика конфиденциальности» должно открываться окно, представленное в UI-Kit, с тем же текстом. В дальнейшем мы сами вставим туда другой свой текст.
Жду ваших предложений. Присылайте примеры ваших работ (смотрю портфолио). Если есть вопросы, пишите.
- Категория
Источник: fl.ru
Похожие проекты
$71
0
0
Всем привет! Необходимо разработать лендинг на платформе Salebot. Лендинг будет в стиле визитка для кофейни. Интересует именно данная платформа, так как многие мои услуги сделаны именно там....
1 неделя назад
0
0
Ищу клиента для создания учебного проекта и оформления портфолио бесплатно или за символическую сумму....
2 недели назад
$500
0
3
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
2 месяца назад
$120
0
4
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
3 месяца назад
11
1
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
3 месяца назад
0
5
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
3 месяца назад
0
2
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
3 месяца назад
$33
10
1
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
3 месяца назад
$22
27
2
76
1
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
3 месяца назад
138
2
Обменник криптовалют ( ТЗ во вложении)....
4 месяца назад
498
6
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
4 месяца назад
134
7
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
4 месяца назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
4 месяца назад
$111
122
2
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
4 месяца назад
$1000
286
5
TALP GROUP Мы занимаемся разработкой и продвижением IT- продуктов. В нашем арсенале множество интересных кейсов, большинство из которых реализованы на нашей собственной low/no code платформе Аltrp. Мы работаем как над внутренними проектами, так и с внешними заказчиками. Среди них: разработка швейцарской......
4 месяца назад
174
17
Добрый день. Мне необходимо скопировать действующий сайт с полным функционалом https://gk-grupp....
4 месяца назад
198
12
Ищем специалиста для работы над дизайном агенства недвижимости для англоязычной аудитории....
4 месяца назад
109
2
Меняли хостинг сайта поэтому имена сервера слетели, надо поменять на новые и все....
4 месяца назад
$250
315
17
Разработка продающего лендинга, ТЗ во вложенных файлах....
4 месяца назад
164
6