Нужно срочно сверстать лендинг.
Макет jpeg –
Макет psd предоставлю выбранному исполнителю.
Кнопки "Узнать больше" и "Подробнее" – открываются всплывающие окна с текстом.
Кнопка "Стать участником курса" – делаем просто ссылкой на другой сервис, обрабатывать и программировать ничего не нужно.
Похожий лендинг уже свёрстан –
Можно из него взять футер, первый и второй экран, шрифты.
Стандартные требования по качественной вёрстке:
Кроссбраузерная вёрстка – корректное отображение во всех актуальных браузерах
Адаптивность – корректное отображение на мобильных устройствах
Тестирование своей работы
Оптимизации кода
Чистота кода, минимальный размер html файла
Файлы только на латинице, без пробелов, в нижнем регистре
HTML проверяется на валидацию на
в соответствии с заданной версией HTML.
CSS проверяется на валидацию на
в соответствии с заданной версией CSS.
Таблицы допускаются только в контенте или их использование должно быть аргументировано.
Не должно быть неиспользуемых CSS классов и закомментированных участков кода.
Использованы понятные (логические) названия для классов. Например: не использовать .oshibka , использовать .error.
Названия классов и id подбирайте по смыслу, пускай даже длинные, но понятные. Название селектора отображает содержимое.
Кодировка файлов UTF-8.
Изменение размеров окна браузера не должно приводить к некорректному отображению сайта.
Как можно меньше используйте атрибут style=.
Вложенные теги сдвигайте с помощью tab, проще видеть иерархию документа.
Оптимизированные картинки, грамотное использование jpg, png, gif, svg.
В структуре заголовков h1-h6 должна соблюдаться иерархия. Использовать h1-h6 только для соответствующих заголовков и подзаголовков, а не для обычного текста.
Для увеличения скорости загрузки страниц необходимо упорядочить подключение внешних CSS и JS файлов.
Всегда описывайте цвет фона для body даже если он белый.
В папке с изображениями не должно быть картинок, не использующихся в верстке. Если что-то исключили из верстки или переделали не забывайте удалять уже ненужные картинки.