Архив: Заверстать страницу-лендинг по БЭМу
Бюджет
117$
/ 7000
руб
в месяц
Создан: 6 лет назад
Закрыт
- Описание
- Здравствуйте!
Нужно заверстать лендинг, к задаче прикладываю макет в PSD.
Оцените, сколько будет стоить такая вёрстка.
ОБЯЗАТЕЛЬНО использовать БЭМ!
Пояснения к макету:
1. Навбар катается за скроллом, но без надписи "проектирование и строительство..."
2. "Заказать звонок" открывается модалка, в слоях макета она есть
3. На слайдере в шапке меняется информация в блоке, где написано "Дом за зиму?". Левый блок весь остаётся неизменным)
4. По клику на "Подробнее" рядом с "Дом за зиму" открывается модалка с текстом в общем стиле сайта.
5. Блок "Узнайте о преимуществах клееного бруса". На макете изображён ховер подсвечиваются строки в обеих сравнительных таблицах, т.е. и у бруса строка, и у правого материала.
Также правая часть блока карточки кирпича, газобетона и ещё одного материала пролистываются по стрелке (брус при этом остаётся на месте, информация в нём неизменна).
6. Блок "Каталог проектов". Проекты листаются, это очевидно)
При наведении на проект ховер на макете изображён, всплывает краткая информация о проекте.
По клику на проект открывается его модалка, в слоях макета она есть.
7. Блок "Узнайте стоимость..." по клику на кнопку "Ценовая политика нашей компании" открытие модалки с текстом, как в шапке на слайдере по стилю
8. Блок "Посмотрите наши работы". При наведении на работу ховер на макете изображён, всплывает краткая информация о работе.
По клику на работу открывается ее модалка, в слоях макета она есть.
По клику на кнопку "Посмотреть больше работ" кнопка скрывается, ниже появляется ещё 6 работ и такая же кнопка "Посмотреть больше работ". и т.д., пока не кончатся все работы.
9. Блок "Отзывы наших клиентов" ховер на макете изображён.
По клику открывается модальное окно, в нём текст отзыва, а также в конце ссылка "Посмотреть оригинал" открывает картинку отзыва. С картинки отзыва нужна обратная ссылка "Посмотреть текст отзыва".
10. Блок "Какие выгоды и преимущества вы получите" на макете отображено, что при наведении на каждое преимущество нужен tooltip с парой строк текста.
11. Блок "Как мы работаем" по клику на кнопку "Оставляете заявку" модальное окно, оно также есть в слоях макета.
12. Блок "Наша команда". Также пролистываются сотрудники, тут тоже понятно.
13. Блок с контактами. Настроить яндекс карту, по клику на кнопку "Остались вопросы" модалка, есть в слоях.
14. В подвале две ссылки на соцсети, тут тоже всё понятно) Желательно сразу обернуть их в noindex и атрибут rel="nofollow".
15. Макета для адаптива у нас нет, так что он на ваше усмотрение :)
Напишите стоимость и сроки. Укажите примеры своих работ со стилями по БЭМу (!), штуки 3-5 последних.
И напишите, какой у вас часовой пояс, пожалуйста (мы находимся в Иркутске, было бы удобно работать с кем-то, кто поближе к нам).
В будущем ожидается ещё несколько проектов с аналогичным подходом, мы были бы рады найти ответственного человека для продолжительной работы.
Требования к вёрстке:
- Умение писать чистый код, который затем будет легко поддерживать.
- Никаких стилей, привязанных к селекторам или id!
- И, конечно, никаких !important.
- Не перезаписывать стили. Если замечаете, что где-то приходится перезаписывать стили решите это умнее.
- Умение использовать принцип БЭМ. Если уж очень тяжело писать названия классов по принципу БЭМ, то соблюдать независимость блоков совершенно обязательно. (Независимость = если вырезать какой-то блок кода и перенести его на другую страницу, блок от этого не сломается. Т.е. блок не зависит от класса/селектора/id родителей)
- Использовать Flexbox.
- Если увеличение фоток по клику, то Fancybox 3.
- Если слайдер, то Slick.
- Вёрстка должна быть полностью адаптивной на любом разрешении, то есть на абсолютно любом!
- Кроссбраузерность: Google Chrome, Firefox, Opera, IE 10, 11, Edge, Safari. То же с мобильными браузерами, в т.ч. встроенным андроидным.
- Вёрстку будет проверять технический директор, будет необходимо учитывать и исправлять его замечания.
- Категория
Похожие проекты
0
0
Нужна разработка сайта (проектирование, дизайн, программирование,тестирование) на CMS «1С-Битрикс», интеграция с системой управления контентом, развертывание и настройка на сервере Заказчика, гарантийная поддержка в течение 3 месяцев. Обращаю ваше внимание, на то что в ТЗ указан способ предоставления......
4 недели назад
0
0
Ищем специалиста, который имеет опыт в разработке мобильных приложений с использованием фреймворка Expo. В целом задача будет заключаться в отладке сервиса сбора геоданных пользователей внутри приложения, созданного на Expo. Также необходимо проработать функциональность трекинга геолокации пользователя......
2 месяца назад
0
3
0
0
Сайт для просмотра специализированной БД База данных 10000 строк Необходимо: Сохранить структуру и функциональность существующего сайта. Заменить БД на актуальную. Создать инструмент для импорта обновленной БД из файла вручную. Внести корректировки в работу с базой данных (защита от скачивания, пагинация......
7 месяцев назад
0
1
$143
0
3
Oпpocы (1010pyб/чaс) Заходитe на сaйт: gonsù....
11 месяцев назад
$71
0
3
Всем привет! Необходимо разработать лендинг на платформе Salebot. Лендинг будет в стиле визитка для кофейни. Интересует именно данная платформа, так как многие мои услуги сделаны именно там....
1 год назад
0
3
Ищу клиента для создания учебного проекта и оформления портфолио бесплатно или за символическую сумму....
1 год назад
$500
0
10
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
1 год назад
$120
0
7
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
1 год назад
11
5
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
0
9
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
1 год назад
0
4
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
1 год назад
$33
10
2
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 год назад
$22
27
4
76
2
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 год назад
138
3
Обменник криптовалют ( ТЗ во вложении)....
1 год назад
498
13
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
1 год назад
134
8
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 год назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
1 год назад
$111
122
3
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
1 год назад
Перетащите