Верстка сайта

Требуется сверстать сайт.

Пять страниц в пяти размерах. Понятно что должен отображаться и в промежуточных размерах, но ключевых пять.

1. мобильные устройства

2. планшеты вертикально

3. планшеты горизонтально

4. десктопы

5. десктопы с большими экранами.

Необходимо учесть, что мобильные устройства бывают с ретиной.

Есть нюансы типа выпадающих меню, попап корзины.

Посмотреть страницы можно тут: https://www.dropbox.com/s/7ejn89vjml1iog9/RS.rar?dl=0

Хочется чистый HTML с культурно офорленными названиями классов и понятной структурой, минимум использования графики и скриптов, больше решений на css.

От вас жду примеры похожих работ.