Нужно сверстать сайт, макет в приложении.
Должны быть соблюдены следующие требования:
1) Кроссбраузерность (IE 9+)
2) Только Bootstrap 3.1.1
3) Только jQuery 1.11.1
4) Названия классов и id должны по смыслу соответствовать применению
5) Верстка только блоками (div)
6) Крайне желательно для меню использовать списки (ul)
7) Для пагинации использовать только списки:
<ul>
<li class="prev"><a href="#">Назад</a></li>
<li class="link"><a href="#">3</a></li>
<li class="link"><a href="#">4</a></li>
<li class="link active"><a href="#">5</a></li>
<li class="link"><a href="#">6</a></li>
<li class="link"><a href="#">7</a></li>
<li class="next"><a href="#">Дальше</a></li>
</ul>
8) Там, где есть возможность сделать без js – делать без него.
9) Модальные окна, списки, вкладки и прочие js элементы, которые входят в состав Bootstrap использовать оттуда
10) Структура файлов в итоге должны выглядеть так:
-/css/
-/images/
-/js/
-index.html
11) В CSS пути к картинкам задавать относительные (../images)
12) Желательно использовать SCSS, но на выходе давать и CSS и SCSS папки, структура:
-/css/
-/scss/
13) Не использовать никакие шаблонизаторы (Twig, Smarty), никакие js фреймворки (angular, backbone)
14) Соблюдать правильную табуляцию и вложенность элементов
15) Для проверки качества верстку главной страницы отправить сразу же, вне зависимости от готовности всех остальных страниц