Как сверстать шаблон, учусь, не сердитесь, как правильно и с чего здесь начинать?
Начинаете сверху самыми крупными элементами (сверстайте просто дивы):
Затем переходите на один уровень "глубже":
-
А затем все "глубже" и "глубже":
Начинаете с правильной инициализации проекта и обращения с основами nodejs и npm в качестве среды разработки
yeoman.io
https://github.com/yeoman/generator-webapp
Устанавливаем среду разработки и учимся пользоваться cli
Иначе всю жизнь будешь колотить весь код в main.css и main.js .
Если ты хочешь научиться забивать гвозди в доску, сначала нужно изучить молоток, а то будешь забивать рукояткой.