Верстка print-holst
74 USDНужна верстка макетов.
1.Главная
1.1.Меню. Пункт "Каталоги"- список выпадающих пунктов по клику:
- Картины на холстах;
- Картины на ПВХ;
- Картины на стекле;
- Картины на акриле;
- Схемы для вышивки;
1.2.При скроле основное меню пропадает и появляется фиксированное;
1.3.Слайдер. Вся область внизу слайдера с текстом, кнопкой и фоном должна быть ссылкой.
1.4.Слайдер должен листаться на моб.устройствах с помощью "flick";
1.5.Сверстать pop-up окна: "Callback, Cart";
2.1.Страница категории 3 колонки;
2.1.1.В сайдбаре блок "Upload" сделать в двух состояниях. В пассивном и в разложенном (после загрузки файла);
2.1.2.После клика на окно с youtube должно всплывать модальное окно с видео youtube по ширине экрана с возможностью закрыть окно;
2.1.3.При клике на картинку превью товара должна всплывать lightbox галерея в которой можно листать все изображения данной категории по очереди;
2.1.4. При клике на кнопку "Подробнее" осуществляется переход на страничку товара;
2.2.Страница категории 2 колонки;
2.2.1.Тут функционал в большей степени такой же как и на странице категории с тремя колонками, кроме масок на превью товара. На превью товара должны сверху накладываться маски подогнанные по ширине и высоте картинки;
3.1.Результаты поиска "Найдено".В соответствии с psd макетом;
3.2.Результаты поиска "Не найдено".В соответствии с psd макетом;
4.Страница товара
4.1.Картина
4.1.1.Принцип формирования кропа (выделенной пунктиром области) такой же как и здесь https://oboi-printcolor.com/freski/sad-i-park/terrasa-zamok-v-gorah.html
4.1.2.Блок для редактирования изображения. При нажатии "Отзеркалить" изображение должно отзеркалиться. При повторном нажатии должно вернутся в исходное. Точно так же с "Черно-белое" и "Сепия";
4.1.3.При нажатии кнопки "Заказать" должно перебрасывать в низ страницы к форме заполнения;
4.1.4.Таб "Отзывы" список отзывов с формой регистрации и отправкой отзыва;
4.2.Картина модульная. Два вида модульных масок:
4.2.1.Вертикальные. В desktop ограничить основное окно с картинкой в верстке по высоте, макс. выс.600px, а ширина должна быть пропорциональна. Изображение центрируется по блоку, как в макете. Они должны накладываться и подгоняться на картинку товара по ширине и высоте, а так же в миниатюрных превью в карусели под картинкой товара.;
4.2.1.1.В psd макете сделано 9 масок. Нужно их сверстать в процентном соотношении как psd макетах.
4.2.2.Горизонтальные. В desktop изображение расстягивается по ширине 656px, а высота получается в пропорциях (Скрипт должен определять вид изображения - backend);
4.2.2.1.В psd макете сделано 9 масок. Нужно их сверстать в процентном соотношении как в psd макетах.Они должны накладываться и подгоняться на картинку товара по ширине и высоте, а так же в миниатюрных превью в карусели под картинкой товара. Пример, первая маска с двумя вертикальными разделительными полосами и двумя короткими горизонтальными. Расстояние до полосы слево на право 31%, затем сама разделительная полоса 3% (по высоте 100%), затем до следующей полосы еще 32%, затем сама разделительная полоса 3% (по высоте 100%) и за ней до края изображения еще 31%. Итого 100% по горизонтали. По вертикали слево на право сверху вниз: вверху слева горизонтальная темная полоса, высота 15%, ширина 31%, затем внизу справа горизонтальная темная полоса,высота 15%, ширина 31%.По такому принципу (в процентном соотношении, только у каждой маски свое соотношение) нужно построить все маски (18 шт.) Это нужно для расчетов итоговой площади картины и размеров для каждого модуля;
4.3.Вышивка;
4.4.Багет;
5.Корзина;
6.Избранное;
7.Наши работы. При клике на превью изображения должно всплывать pop-up окно с галереей, где можно пролистать все изображения наших работ;
8.Печать фото;
9.Дизайнерский сервис;
10.Вид диз.сервиса;
11.Доставка и оплата;
12.Блог;
13.Статья блога;
14.Контакты;
15.Партнерам;
16.Верстка всех страниц должна быть в соответствии с psd макетами
17.Требования к верстке: валидная, кроссбраузерная, адаптивная (от 320 до 1920).
Applications 9
-
Готов сверстать ваш проект обращайтесь, сделаю качественно с полной адаптацией под моб. устройства
https://christinacosmetics.com.ua/
https://amazingwindowfashions.com/
http://skinappeal.org/
http://m-sro.ru/
https://teh-plan.su/
http://amnis.se/Integration
-
114 Доброго дня, Вячеслав.
З радістю візьмусь за реалізацію Вашого інтернет-магазину.
Верстку виконаю у відповідності з psd макетами.
Вимоги до верстки (валідність, кросбраузерність, адаптивність) також будуть виконані.
З повагою, Галина.
Мої контакти:
E-mail [email protected]
Skype lutsiv.galya
ПортфоліоFreelancehunt?r=0J7jz
… Facebook https://www.facebook.com/lutsivgalina
-
253 2 0 Качество гарантирую. Опыт таких работ имею. Пока показать нет возможности.
HTML5/css(sass)/bootstrap(3, 4)
-
4790 113 0 Готов реализовать ваш проект.
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
-
102 Готов выполнить Ваш проект. Адаптив, кроссбраузерность, валидность. Обращайтесь.
-
2276 114 1 Здравствуйте.
Могу приступить уже сейчас. Занимаюсь разработкой более 4х лет, работы можете посмотреть в портфолио.
Отчет по проделанной работе ежедневно, всегда на связи.
В верстке использую лучшие практики что позволяет существенно уменьшить время разработки.
Current freelance projects in the category HTML & CSS
Layout of a page for a website on Khoroshop + and editing 2 written pages
112 USD
Hello! Task: To create the "Loyalty Program" page and make adjustments to the "Wholesale Cooperation" and "Corporate Orders" pages Page "Loyalty Program": - Create the page in HTML code according to our design in Figma - Adapt for desktop and mobile versions, iOS and… HTML & CSS ∙ 9 hours 56 minutes back ∙ 27 proposals |
Need a developer for WordPress
607 USD
Looking for a developer to implement a website on WordPress. Below I have detailed the project and requirements. About the project Here is the link to the design https://www.figma.com/design/htJTa5T5vY3oIlMOlZlI1o/Estate-Services?node-id=6315-2&t=gNsXRNevlb0hpS9h-1 Currently,… Content Management Systems, HTML & CSS ∙ 13 hours 22 minutes back ∙ 61 proposals |
I am looking for a person who can help fill the advertising agency website on WordPress.I created the pages in the cloud and now I have done everything on WordPress. I am looking for someone who can help fill the website with content. Quickly and efficiently, certain photos will probably need to be generated in GPT. I will try to help. There are about 15 pages. AI Content Creation, HTML & CSS ∙ 15 hours 41 minutes back ∙ 33 proposals |
I need to create a website from a PDF, is it possible?The design is already fully drawn but we only have it in PDF, as the Figma file was lost... There may be discrepancies with it. This is acceptable. Do we need to redraw it in Figma? Or is it possible to layout and put it on a CMS, and if so, which one? There will be a lot of… HTML & CSS, Web Programming ∙ 15 hours 42 minutes back ∙ 97 proposals |
Development of a WordPress + WooCommerce online store# Development of an Online Store for Agricultural Equipment The design mockup is currently in the final stages of development. I fully understand that without a ready mockup, the final estimate will be inaccurate. However, if you have already implemented similar e-commerce… Content Management Systems, HTML & CSS ∙ 23 hours 34 minutes back ∙ 63 proposals |