Верстка одной страницы
800 UAHДоброго времени суток.
Необходимо сверстать одну страницу: https://yadi.sk/i/b_FkRa7Xs8GhS
Ее нужно сверстать кроссбраузерно (IE 9+, 9 включительно), адаптивно. HTML5, CSS3. Семантика должна быть.
Когда пользователь нажимает на кнопку из бокового меню, вместо текста появляется карусель (это есть в псд).
Так вот, это все должно происходить через ajax и со значком "Загрузка". Страница, к которой посылается ajax- запрос будет возвращать массив, элементами которого есть url картинки, текст-описание и ссылка (на котороую будет перекидывать при нажатии). Массив возвращается в формате json.
Также обратите внимание, в дизайне карусели, вы можете увидеть размытые фото препаратов. Так и должно быть. НО дизайн может слегка отличаться. Если вы хотите использовать какую-то готовую карусель, скиньте пожалуйста ссылку на нее, чтобы я посмотрел и сказал подходит или нет.
Также в дизайне этого, нету, когда отображается карусель, должен появляться крестик сверху справа от карусели при нажатии на который, карусель исчезает и пользователь опять видит текст как при начальной загрузки страницы.
У всего, что нажимается, должен быть ховерстейст. Если он не прорисован в дизайне, надо будет его вам придумать) Главное чтобы они все гармонировали со стилистикой сайта.
Страничка меленькая, но должна быть удаленькая: не хочу резких переходов используем css-transition или если уж совсем надо, jquery animation. Также при загрузке страницы должен быть лоудер - как здесь med-info.com.ua
Как страница будет выглядеть на меньших размерах экрана - чуть позже вышлю вам мокап, чтобы упростить вам задачу.
Желательно использовать препроцессор sass.
От вас хочу получить такую информацию:
1) Ваша предлагаемая цена за работу, если она отличается от моей.
2) Сроки
3) Пользуетесь ли вы цсс-препроцессором и если да, то каким?
4) В чем верстаете?
5) Пользуетесь каким-либо еще программами / утилитами при верстке?
6) Ссылки на две последние свои работы.
https://docs.google.com/document/d/1lZoBtOxMDKxgPXyXHhaEbxstL1uFPbSU0hCurwiIGxM/edit?usp=sharing
Ширина 880 пкс и больше - все остается в таком же виде как и в исходнике. Блок с каруселью и текстом сжимается чтобы вместиться. При этом расстояние между этим блоком и боковым меню не меньше 30 пкс. Да при это не забывает про боковые паддинги у всего контейнера (карусель и боковое меню вместе) - 20 пкс каждый.
Дальше боковое меню становится выпадающим. Выглядеть это будет так: над текстом или слайдером будет кнопка с текстом "Препараты" такого же дизайна как неактивный пункт бокового меню ("Жінкам", "Родина"...) При нажатии на него вниз выпадает боковое меню (дизайн такой же). При нажатии на какой-то пункт, меню закрывается, теперь вместо "Препараты" будет показываться этот выбарнный пункт меню. Экран скролится вверх, чтобы эта кнопка (выпадающего бокового меню) была сверху. Теперь под ней мы видим карусель препаратов соответствующей категории.
Дальше при уменьшении экрана - ничего не меняется, просто становится уже. В какой-то момент у слайдера/карувели должны пропасть боковые стрелки - чтобы он поместился.
И у карты в какой-то момент должны появится боковые паддинги, чтобы человек на телефоне мог ее пролистать.
Верхнее меню, оформляется, как обычно, выпадающим. Куда и как всунуть лого - пожалуйста, подумайте.
Значок верхнего меню на маленьких экранах - три горизонтальные полоски.
У карусели/слайдера должна быть снизу навигация - точки. Также он должен листаться на тач-устройствах (свайпами)
Отзыв заказчика о сотрудничестве с фрилансером
Верстка одной страницыОчень хорошо, круто, профессионально. Я бы и закончил на этом отзыв, если бы не знал, что отзывы такого рода пишут "на отвали" и даже в тех случаях когда работа не очень понравилась, думая: "а пусть и мне хороший напишет". Но в данном случае, я действительно думаю, что работа была сделана хорошо, круто и профессионально и вот почему. Максим сделал проект в срок. Перед проектом он детально расспросил всю неясную и неточную информацию (проект простой, но вопросы были). Дизайна для мобильных устройств не было, поэтому ему пришлось его придумывать - справился на отлично. Верстка чистая, аккуратная, валидная. При верстке он думал наперед и предлагал мне различные варианты в тех местах, где они могли быть. Всегда был на связи.
На мой взгляд, верстка - это такой вид деятельности, который требует от человека усидчивости, внимательности и склонности к перфекционизму. У Максима эти качества есть. Советую.
Отзыв фрилансера о сотрудничестве с Александром Великим
Верстка одной страницыОстался довольным после сотрудничества с Александром. Проект был несложный, но тем не менее заказчик не поленился полностью описать все нюансы и функционал будущего сайта, за что ему огромное спасибо. Приятно было работать даже из-за того, что человек имеет некоторые навыки в области веб-разработки, поэтому нам было довольно просто достичь взаимопонимания. Никаких "подводных камней" по окончанию работы не всплыло. Все прошло честно и прозрачно. Всегда держались на связи, когда у меня возникали какие-то вопросы, я мог с легкостью связаться с Александром. Имею только положительные эмоции после общения и сотрудничества с этим человеком.
Надеюсь на дальнейший совместный труд с Александром.
![]()
-
66 Здраствуйте!
Пишите в:
• личные сообщения
• в скайп: fedina7771
• на почту: [email protected]
1). С цена 15$
2). Сроки - 2-3 дней
3). SASS
4). Sublime Text
… 5).LiveReload, HTML5Outliner
6) Cборка gulp
7)Bootstrap 3
постараемся сделать все в кратчайшие сроки!
Буду очень рад сотрудничеству! Ждем вашего ответа!
8) http://sharingserver.dimtest.ru/
-
536 9 0 Добрый день.
Занимаемся разработкой дизайна и созданием сайтов.
С удовольствием сделаем вёрстку,
верстаем как чистом CSS так и при помощи Bootstrap.
Портфолио:Google Drive
E-mail: [email protected]
Skype: impulsedev.manager
-
занадто багато правил як для такої маленької сторінки.
за потрачений час на їх читання ви ще повинні виконавцю доплатити.
-
Актуальные фриланс-проекты в категории HTML и CSS верстка
Исправить CSS/DOM-верстку карточек в Chrome extension для локализации D&D BeyondЭто расширение Chrome Manifest V3, которое локализует сайт D&D Beyond на украинский язык. Проект написан на TypeScript + WXT. Расширение работает через контентный скрипт: находит английский текст на страницах D&D Beyond и заменяет его украинским переводом. Проблема возникла на… HTML и CSS верстка, Javascript и Typescript ∙ 5 часов 5 минут назад ∙ 16 ставок |
Верстка страницы для сайта на Хорошопе + и корректировка 2 написанных страниц
5000 UAH
Здравствуйте! Задача: Верстка страницы "Программа лояльности" и внесение корректировок на страницы "Оптовые сотрудничества" и "Корпоративные заказы" Страница "Программа лояльности": - Верстка страницы в HTML коде в соответствии с нашим дизайном в Figma - Адаптация для… HTML и CSS верстка ∙ 1 день 11 часов назад ∙ 36 ставок |
Ищу человека, который поможет наполнить сайт агентства по рекламе на ВордпрессеСоздав в кладе страницы и сейчас это все сделал на Вордпрессе. Ищу человека, который сможет помочь наполнить контентом сайт. Быстро и качественно, определенные фото, наверное, нужно будет сгенерировать в Джипити. Я постараюсь помочь. Страниц примерно 15 AI обработка текстов, HTML и CSS верстка ∙ 1 день 16 часов назад ∙ 39 ставок |
Нужно сверстать сайт с PDF, возможно?Дизайн уже полностью нарисован, но есть только PDF, так как был утерян Figma... Возможны расхождения по нему. Это допустимо. Нужно ли рисовать его в Figma? Или, возможно, сверстать и поставить на CMS, и вопрос сразу на какую? Далее работы будет много. Нужно начать с этого. Моб… HTML и CSS верстка, Веб-программирование ∙ 1 день 16 часов назад ∙ 113 ставок |
Разработка интернет-магазина WordPress + WooCommerce# 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… CMS, HTML и CSS верстка ∙ 2 дня назад ∙ 75 ставок |