Адаптивная верстка сайта на Bootstrap 4.4+
89 USDТребуется сверстать макеты сайта на Bootstrap 4.4+
Описание содержимого макетов расположено здесь:
https://drive.google.com/open?id=1GThAI_jw7wR0-43R0ngMaq3eTkHdQpz7
Нарезка картинок и размеры шрифтов будут приложены позже.
Требования:
1. Необходимо сверстать макеты адаптивно в Bootstrap 4.4+. Вся верстка и все слайдеры выполняется только средствами этого фреймворка.
2. Верстка сайта не должна отличаться от макета, не должна расползаться при масштабировании сайта или смене разрешения. Расхождения необходимо согласовывать. Шрифты должны уменьшаться плавно без рывков.
3. Верстка выполняется для мобильных устройств (планшет и мобилки) и устройств на ПК, макеты приложены.
4. Код должен быть понятным и хорошо структурированным, язык именования переменных английский, транслит с любых языков не допускается. Общий стиль у кода должен совпадать с уже имеющимся, различные подходы к верстке согласовать.
5. Верстка должна быть валидной по стандартам w3.
6. Должна быть обеспечена совместимость со следующими версиями браузеров (бутстрап поддерживает):
Ie11+
Edge 40+
Safari 10+
Opera 55+
Chrome 60+
Firefox 60+
7. Использование любых фреймворков или иных зависимостей, при верстке нужно согласовать перед их применением, также, как и их версии. Несогласованное применение фреймворков и плагинов – повод для отказа от сделки со стороны Заказчика.
8. Каждая сверстанная страница сайта должна содержать только те стили/скрипты, которые на ней используются.
9. Проверка верстки выполняется верстальщиком самостоятельно перед проверкой заказчиком. Выдача верстки без проверки рассматривается как отказ от сделки с вашей стороны.
10. Проверка осуществляется в следующих версиях браузеров из п.6, в которых верстка может работать не корректно: выполняется масштабирование, смена разрешений экрана, смена версии браузера, открытие макетов верстки на различных устройствах (пк, планшеты, мобильные).
11. Верстка – этап преобразования макетов psd (jpg или иной носитель дизайна) в html+css+js с использованием тестовых фраз, на макетах указаны примеры таких фраз. Следует учитывать назначение текстов и элементов интерфейса. Т.е. весь заложенный в макетах функционал интерфейса должен уже работать, например, слайдер с фотографиями, если он есть. Наполняется тестовыми фотографиями и вставляется на страницу. Текст, если есть, необходимо предусматривать вариации текста на странице, он не должен ломать верстку если его размер изменился на 2 слова, например. Под интеграцией понимаем затягивание верстки в систему управления сайтом, например, в битрикс. В данном тз идет речь именно про верстку, написание скриптов на php и интеграция верстки в cms сюда не входит.
Срок и стоимость - предмет обсуждения. Предложения пишите в заявке.
-
Бутстрап обязателен?
-
Есть один небольшой вопрос. Можно ли использовать сборку Gulp для быстрой верстки. В сборке SCSS. Минификация и совмещение файлов для оптимизации.
-
2. Верстка сайта не должна отличаться от макета
11. Верстка – этап преобразования макетов psd (jpg или иной носитель дизайна)
-