Уважаемые фрилансеры, требуется сверстать страницу для проекта https://posting.ru Внешний вид страницы показан на приложенном скриншоте. Внимание: боковое меню уже готово, верстать нужно только контентную часть. Требования: разработка через git ...
Сверстать с адаптивкой psd макеты сайта каталога недвижимости
Требуется сверстать макеты всех страниц сайта агентства недвижимости с каталогом объектов.
Только Front: HTML+CSS(Less)+JS и фреймворки для них. Backend не нужен.
В дальнейшем сами будем "прикручивать" на Битрикс.
Макеты в низком разрешении для ознакомления:
https://yadi.sk/d/1GHsCSVyx24kq
Структура верстаемых страниц:
1. Общие элементы, стилевая
2. Главная страница
3. Внутренние страницы:
- Страница каталога в табличном виде
- Страница каталога в плиточном виде
- Страница объекта недвижимости
- Страница со списком ЖК/КП
- Страница конкретного ЖК/КП
- Страница с описанием рабочего процесса
- Страница о компании (с фотографиями людей)
- Страница с отзывами
- Страница с описанием дополнительных услуг
- Страницы новостей/статей.
- Страница контактной информации
- Страница 404 ошибки
Общие требования к верстке (html-структуре) сайта
Сайт должен корректно отображаться:
• в актуальных версиях следующих браузеров: InternetExplorer, FireFox, Opera, Chrome, Safari, Maxthon (Расположение блоков и общий вид не должны
сильно изменяться при просмотре на различных браузерах);
• на основных разрешениях мониторов 1024х768, 1280х1024, 1378х768 (ноутбуки), 1440x900, 1920x1080;
• адаптивно на всех мобильных форматах экранов в соответствии с дизайн-макетами мобильной версии.
Вёрстка сайта должна полностью соответствовать нижеперечисленным требованиям:
• 100% валидность по данным W3C
• В тэгах head обязательно должно присутствовать указание на кодировку и на тип документа
• Все стили должны быть вынесены в классы файла css – на странице не должно быть стилевых тэгов.
• Все скрипты должны быть вынесены в отдельные js файлы.
• Для всех картинок (где это применимо) должны быть указаны релевантные alt и title.
• Все относительные ссылки должны начинаться от слеша.
• Текущий пункт меню, где находится пользователь должен выделяться и становиться некликабельным.
• Не допускается использование элементов H1-H6 для верстки оформления страниц, только в контентной части.
Верстать макеты точно по пикселям (PerfectPixel).
Внимание ко всем отступам, стилям шрифтов, рамкам, градиентам и прочим деталям. Проверяем очень внимательно.
(В ряде макетов есть отличия по этим деталям. Какой из них брать за эталон, укажем отдельно)
Каждый смысловой блок и подблок должен быть в своём div с адекватно названным по смыслу классом css (таблицы не используются вообще).
Стараться минимум использовать position: absolute; и жёсткое задание ширины блоков. Приоритетно сперва min- и max-width.
Любые последующие изменения стилей одного div не должны "ломать" верстку других.
Поэтому любые теги, отличные от div, не должны прилегать к другим div непосредственно. Только внутри другого div.
Адаптивную верстку предпочтительно делать на bootstrap (возможны варианты, например uikit).
При этом верстку делаем не только с максимальной шириной в макетах - 960px, но и для ширины 1200px.
Всем элементам даётся чуть больше ширина, чем в макете.
Абсолютно все объекты имеющие hover должны иметь плавные переходы transition all 300
Тексты оформляются исключительно с помощью тэга параграфа
и вложенными в них по необходимости
Более детальное ТЗ на верстку после первичного согласования.
Ждём от вас сроки и цену (желательно с детализацией по каждой странице)
Комментарии, предложения конкретных решений и уточнения приветствуются.
Заявки фрилансеров
Похожие заказы
- $20HTML-верстка5 заявокЗакрыт8 лет назад
Нужен разрабочик слот и других игр на HTML5 1. Игры Казино 2. Развлекательные игры 3. Настольные игры 4. Админ панель – общая и новая
HTML-верстка4 заявкиЗакрыт8 лет назадНужен толковый верстальщик или программист для нескольких правок в магазине test5.vsemesta.net: 1) нужно что-то придумать толковое, чтобы атрибуты не вылазили за пределы https://gyazo.com/bf929816ddf5e4a21c4d81c632150632 (например, переносить по строкам и т.п. чтобы помещалось все ...
HTML-верстка3 заявкиЗакрыт8 лет назадДоработать на 4-ех сайтах Битрикс следующее! -менять цвета сайта ( уже готового дизайна)- перенос на домен (готовый проект)- вставка логотипа( изменения размера) - вставка нового ( всяких картинок или банеров или акций)в карточку товара! мелкие ...
HTML-верстка1 заявкаЗакрыт8 лет назаднужна html верстка шаблона письма из .psd вот образец шаблона http://floomby.ru/s1/4gkuAv указывайте сроки и стоимость
HTML-верстка1 исполнительЗавершен8 лет назадДобрый день! Есть сайт на wordpress с дизайном. Но в мобильной версии внешний вид выглядит печально. Требуется сделать корректное отображение на мобильных устройствах. От исполнителя жду вилку цен и ...
HTML-верстка13 заявокЗакрыт8 лет назад- $6
Слайдер на главной странице (самом верху) не работает на мобильных устройствах, на компьютерах же все в порядке, нужно разобратся в чем может быть дело и поправить данную проблемму. http://c2n.me/3DprdeA http://c2n.me/3DprhoR
HTML-верстка1 исполнительЗавершен8 лет назад Сайт:http://filtorg.club/ – это копия сайта http://filtorg.ru/ на нем будем делать изменения: 1. Landing_3 – это карточка товара, надо изменить внешний вид сайта, убрать все и оставить верху шапку и немного от карточки товара, далее идет лендинг, который ...
HTML-верстканет заявокЗакрыт8 лет назад