Макеты можно посмотреть тут https://cloud.mail.ru/public/3xBc/5Cg5Hnqib/.
Макеты под разные разрешения экрана: https://www.figma.com/file/G7j9mJslDZXqx9gu3kOUVgNW/Skin-food-laboratory?node-id=0%3A1.
Интересует стоимость и сроки реализации. Также в отклике прикрепите пару ссылок на сайты которые вы верстали.
Оплата первого этапа СТРОГО через безопасную сделку либо по факту предоставления результатов, авансы даем ТОЛЬКО проверенным исполнителям.
Требования к верстке:
- Верстка должна соответствовать стандарту HTML5 и быть семантической и кроссбраузерной.
- Кроссбраузерность заключается в адекватном и максимально одинаковом отображении верстки во всех современных браузерах на 3 версии ниже текущего релиза. Поддержка устаревших версий браузера Internet Explorer в данной задаче не требуется.
- Основная статья страницы должна быть обрамлена в тег . Тег должен присутствовать на странице в единственном экземпляре.
- Внутри тега могут использоваться только теги h1-h6, p, a, ul+, ol+, I, b, strong, em, table+, section, u, s, img, figure, figcaption. Данные теги должны быть по умолчанию стилизованы по селектору тега. Если есть несколько видов оформления одного вида тега, то более сложное оформление задается в стилях с помощью селектора класса.
- Не допускается использовать теги семантической разметки текста в “не контентных” областях шаблона. Например – обрамлять логотип в , номера телефонов в и т.п.
- Каждый блок меню должен быть обрамлен в тег .
- Блоки меню размечаются, по традиции, с помощью тегов ul>li. При этом тег ul должен быть отмечен уникальным классом, на который будут применены правила CSS.
- Выбранный (по текущей странице) пункт меню, должен стилизоваться с помощью класса “selected”
- В верстке должны быть логически выделены шапка и подвал и обрамлены в теги и с уникальными классами.
- Оформительские изображения, жестко прописанные в шаблоне и не предполагающие частые изменения – по максимуму должны быть в спрайтах.
- Если какой-либо элемент оформления (кнопка, тень, стрелочка и п.р.) можно сверстать без использования изображений – нужно сверстать его без изображений. Если при этом оформление получается “чуть-чуть” другим – это обговаривается с заказчиком и по возможности подгоняется под “верстку без изображения”.
- В начале файла стилей обязательно должен идти сброс стилей www.cssreset.com, necolas.github.io/normalize.css/ или другой (пусть даже избыточный), для приведения всех стандартных тегов к одному виду.
- Не допускается использование в верстке селекторов ID (#), по возможности надо использовать только селекторы классов.
- Не допускается написания стилей на пустые селекторы span и div, ul. (для ul это допускается только для стилей типографики и в блоке normalize).

Неправильно
.some_class_ex1 span{…}
.some_class_ex2 div{…}

Правильно
.some_class_ex1 span.some_more_class_one{…}
.some_class_ex2 div.some_more_class_two{…}

- В связи с этим приветствуется верстка в соответствии с БЭМ.
- Также приветствуется верстка на основе какого-либо фреймворка или его частей (Модульная сетка, cssnormalize).
- Для слайдеров, галерей и прочего интерактива следует использовать готовые плагины на основе jquery, при необходимости доработанные в плане оформления. Плагины должны корреткно работать под jquery версии 1.8.3.
- При добавлении скриптов в верстку следует руководствоваться принципами “ненавязчивого” javascript.