- Теория
- Теория
Основные структурные блоки: решение
На этом макете типовые шапка и подвал.
В шапке содержится логотип, перечень ссылок и контактный телефон:
В подвале содержится копирайт, логотип и ссылки на соцсети:
Всё остальное содержимое страницы между шапкой и подвалом можно смело разметить тегом main.
Что касается, классов, то лучше задать их шапке и подвалу, основному содержимому можно класс не добавлять. Классы типовые: main-header и main-footer.
- index.html
HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Студия пилатеса</title>
</head>
<body>
<header class="main-header">
О нас
Расписание
Стоимость
Отзывы
+7 918 365 07 07
</header>
<main>
Студия пилатеса
Твоё здоровое тело через 10 занятий
Смотреть расписание
О пилатесе
Пилатес соединяет элементы растяжки с элементами силовой тренировки
Комплекс упражнений укрепляет мышцы пресса и спины, улучшает гибкость мышц и связок, подвижность суставов и избавляет от дискомфорта в позвоночнике
Подробнее
Тарифы
Уровень Новичок
150 руб. / занятие
Записаться
Уровень Профи
200 руб. / занятие
Записаться
Уровень Мастер
350 руб. / занятие
Записаться
Отзывы
Вероника Кулешова
25 лет
Хожу на пилатес уже пять месяцев. После десяти занятий уже увидела результат: тело подтянулось, улучшилась осанка, появился пресс. И самое главное, пропал сильный изгиб поясничного отдела, который меня очень беспокоил.
Надежда Петрова
23 года
Начала заниматься пилатесом по достаточно банальной причине – хотелось поддерживать хорошую форму, и не ездить на занятия далеко от дома. занятие пилатесом с инвентарем Зал пилатеса был буквально через дорогу, поэтому и записалась туда.
Оксана Тодоренко
19 лет
У меня был печальный опыт занятий пилатесом, связанный с некомпетентностью инструктора, который проводил тренировки. Я занималась пилатесом 2 месяца, а потом забросила.
</main>
<footer class="main-footer">
Pilates Plus, 2017 ©
ВКонтакте
Facebook
Instagram
</footer>
</body>
</html>
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
- Сравните код авторского решения с вашим и после этого переходите к следующему заданию.