Leaderboard

собрать там не проблема через array.join('')

проще не массив, а именно число или строку. если конкретно из массива, то переверните массив, через join() собирайте в строку, а дальше как в моем примере( у вас двоичные числа в обратном порядке ) UPD: (даже не смотрел что вы там нагородили))) вы бы ещё элементы ядерной физики туда сунули =))) http://jsfiddle.net/t4w728xL/

@HiddenName 1. Нет ховеров у ссылок, кнопок. Нужно чтобы хоть какое-то взаимодействие было 2. Социальные кнопки в футере должны быть одинакового размера и формы. 3. <div class="main"> мне кажется лучше заменить на <main class="main"> и футер вынести из этого блока. 4. В блоке hero стрелочка должна быть частью ссылки LEARN MORE , а не отдельным элементом 5. Блок с ссылками app store и play market неправильно сверстан. иконка+ссылка+текст должны быть обернуты в див. И стрелочка должна быть частью ссылки. Сейчас же все по отдельности в ряд. Иконка яблока и андроида должна быть задана через css, а не img 6. Цитата должна быть blockquote, а не див как сейчас Чтобы он был резиновый нужно размеры задавать в %, а не px как сейчас Имена классов нормальные, их не много. Наименование классов по БЭМу не такое сложное, как может показаться. Вот возьмем пример из этого лендинга: <div class="blog-lg"> <img src="img/photo-student.jpg" alt="students"> <span class="blog-lg-subtitle">Blog Post about something and someone</span> <p class="blog-lg-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scramb specimen book.... <a href="#">Read more</a></p> </div> может быть заменен на <article class="blog-preview blog-preview--lg"> <img class="blog-preview__image" src="img/photo-student.jpg" alt="students"> <h4 class="blog-preview__subtitle">Blog Post about something and someone</h4> <div class="blog-preview__text"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scramb specimen book.... <a href="#">Read more</a></p> </div> </article> и соответственно <div class="blog-sm"> <img src="img/photo-space-copy.jpg" alt="students"> <span class="blog-sm-subtitle">Lorem Ipsum is simply dummy text </span> <p class="blog-sm-text">Face it, by the time you make it through your third year of rotations, your mind is ... <a href="#">Read more</a></p> </div> заменяется на <article class="blog-preview blog-preview--sm"> <img class="blog-preview__image" src="img/photo-space-copy.jpg" alt="students"> <h4 class="blog-preview__subtitle">Lorem Ipsum is simply dummy text </h4> <div class="blog-preview__text"> <p>Face it, by the time you make it through your third year of rotations, your mind is ... <a href="#">Read more</a></p> </div> </article> Еще рано смотреть в сторону фреймворков. Изучи хорошо css, адаптивность. Флексбоксы, гриды и все такое. Верстай большее сайтов и сложнее выбирай, лендинги очень просты.

Привет! Архива нет. Залейте на Яндекс.Диск, например, и пришлите ссылку. Заодно и на макет, по которому верстали, в png. Я не профи, но гляну и прокомментирую, что замечу, в том числе про адаптивность. Насчет БЭМ: тоже перешла на него пару месяцев назад и довольна. Немного бесит кол-во классов, но зато всё ясно. Я бы сосредоточилась на изучении и понимании основ HTML/CSS. Попозже обязательно фреймворк Bootstrap, особенно сетку. Много макетов по ней.