Оцените качество вёрстки

[ReRand0m]

Сразу оговорюсь, это мой самый первый опыт вёрстки по шаблону. Хочу, чтобы вы покритиковали, попридрались к нему. По возможности пишите сразу, как делать правильно.

сайт

макет

 

залил на хостинг

Edited May 27, 2015 by ReRand0m

[Vlad]

Скачивать архивы желающих мало, выложите на любой хостинг и дайте ссылку.

[ReRand0m]

Выложил.

[DivMan]

Не красиво смотрится 

 

Для body задай margin: 0, что бы убрались ненужные отступы 

 

Edited May 27, 2015 by DivMan

[Jack_V]

1) Меню навигации лучше делать вида: nav>ul>li>a (поищите в сети "горизонтальное меню") и так, чтобы площадь кликибельности ссылок была максимальной.
2) Часть ссылок мертвы, всегда задавайте href="#", если адреса нет. А также не забывайте про hover эффекты.
3) Не знаю зачем у вас прописано так много id, но идентификатор лучше не ставить без надобности, а так же использовать его для задания стилей - грешно.

4) Переход по страницам тоже лучше делать списком.
5) Старайтесь использовать не более одного h1 на странице.

Советую вам поискать и пройти какие-нибудь онлайн-курсы по html/css. Полно бесплатных, к примеру htmlacademy (есть даже скидка небольшая у меня на их интенсив). 

А по большому счету - неплохо, как для первого опыта. Ждите еще комментариев и дерзайте!

Edited May 27, 2015 by Jack_V

[ReRand0m]

Спасибо за ответы.

 

В Body margin: 0; задал

то, что не красиво было, постарался поправить

мёртвые ссылки переделал, hover эффекты есть везде, кроме кнопок.

лишние id убрал, сам не знаю зачем писал, в css их не использую, только в js

 

Всё остальное попробую исправить позже, пока нет времени.

[cyklop77]

автор, сожмите окно браузера по ширине и переместите нижний скролл вправо http://joxi.ru/Vm6kJkps5wvq2Z