Верстка простой статичной формы.

HTML-версткаЗакрыт3 заявки839 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Необходимо сделать страницу со статичной версткой формы, представленной на макете:

https://www.figma.com/file/eaIDsw9cuyprJw5DB2lw2H/frontend 

Обязательные требования: 

  • Верстка должна соответствовать макету по Pixel Perfect (инструмент для проверки: https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=ru)
  • Блок с формой имеет фиксированную ширину, всегда располагается по центру экрана
  • Все интерактивные элементы (кнопка, поля ввода) должны иметь описанную реакцию на состояния (наведение, фокус)
  • Форма должна отправлять данные методом POST по определенному веб-адресу. Названия передаваемых полей: name, phone, email . Если данные переданы корректно, вы увидите надпись “Всё хорошо.”
  • Использовать HTML5-валидацию для проверки данных в форме:

    • ФИО: только русские буквы, пробелы, тире. Цифры, англ. буквы - нельзя
    • Телефон: только цифры, “-”, пробелы, “+”
    • Email: только строки соответствующие формату email
  • Внимательность и аккуратность при верстке данного макета
  • Применение БЭМ-нэйминга (https://ru.bem.info/)
  • Использование препроцессоров, сборщиков, шаблонизаторов
  • JS-валидация, вместо html5
  • Ajax при отправке формы
Сделать и отправить необходимо  до 18:00 по Мск 13:08.
JavascriptHTMLAjax
5 лет назад
lanin_petr
Петр 
33 годаРоссия
5 лет в сервисе
Был
5 лет назад
Выбранный исполнитель
kambulov_dmitry
Дмитрий 
25 летРоссия
5 лет в сервисе
Был
2 года назад
5 лет назад
$8
1 день
После получения заказа и оплаты ни разу не вышел на связь и даже не закрыл заказ.
  • Похожие заказы

  • Сверстать веб-приложение (с адаптивом)

    Требуется сверстать веб-приложение, 4 страницы с адаптивом (мобильная версия не отрисована), 3 модальных окна. Верстка будет в дальнейшем разбиваться на компоненты VueJS, хотелось бы чтобы у исполнителя было понимание как лучше структурировать стили. Никакой логики не ...

    JavascriptFigmaSASSGulp
    HTML-верстка12 заявок
    Закрыт
    5 лет назад

  • Шаблон за взірцем існуючої сторінки сайту

    Створити шаблон односторінкового преленду за взірцем цієї сторінки [url=https://muzhik.guru/impotentsiya/impotentsiya-posle-50-let/]https://muzhik.guru/impotentsiya/impotentsiya-posle-50-let/[/url] Вимоги: адаптивний, структура: index.htm, папки css,js,img. Без сайдбару. Меню не випадаюче. Пошук не потрібен. Передбачити можливість додавати коментарі. Apd. На прохання уточнюю. Потрібна копія сторінки з урізаним функціоналом. Шапка сайту- ...

    JavascriptCSS
    HTML-верстка5 заявок
    Закрыт
    5 лет назад

  • Нужна адаптивная верстка

    Нужна адаптивная верстка задание тут  [url=https://docs.google.com/document/d/1mtXGlReBvkFgKCrSk0R-fGBnFjynAzbCixP9GwYgMQY/edit?usp=sharing]https://docs.google.com/document/d/1mtXGlReBvkFgKCrSk0R-fGBnFjynAzbCixP9GwYgMQY/edit?usp=sharing[/url] От вас жду сроки и бюджет!

    HTML-верстка3 заявки
    Закрыт
    5 лет назад

  • Поставить готовый сайт на Readymag

    Всем привет) Нужно поставить готовый макет моего сайта на Readymag и добавить анимации.  Можно и на бесплатной версии сделать - пойдет. Сайт есть у меня в профиле и называется "Золотое Руно".

    HTML-верстка1 заявка
    Закрыт
    5 лет назад

  • Ищем Веб дизайнера для рефакторинга статического HTML сайта

    $150

    Ищем веб дизайнера с опытом работы для рефакторинга нашего сайта http://aahi.io Задачи: - сделать его полностью респонзивным на всех девайсах - рефакторинг слайдера на основной странице и EAT странице Сайт создан через генератор статических сайтов gohugo.io Просьба ответить на вопросы: - Послать ...

    HTML
    HTML-верстка3 заявки
    Закрыт
    5 лет назад

  • Верстка сайта

    Нужно сверстатьсайт, порядка 5-6 страниц [url=http://37.187.147.129/hopital/drive/drive.jpg]http://37.187.147.129/hopital/drive/drive.jpg [/url]Вот сделан хоум пока готовый в дизайне, все страницы в PSD Сразу оставляйте цену и срок

    Верстка сайта
    HTML-верстка1 исполнитель
    Завершен
    5 лет назад

  • Верстка сайта

    [url=https://ifixit24.ru/]https://ifixit24.ru/[/url] этот сайт нужно скопировать и внести некоторые изменения полностью настроить сайт на базе wordpress список изменений [url=https://docs.google.com/document/d/1-1uILxXfpu7Wx2v-oKNM1B9Lh0Akg-6vGYq4NuSWNHQ]https://docs.google.com/document/d/1-1uILxXfpu7Wx2v-oKNM1B9Lh0Akg-6vGYq4NuSWNHQ[/url] по  ходу верстки  возможны небольшие изменения

    WordPressВерстка сайта
    HTML-верстка9 заявок
    Закрыт
    5 лет назад

  • Верстка личного кабинета

    Необходимо сделать верстку личного кабинета  По макетам фигма Без функционала только верстка Оставляйте заявку, макеты скину в личку

    Figma
    HTML-верстка30 заявок
    Закрыт
    5 лет назад

  • Разработка верстки

    Разработка верстки сайта тут т3 [url=https://docs.google.com/document/d/1HOhE2XQC4RBbQvrZxndGp7_oNS9BaIfy6XvLo5mwAQA/edit#heading=h.wl6mjeq5eoor]https://docs.google.com/document/d/1HOhE2XQC4RBbQvrZxndGp7_oNS9BaIfy6XvLo5mwAQA/edit#heading=h.wl6mjeq5eoor[/url]  жду сроки и бюджет [url=https://docs.google.com/document/d/1HOhE2XQC4RBbQvrZxndGp7_oNS9BaIfy6XvLo5mwAQA/edit?usp=sharing] [/url]

    Верстка сайта
    HTML-верстка13 заявок
    Закрыт
    5 лет назад