Верстка макета 1 страницы из psd

- работа без предоплаты или по безопасной сделке

- Валидность верстки, проверка на validator.w3.org/
- Кроссбраузерность (ie8 и выше, firefox, opera, chrome)
- Меню должно состоять только из вложенных тегов ul, li, a
- Меню должно иметь класс a:hover и li.active a – (подчеркнутый текст)
- заголовки "Навигация", "Карта", "Новости и события", "Фотогалерея", "Карта" h3, синий фон – фон тега h3
- заголовок "Добро пожаловать на наш сайт" h1, подчеркивание – нижняя граница тега h1
- Слайдер должнет состоять из тегов ul li img span (только сверстать, javascript не нужен)
- индекаторы переключения слайдов должны иметь класс active, при наличии которого индекатор становится подсвеченным
- переключатели слайдера должны быть тегами <a> с фоном, фон должен быть спрайтом
- с логотипа ссылка на главную
- в футере список "бокс, ..." – это меню
- в шапке плашки "бокс, ..." – это меню, текст должен быть текстом, иконки – классом тега li
- в новостях заголовок ссылкой
- в заголовке "Новости и события" подчеркивание – это нижняя граница тега h3
- в заголовке "Навигация" синий фон это фон тега h3
базовые теги (h1, h2, h3, img, ul, li) не должны содержать тегов без крайней необходимости
отдельные блоки должны быть обрамлены в div с классом по смыслу, например левое меню:
<div class = "left-side">
<div class = "left-menu">
<h3></h3>
<ul>
<li><a href = "#"></a></li>
</ul>
</div>
</div>
при этом селекторы формируются в виде:
.left-menu ul {}
.left-menu ul li {}
пример как делать не нужно:
<h3 class = "left-menu-header"></h3>
<ul class = "left-menu">
<li><a href = "#"></a></li>
</ul>
h3.left-menu-header {}
ul.left-menu {}
ul.left-menu li {}