Nevada18

гуглите clearfix

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

Верстать

обычно слои перекрываются с помощью z-index

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

если я правильно понял, то это через js делать надо. на блок ставить условие, если его ширина больше определенной, то убирать флоат

элементы ж как то позиционируются, нет?и как то через css. тут и думать не надо

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

через цсс сделай, проще будет

сборка зависит от того, что вам надо. смысл брать чью-то сборку, если вы, допустим, 4 из 10 плагинов не используете

исправьте ссылку - не работает.

Основное уже все сказали выше: nnmclub и темфорест. на форуме, кстати(nnm), есть куча вебинаров от различных школ обучения - htmlacademy, loftschool, специалист. можно смотреть их и впитывать теор. знания, а потом идти на темфорест и верстать шаблоны оттуда. также рекомендую подписаться на рассылку htmlacademy. они раз в месяц присылают любопытные статейки и плюс три бесплатный шаблона для верстки.

вешать hover на обертку img, при наведении иконку делать visibility: visible.

.img_wrapper:hover {
  ...
  background: rgba(0,0,0,0.5) //прозрачность сами выставите
}

img_wrapper:hover .icon {
 visibility: visible
}

как то так