Адаптивная верстка, оцените пожалуйста

[RomaRoman]

Залил на бесплатный хостинг 

 

http://verstkaaaa.esy.es/

 

Вот макет в jpg

 

http://cs624327.vk.me/v624327186/4f25a/dh9wBjRrjX8.jpg

 

Я совсем новичок в верстке, нужна критика по структуре html, верна ли она, не переборщил ли я с классами и особенно с комментариями.

Адаптивил под разрешения в фаер фоксе при ctrl+shit+m

 

Думаю еще сделать под телефоны скрывающиеся мобильное меню, и надо форму допилить, и плавный скрол.

 

Подключено много всего в коде, не мешает ли это, если я не использую все? (скрипты попап и т.д.) Использовал только сетку бутстрап.

 

Макет взял из одного открытого заказа на фл.ру, могу ли я использовать это для своего портфолио, или лучше текст поменять на лорем?

 

Заранее всем спасибо.

[Great Rash]

Пока плохо. Шрифты тоже надо делать адаптивными, а то странно выглядит когда какое-то слово на пол экрана. Некоторые экраны вообще на мобиле нужно убирать.

 

 

 

[RomaRoman]

Спасибо. А что по вложенности блоков? Нормально? Структура и т.д.

 

Два месяца как занимаюсь этим делом, до этого не знал абсолютно ничего в этой теме веб разработки.

Моя цель сейчас - стать хорошим верстальщиком, не говнокодером, зарабатывать на фрилансе хотя бы 150$ в месяц. 

Смотрю много видео-уроков и по ним собственно учусь. 

В перспективе хочу стать хорошим веб-дизайнером, т.е. уметь не только верстать по макетам но и создавать сайты с нуля полностью.

Или может сосредоточусь только на верстке, чтобы стать действительно хорошим специалистом в этой нише, а не кидаться на все технологии сразу.

 

Поэтому сейчас хочу сделать себе портфолио с несколькими примерами верстки.

[Great Rash]

Вложенность блоков - далеко не главное. Если для достижения определённого результата нужно вложить 100500 блоков друг в друга, то я, например, не задумываясь это сделаю. Хотя было время когда я тоже заморачивался на вложенность. Другое дело, что везде нужен здравый смысл. Вот например у вас мне на первый взгляд не понятно зачем такая конструкция:
 

<header>  <!-- begin header  -->  <div class="header" id="header">

 
Можно же обойтись тупо <header class="header" id="header">. Или вот, к примеру, <div class="product"> - почему не <section class="product">? Раз уж вы начали юзать теги HTML5, то уж юзайте до конца.