Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!

Сверстать 2 страницы

закрыт без выполнения


Доброе утро, нужно сверстать 2 страницы. 

Страницы должны быть адаптивные (макеты приложу: sm как должно выглядеть на мобилках, десктоп lg, также есть макеты на планшет) на всех разрешениях сайт должен отображаться правильно. Элементы не должны разъезжаться или выглядеть не так как на макетах. Верстка должна быть пиксель перфект или очень близко к этому.

Под размером sm понимается вид на всех актуальных мобильных устройствах

Под размером lg-xl десктоп версии сайта вплоть до разрешения fullhd

Ширину сайта (рабочей зоны) можно увеличивать до 1200px, если так будет лучше. Макеты делал не суперпрофессионал.

1.       1.“Популярные категории”, на главной странице, можно сверстать в четыре колонки одинакового размера, в два ряда

2.       При клике на кнопку “открыть промокод” должно всплывать диалоговое окно и в нем отображаться данные именно этого купона. Макет окна прилагаю. Диалоговое окно не должно выходить за ширину сайта на любых разрешениях.

3.       Текст на главной должен быть оформлен в виде аккордеона, то есть сворачиваться – разворачиваться по клике на иконку

4.       В футере после окна подписки должны быть 3 колонки (lg, md) и одна колонка на sm размерах

5.       Меню см. картинка “меню” должно быть анимированными и появляться слева направо

6.       В разделе меню – магазины и категории должны быть оформлены аккордеоном.

7.       При клике на неактивную область меню должно скрываться, анимацией справа налево

8.       При клике на неактивную область в модальном окне или на иконку закрытия окна, окно должно скрываться

9.       Для lg, md/ См. картинка “Категории десктоп планшет”, при наведении на выпадающий пункт меню (Категории, Магазины) должен появляться второй уровень меню и исчезать в течении 1 секунды, после покидания активной области курсором мыши

10.   На странице категории, элемент выставления рейтинга должен быть оформлен https://ruschema.org/AggregateRating

11.   Хлебные крошки не должны показываться на sm экранах

12.   Использовать только один h1. http://prntscr.com/k7xod6 не должны быть заголовками, оформить как span или другое.

13.   Поиск в хедере на маленьких экранах должна работать как тут https://utro.ru/promocode/shops/adidas

14.   Не использовать логотип и тексты из макета, изменить на рыбу и использовать другой логотип схожего размера.

15.   Иконки должны быть в svg

16.   http://prntscr.com/k994uo данная кнопка разворачивает/сворачивает весь текст, длиннее 2 строк.

17.   Размер лого должно быть статично одного размера http://prntscr.com/k995ed

18.   В верстке вставить несколько разных лого, любых магазинов для наглядности

Приложения 1

Просмотр приложений доступен только зарегистрированным пользователям.

Сделать ставку!

Заказчик не желает делать предоплату? Оплата через Сейф поможет избежать возможного мошенничества.

  1. 4 дня2500 ₴
    Лера Клименко
     231 

    Привет! Исходя из того, что я вижу, у вас дизайн отрисован по сетку bootstrap? возможно ли его использовать? Есть ли у Вас исходнники иконок svg ? Или в psd дизайнеро предусмотрена возможность конвертации через дополнение? Поскольку, если нету, то я могу только заменить похожими svg.
    Поиск в хедере на маленьких экранах должна работать как тут https://utro.ru/promocode/shops/adidas --- Вы имеете ввиду, что должен скрыватся в иконку и по клику появлятся ?

    Примеры моих работ
    http://vt.da4.info/gigapps/
    http://vt.da4.info/icrowdme/
    http://vt.da4.info/corporate/

    Украина Харьков | 28 июля 2018 |
  2. 2 дня1500 ₽
    Александр Шемчук
     95 

    Здравствуйте, ознакомился с вашим заданием и готов его выполнить в ближайшие 2-3 дня за небольшую оплату. Все будет сделано качественно и с хорошей адаптивностью.

    Мои работы вы можете посмотреть по этим ссылкам:
    https://shemka.github.io/tech/
    https://shemka.github.io/sportshold
    https://shemka.github.io/3djina

    Россия Владивосток | 28 июля 2018 |
  3. ставка скрыта фрилансером
  4. 3 дня1500 ₴
    Евгений Ветер
     374   7  2   1

    Здравствуйте Александр!
    Могу выполнить Ваш заказ быстро и качественно.

    Украина Черкассы | 28 июля 2018 |
  5. 3 дня1500 ₴
    Виктор Юшин
     283   1  0

    Здравствуйте!
    sass/bootstrap/jQuery/gulp/Анимации сss, js.
    Натягиваю на wordpres.telegram +380988314612

    Украина Мариуполь | 28 июля 2018 |
  6. ставка скрыта фрилансером
  7. ставка скрыта фрилансером
  8. ставка скрыта фрилансером
  9. 2 дня2000 ₽
    Дима Кубко
     118   1  0

    Здравствуйте!Имею огромный опыт в верстке подобных страниц.Примеры есть в моем профиле в портфолио.Очень давно работаю с bootstrap,поэтому не возникнет никаких проблем с работой.Буду ожидать вашего отклика.

    Россия Вольск | 28 июля 2018 |
  10. ставка скрыта фрилансером
  11. 3 дня1800 ₴
    Ruslan Trovin
     373   2  0

    Доброе время суток.Буду рад сотрудничеству!

    Портфолио - https://trovin.github.io/main/wKid/

    Примеры:
    https://trovin.github.io/main/3d-clonebay/dist/
    https://trovin.github.io/main/b-house/
    https://trovin.github.io/main/eurostate/

    Умею :
    htm5 / css3 / less / sass / flex / bootstrap 3-4
    #Верстка из psd, sketch
    javascript / es6 / jquery / ajax
    git / npm / gulp
    Методология верстки БЭМ ,components
    Работаю с #Wordpress #React

    Украина Киев | 28 июля 2018 |
  12. 1 день1000 ₴
    Евгений Дорохин
     232 

    Здравствуйте!
    Собираю проект через gulp, использую scss препроцессор, все на flexbox без бутстрапа не гибкого. Все под линеечку в буквальном смысле, пиксель в пиксель.
    Навыки и работы в профиле в описании.
    $10 в час. Трекаю через тоггл

    Украина Одесса | 28 июля 2018 |
  13. 3 дня2000 ₴
    Элчин Хасиев
     234   5  0

    Доброе утро, Александр!
    Готов выполнить адаптивную верстку Ваших макетов.
    Ознакомился с ТЗ, и макетами.
    Мои работы Вы можете посмотреть в портфолио.
    Пишите.
    Спасибо!

    Украина Украина | 28 июля 2018 |
  14.  фрилансер больше не работает на сервисе