Сверстать 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. В верстке вставить несколько разных лого, любых магазинов для наглядности
Applications 1
-
1 day23 USD
224 1 day23 USD
Здравствуйте!
Собираю проект через gulp, использую scss препроцессор, все на flexbox без бутстрапа не гибкого. Все под линеечку в буквальном смысле, пиксель в пиксель.
Навыки и работы в профиле в описании.
$10 в час. Трекаю через тоггл
-
4 days56 USD
29 4 days56 USD
Привет! Исходя из того, что я вижу, у вас дизайн отрисован по сетку 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/
Current freelance projects in the category HTML & CSS
Comprehensive refinement of the WooCommerce store (UX, responsiveness, functionality)It is necessary to complete the development of the online store on WordPress (WooCommerce). Current site: https://lerise.com.ua/ Reference for functionality and usability level: https://katysoho.com.ua/Important It is not necessary to radically change the design of the site.… Content Management Systems, HTML & CSS ∙ 1 day 1 hour back ∙ 33 proposals |
A turnkey website for wedding photographers: design + text + launchWe are looking for a specialist (or studio) to create a turnkey portfolio website - a full cycle from concept to publication. We want minimal involvement from our side: you take the task and bring it to a finished result. What is included in the "turnkey" work: • Design in… HTML & CSS, Web Design ∙ 1 day 8 hours back ∙ 104 proposals |
Looking for a web designer / developer on WordPress (Divi builder)https://annalecat.com/corporate-training/ What needs to be done: We have one page on the website that currently looks bad. It needs to be redesigned and laid out so that it looks beautiful, modern, and neat. What we already have for work: Text: Fully prepared and divided into… HTML & CSS, Web Design ∙ 3 days 4 hours back ∙ 36 proposals |
Processing and filling out a package of documents (Word and PDF)
68 USD
Looking for a freelancer for the prompt completion and formatting of a document package using ready-made templates (contracts, agreements, declarations). The task includes: Filling out these templates (candidate data, conditions, dates) in ready Word/PDF forms; Checking the… HTML & CSS, Text Editing & Proofreading ∙ 3 days 20 hours back ∙ 33 proposals |
Layout of 3 pagesIt is necessary to create a layout using Tailwind for WordPress. The pages should be as isolated from the theme as possible to avoid overriding any styles. Some elements already exist in the implemented theme and need to be reused. There is no mobile version in the design; the… HTML & CSS ∙ 4 days back ∙ 65 proposals |
Sumy