✦
Готовим мастерскую…
← Все квесты
CSS
·
Ателье
0
🔔
🔑
⤢
⏻
Задай пароль, чтобы входить с любого компьютера по никнейму.
Задать в хабе →
Азбука CSS — если стили для тебя в новинку
Теория к этюду и примеры
Твоя страница
Tab — отступ · Ctrl+Enter — проверить
Так её видит браузер
обновляется на лету
↻ обновить
Проверить
Спросить преподавателя
Следующий этюд →
✕
Твой ключ
✕
Запасной способ входа: вкладка «по ключу» на главной хаба. Никому не показывай.
Скопировать
Спросить преподавателя
✕
Отправить
Отозвать вопрос
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Моя выставка</title> <style> /* Здесь будет твой CSS. Начни с этюда I. Тексты и картинки ниже — просто заготовка: замени их на свои. */ </style> </head> <body> <header class="site-header"> <a class="logo" href="#">Название выставки</a> <nav class="menu"> <a href="#works">Работы</a> <a href="#about">О выставке</a> <a href="#contacts">Контакты</a> </nav> </header> <main> <section class="hero"> <p class="eyebrow">Подзаголовок: тема или дата</p> <h1>Громкий заголовок</h1> <p class="lead">Пара предложений о твоей выставке. Тема любая: мемы, коты, игры, еда, космос.</p> <a class="button" href="#works">Смотреть работы</a> </section> <section class="gallery" id="works"> <article class="card"> <img src="/img/cat.svg" alt="Опиши картинку"> <h3>Название работы</h3> <p>Подпись к работе</p> </article> <article class="card"> <img src="/img/rocket.svg" alt="Опиши картинку"> <h3>Название работы</h3> <p>Подпись к работе</p> </article> <article class="card"> <img src="/img/coffee.svg" alt="Опиши картинку"> <h3>Название работы</h3> <p>Подпись к работе</p> </article> </section> <blockquote class="quote" id="about"> Любимая цитата, фраза или мем <cite>Автор</cite> </blockquote> </main> <footer class="site-footer" id="contacts">© 2026, твоё имя</footer> </body> </html>