Нужно сверстать макет
2759 UAHВсем привет. Нужен верстальщик html/css/js/jquery).
Вот макет сайта (чтобы увидеть все страницы нужно перелистовать сто стрелками на клавиатуре):
https://kocharli.invisionapp.com/public/m/share/ZMWU8IF6J
В макете нет попап страниц и мобильной версии но в архиве их скину. Все должно быть по Bootstrap-y, респонсивно и кросбраузерно. Код должен быть читабельным и минимальным.
На всех страницах будет чат в открытом виде и кнопка заказать звонок. Обе кнопки должны прикрепиться к правой стороне странице и при скролле не должны уходить с экрана. Пользователь сможет написать имя и номер телефона после этого начнется чат с оператором. Если оператор оффлайн пользователь может написать письмо которое придет на почту с темой Чат. При нажатии на заказать звонок должно появиться всплывающие окно где пользователь заполнит имя и мобильный номер.
Главная:
Главная страница состоит из главного меню, слайдера, поиска квартир, топовых квартир, кнопки добавить квартиру, рекламный банеров (в боди и по бокам) чата, кнопки заказать звонок, кнопки «юридическая помощь» и футера.
На слайдере будут отображаться и выращиваться объявления премиум класса . При нажатии на слайдер пользователь попадает на страницу квартиры.
Основной поиск квартир должен быть по 4ем пунктам. При нажатии на кнопку «расширенный поиск» должно появиться дополнительный блок с дополнительными пунктами и фильтрами. Все фильтры типа выпадающего списка должны быть мультиселективными (т.е пользователь должен иметь возможность выбрать несколько пунктов из списка). При выборе какого либо фильтра он должен появиться наверху поиска в виде тега и пользователь должен иметь возможность сбросить либо конкретный фильтр нажав на х рядом с его тегом или сбросить все фильтры воспользовавшись с кнопкой «сбросить». При нажатии на кнопку поиска пользователь попадает на страницу «Недвижимость» с результатом и тегами поиска. Список всех фильтров нужно взять с сайта https://yeniemlak.az
Топовые квартиры - При нажатии на кнопку точки под объявлением должно появиться следующая фотография. По дефолту должно показаться 16 объявлений и при скроле вниз их должно становиться все больше и больше. При нажатии объявление пользователь попадает на страницу деталей объявления.
Рекламные банера располагаются по бокам и в центре. При нажатии на банер в новой вкладке должно открываться сайт рекламодателя.
При нажатии на кнопку «добавить квартиру» пользователь попадет на страницу с формой полей которой можно увидеть на макете..
При нажатии на кнопку «юридическая помощь» пользователь попадет на обычную страницу с заголовком, текстом и фотографиями.
В футере будет логотип, пункты главного меню, соц иконки с ссылками на страницы, контакты и счетчик посещаемости (за сутки, неделю и месяц).
Недвижимость
На эту страницу пользователи будут попадать обычно с главного меню но смогут сделать это перейти на соответствующие пункты с главного и футер меню. При попадании с меню список квартир будет отображаться с филтром по дате добавления. По умолчанию будет показано 12 квартир но пользователь может скролить вниз видеть больше. Тут так же если нажать на кнопку точки на объявлении то будет показан соответствующая фотография. При нажатии объявление пользователь попадает на страницу деталей объявления. Кнопки с цифрами как на макете делать не нужно.
Поиск на этой странице будет функционировать точно так же как на главной с единственным отличием что тут не будет укороченного поиска а расширенный поиск не будет скрыт.
Страница деталей объявления (квартиры)
На данной странице будут детали квартиры которые будут добавляться с админ панели. Должен присутствовать функционал который позволит поделиться с данной статьей в соц страницах (фб, инста, телеграм и ватсап). Так же в теле объявления должна быть кнопка заказать звонок которая функционирует точно так же как одноимённая кнопка справа. Все детали квартиры можно увидеть в макете.
Ниже будет показано любые 3 квартиры с топ квартир.
Страница Блог
Это обычный блог с списком статей. На странице будут показаны последний 10 статей и можно будет переходить по номерам внизу и видеть более старые статьи. При нажатии читать больше или на заголовок статьи можно будет перейти на страницу статьи которая состоит из заголовка, текста и фотографий. Самой статьей можно будет делиться в соц страницах воспользовавшись кнопками которые находятся внизу текста.
О Нас
Это обычная страница с текстом и фотографиями.
Агенты/Мастера
На этих страницах будут детали агентов и мастеров. В детали входят фотография, имя и фамилия, должность, номер телефона, почта и соц страницы (у мастеров только имя фамилия, должность и фотография).
Стать Риэлтором
На данной странице будет форма детали и поля которой можно увидеть в макете..
Контакты
На данной странице будут номера телефонов адрес, соц иконки, местоположение на карте форма обратной связи.
-
200 Здравствуйте, смогу сделать всё, что Вы перечислили.
Хорошо владею HTML, CSS, JS, Bootstrap и Adobe Photoshop.
Я относительно недавно начал заниматься версткой.
Хотелось бы поработать с реальной задачей.
Стоимость моих услуг на данный момент минимальна.
Работаю на увеличение своего портфолио и рейтинга.
По стоимости и дэдлайнам можем договориться.
Думаю мы найдем общий язык))
-
2276 114 1 Здравствуйте. Специализируюсь на адаптивной верстке.
Создаю чистый, валидный, компактный и кроссбраузерный код
(scss+gulp, flexbox, оптимизация по google page speed, валидация, настройка форм, анимации и тд).
Работы в портфолио профиля. Буду рад сотрудничеству.
-
651 6 0 Здравствуйте.
За эти деньги (и не дороже)- такая верстка как в задании.
Пишу на чистых языках что максимально увеличивает скорость работы и загрузки сайта.
Сделаю полностью под ваши пожелания, без ограничений.
Дальнейшее сопровождение.
095.000.24.16
-
118 Здравствуйте, заинтересовала сложность проекта, так как есть не только верстка, но и функционал. Хотелось бы обсудить тех. задание и сроки.
С моей стороны: адаптивность и функциональность.
-
600 12 0 Здравствуйте, заинтересовал ваш проект, буду рад помочь вам.
-
220 Добрый день. Готов взяться за Ваш проект.
У меня уже есть несколько вопросов. Готов к обсужданию. Сроки поставил специально с запасом, чтобы не возникло недопонимания и каких-дибо проблем.
Цену обычно ставлю, после того, как полностью пойму объем работы.
С уважением,
Владисла Ким
-
1821 38 1 Готов взяться! Буду рад сотрудничеству! Верстаю Респонсив + Мобайл
-
49 4 1 Привет
Могу помочь с данной задачей
HTML5,CSS3
Все будет в ажуре
-
255 18 4 Здравствуйте я по поводу вашего репоста чем могу помочь
Готов обсудить детали проекта и показать своё портфолио.
я Full Stack Php -разработчик.
Я занимаюсь версткой сайтов (front-end,back-end).
Для вас мои предложения:
- Адаптивная верстку (это когда ваш сайт одинаково и хорошо смотрится на раздных устройствах).
- Пишу валидный и чистый код без ошибок, это помогает поисковым машинам быстрее считывать код сайта, и загружать его быстрее.
- Pixel perfect (сайт выглядит точь в точь как на дизайн-макете).
- Делаю все качественно и в установленные сроки.
…
Использую знания:
- HTML5,
- CSS3,
-Sass
- Адаптивная, кроссбраузерная верстка,
- JavaScript/jQuery,
- WordPress
- Opencart
-PHP
-Laravel
Vue Js
JAVA
MYSql
Разработка парсеров
буду рад всё с Вами обсудить и сотрудничать
-
Я открываю макет, 1 страница, горизонтальная прокрутка. Все, стрелки влево сдвигаю макет влево. Все.
-
Аналогично - стрелками "влево" - "вправо" макет не перелистываеться. Масштаб 100%
-