Vyad: если .header-nav полностью совпадает по стилям с .footer-nav, то это независимый блок. тогда можно/нужно, также как в БЭМ, описывать отдельный блок .menu {}.
S- god: обрати внимание на Cordova/Phonegap — убьешь двух зайцев. как раз нужно HTML/CSS/JavaScript. пока будешь это учить сможешь попробовать CSS-анимации, препроцессоры (Sass/Stylus), фреймворки jQuery Mobile/Angular/React, автоматизацию (Gulp/Grunt), пакетные менеджеры и т.д. и плюс мобильные приложения на Cordova/Phonegap не только для iOS можно :) начни с верстки, хорошо верстать тоже уметь нужно, а дальше набирай обороты и сам поймешь, чего не хватает.
martynuk: без кода на гитхабе сложно что-то сказать. создайте в репозитории ветку gh-pages и бросьте сюда ссылку. ну либо на свой сервер залейте просто.
Статические сайты плохо? Ну это ж очень от команды зависит. Есть команды у которых свой фреймворк, и им нужна только верстка. Даже не gulp, bower, sass, etc. А просто html/css/js. Даже JS многие команды после окончания верстки потом переписывают. Так что это очень хорошо для фрилансера-дженералиста или если в команде нужен такой специалист :)
zooks: Ну так Stylus не связан с Ruby. Сейчас я использую Sass, но к Stylus на прошлих проектах вопросов не было. Думал ваша категориченость по libsass что-то значит, показалось.