Нужно сверстать сайт (9 страниц + попап) под следующие требования от программиста:
Ссылка на макеты в jpg:
.psd исполнителю.
Срок – до 18.01.15 включительно.
Общее.
1. стандарты: html5, css3.
2. принцип graceful degradation.
3. Количество использованных элементов должно стремиться к минимуму. например там, где можно использовать 1 div с использованием :before и :after, конструкция вида div.outer > div.inner > div не приемлема.
4. Страница не должна ссылаться саму на себя
логотип.
логотип – ссылка на главную страницу, однако на главной странице логотип должен быть без ссылки (пункт 4 общих требований). предпочтительно использовать теги «a» и "span" для активного/неактивного логотипа, а так же использовать фоновое изображение вместо тега img для изображения.
меню.
каждое меню должно быть построено с помощью тегов ul li.
подменю должно строиться следующим образом: ul > li > a + ul ...
использование дополнительных элементов возможно, только в случае если без них не обойтись (пункт 3 общих требований)
каждый элемент меню имеет активный/не активный пункт.
активный пункт может быть 2 видов: активный родитель и текущий элемент.
– активный родитель – пункт меню, который содержит подменю и при этом один из элементов подменю активен. такой пункт должен содержать атрибут class=«active»
– текущий элемент – пункт меню, который соответствует текущей странице. элемент не должен содержать ссылок и находиться в теге span (пункт 4 общих требований), а также его родительский элемент (li) должен содержать класс «active»
пример активного родителя и текущего пункта меню: ul > (li.active > a + (ul > li.active > span)) + (li > a) + ...