Hero-блок

Под шапкой идёт основное содержимое страницы, в элементе main. На главной странице сайта оно обычно начинается с большого блока, который с первого взгляда говорит посетителям, где они оказались и что здесь можно сделать. Веб-дизайнеры называют его hero (по-английски «герой»), потому что это главный герой страницы.

В нашем hero-блоке название кинотеатра — главный заголовок страницы, затем одно предложение о кинотеатре и кнопка, которая ведёт к расписанию: эта страница нужна посетителям больше всего. Это раздел страницы, поэтому он лежит в элементе section с классом hero для оформления.

Кнопка на самом деле — ссылка: она переносит посетителя на другую страницу, а для этого и нужны ссылки. (Элемент button предназначен для форм и для действий на самой странице.) Мы дадим ей класс button, а в CSS сделаем так, чтобы она выглядела как кнопка.