Добрый день!
Нужно сверстать страницу портфолио.
Header и Footer верстать с нуля не надо (берем с сайта)
Примеры похожих работ:
https://koloro.ru/portfolio/luzgi.html
https://koloro.ru/portfolio/mava.html
Требования:
Браузеры: IE 11,Edge, Chrome, Firefox, Opera, Safari – верстка полностью соответствует дизайну, скрипты работают в соответствии с ТЗ. В IE, могут быть незначительные упрощения, скрипты, связанные с анимацией, могут работать в упрощенном виде.
Расширяемость: корректное отображение содержимого страницы (изображения, текстовые блоки) на экранах с разрешением от 320px до 1920px по ширине
HTML код: (придерживаться структуры уже существующих страниц портфолио)
Кодировка – utf-8
Структурный, комментируемый код (обозначается начало/конец крупных блоков). Отбивка табами.
Семантическая разметка на уровне грамотного использования тегов.
Имена классов и идентификаторов – осмысленные, на ваше усмотрение.
CSS код:
Структурный, отбивка табами.
Комментариями обозначены начало/конец крупных модулей/блоков разметки.
Javascript код:
Структурный, отбивка табами.
Имена переменных осмысленные, на ваше усмотрение.
Снабжен комментариями: описаны назначения
методов/классов
функций
условий.
Код должен быть без ошибок.
Изображения:
Имена файлов осмысленные.
Латиницей, нижний регистр, разделение дефисом (very-interesting-picture.jpg).
Малые изображения оформления объединенные по назначению и склеиваются в спрайты.
Анимация:
Предусмотрена (указана в макете, в комментариях). Приветствуется собственные решения в анимации
Файловая организация:
HTML файлы лежат в корне. Главная страница – index.html. Остальные – по именам макетов.
Стили в папке /css/
Javascript - /js/
Изображения - /images/portfolio/[name-of-page]
