Имеются PSD макеты двух страниц. Нужна адаптивная кросс-браузерная верстка под разрешения от 320 px (min) и выше.
Обязательно выполнение требований:
Разметка
1. Две страницы должны быть сверстаны – выполняется HTML-разметка двух страниц и всех элементов на страницах.
2. К страницам подключается один стилевой файл (с учётом normalize.css к каждой странице могут быть подключены два файла).
3. Стилевой файл подключен внутри <head>.
4. Документ проходит проверку на валидность validator.w3.org/nu/.
5. У всех изображений в теге <img> прописан размер.
6. Использовано минимально возможное количество HTML-элементов (без лишних элементов).
7. Все скрипты подключены непосредственно перед </body>.
8. Названия полей форм привязаны к своим полям с помощью <label>.
Стилизация
9. Вся собственная стилизация выполнена в одном стилевом файле.
10. Раскладка блоков на странице сделана не с помощью таблиц или позиционирования.
11. В CSS отсутствует !important. Допускается использование !important при обосновании его необходимости.
12. Подключены правильные шрифты, их размеры, цвета и толщина соответствуют размерам, цветам и толщине в макетах и техническом задании.
13. Указаны альтернативные варианты шрифта и тип семейства в конце перечисления font-family.
14. При наполнении контентом элементы каждой страницы соответствуют макету.
15. Использован normalize.css.
16. Для стилизации не использованы #id.
17. Нет вложенности селекторов больше двух.
18. Явно указано подходящее vertical-align для потоковых блоков с display: inline-block.
19. Для CSS-свойств с префиксом указан его вариант без префикса, и это указание идёт последним.
20. Файл стилей представлен в двух вариантах: с форматированием и минимизированный, к странице подключен минимизированный.
Тестирование
21. Вёрстка идентично отображается в последних версиях браузеров Chrome, Opera, Opera mini, Firefox, Safari, а также в Internet Explorer 7+.
22. Сайт корректно выглядит на всех разрешениях, начиная от 320 px без горизонтального скролла
23. Вёрстка проходит тест на переполнение контентом.
JavaScript
24. JavaScript-файл представлен в двух вариантах: с форматированием и минимизированный, к странице подключен минимизированный.
25. С помощью JavaScript реализовано открытие/закрытие окон (в соответствии с ТЗ) без вспомогательных библиотек.
Разное
26. В корне документа имеются папки css, img, js или аналогичные. Главная страница имеет название index.html. В названиях и расширениях файлов нет заглавных букв и пробелов, использованы только латинские символы.
27. Единообразное написание и форматирование кода в HTML, CSS и JavaScript.
28. Отсутствует транслит в названиях классов, атрибутах и так далее.
29. При взаимодействии с элементами (наведение, нажатие) ни сам элемент, ни окружающие его блоки не меняют своего положения (если иное не прописано в ТЗ или slyleguide.psd).
30. Проведена базовая оптимизация: минифицированы стили и скрипты, использован спрайт или иконочный шрифт (можно оба).
31. Страницы должны ссылаться друг на друга (с главной – по ссылке на объявление, со второй страницы – по ссылке на заголовок в шапке).
В ответах пишите:
1) skype или telegram для связи
2) e-mail