Надо нарисовать сайт услуг из 4 страниц.
Главная страница:
1. Слайдер
2. Список услуг (3-4 колонки)
3. Преимущества (3 колонки, 2 строки)
4. Инфоблок (картинка фон, слоган или акция). Примеры:
,
5. Галерея с примерами работ
6. Отзывы с фото
7. Логотипы
8. Команда (3-4 колонки) – фото, имя, должность
9. Форма обратной связи
10. Список статей из блога (3-4 колонки)
11. Форма подписки на рассылку (1 строка)
12. Футер (3-4 колонки)
Страница контакты:
1. Телефон
2. Почта
3. Время работы
4. Форма обратной связи
5. Карта
Страница категории блога:
1. Сайдбар: поиск, список категорий, список последних статей с превью-картинкой, список комментариев, вертикальный баннер (просто отметить место с указанием размеров).
2. Статья: заголовок, картинка, дата, категория, интро-текст.
Страница статьи блога:
1. Сайдбар: поиск, список категорий, список последних статей с превью-картинкой, список комментариев, вертикальный баннер (просто отметить место с указанием размеров).
2. Заголовок
3. Картинка
4. Дата
5. Текст
5.1. Абзац
5.2. Список
5.3. Цитата
5.4. Выделенный текст
5.5. Аккордеон
6. Блок про автора (фото + текст)
7. Форма комментариев
Страница списка услуг:
1. Любая сетка на 6 элементов (1, 2 или 3 колонки). Картинка + название + кнопка "подробнее".
Требования к макету:
1) Макет должен быть свёрстан по сетке bootstrap. При необходимости элементы могут выходить за сеточные границы, но желательно их придерживаться. По сеткам:
2) Макет должен быть сверстан под photoshop или под figma. Приоритет psd макету, но и figma приемлема.
3) Название слоёв – транслитом или английскими буквами.
4) Должна быть группировка слоёв по логическим блокам. Слой для слайдера в блоке контента должен быть в блоке "слайдер" в блоке "контент"(это пример).
5) Шрифты. Допустимы системные шрифты, шрифты с google fonts, бесплатные шрифты имеющие веб версию.
6) Для всех элементов подразумевающих разное состояние оно должно быть отрисовано:
Для ссылок: hover и active, иногда требуется visited.
Для кнопок hover, active, disabled.
Для текстовых инпутов: focus и disabled.
и т.д.
7) Дизайн должен иметь варианты адаптивного отображения. Брейкпоинты взять из bootstrap.
8) стилизация.По возможности следует избегать стилизации нестандартных элементов. Например, select стилизовать средствами CSS проблематично, приходится подключать скрипт, который заменяет его другой конструкцией. Если на сайте select используется только в одном месте и для выбора пола пользователя, разумнее будет заменить его на 2 радио.
В предложении пишите:
1. Цену.
2. Срок.
3. Примеры.
Предложения оформленные иначе, рассматривать не будем.