/
llrr
/
exam
Обзор
Документация
Войти
/
llrr
/
exam
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
182 строки
10 KB
llrr
Create: index.html, style.css, normalize.css
18 июн 2026, 12:44
Верифицирован
18 июн 2026, 12:44
c9fc6f4
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Celestia - Планетарий</title> <!-- Подключаем шрифты --> <link rel="stylesheet" href="css/style.css"> <!-- Font Awesome для иконок --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> </head> <body> <!-- ШАПКА / HEADER --> <header class="header"> <div class="container"> <div class="header__inner"> <div class="logo"> <a href="#">Celestia</a> </div> <nav class="nav"> <a href="#">Позднее</a> <a href="#">Создание</a> <a href="#">Акции</a> <a href="#">Отзывы</a> <a href="#">ГАД</a> <a href="#">Контакты</a> </nav> <div class="header__phone"> <a href="tel:+78123363636">(812) 336 36 36</a> </div> </div> </div> </header> <!-- ГЛАВНЫЙ ЭКРАН / HERO --> <section class="hero"> <div class="container"> <div class="hero__inner"> <h1 class="hero__title">Раскройте тайны звезд с помощью Celestia</h1> <p class="hero__text">Мы проводим специальные мероприятия, такие как концерты и акции. Мы предлагаем открытые мероприятия, которые вы можете организовать на нашем сайте.</p> <button class="btn btn-hero">Подробнее</button> </div> </div> </section> <!-- АКЦИИ / PROMOTION --> <section class="promotions"> <div class="container"> <h2 class="section-title">Акции и скидки</h2> <div class="promotions__grid"> <div class="promo-card"> <div class="promo-card__discount">20%</div> <h3 class="promo-card__title">Скидка для пенсионеров</h3> <p class="promo-card__text">Все пенсионеры получат 20% скидку на билет при посещении планетария</p> </div> <div class="promo-card"> <div class="promo-card__discount">20%</div> <h3 class="promo-card__title">Для парочек</h3> <p class="promo-card__text">Романтическое свидание под звездами со скидкой 20%</p> </div> <div class="promo-card"> <div class="promo-card__discount">20%</div> <h3 class="promo-card__title">Онлайн-прогулка</h3> <p class="promo-card__text">Виртуальная экскурсия по звездному небу со скидкой</p> </div> <div class="promo-card"> <div class="promo-card__discount">20%</div> <h3 class="promo-card__title">События</h3> <p class="promo-card__text">Специальные мероприятия и концерты со скидкой</p> </div> </div> </div> </section> <!-- ПРОГРАММЫ / EVENTS --> <section class="events"> <div class="container"> <div class="events__header"> <h2 class="section-title">Программа по звездному небу</h2> <button class="btn-more">Показать еще</button> </div> <div class="events__grid"> <div class="event-card"> <h3 class="event-card__title">Программа по звездному небу</h3> <p class="event-card__text">Мы предлагаем вам прогуляться по самым ярким созвездиям северного полушария, насладиться петербургским звездным небом всех сезонов</p> <div class="event-card__prices"> <span class="price">400 ₽</span> <span class="price">600 ₽</span> </div> <div class="event-card__buttons"> <button class="btn-date">Выбрать дату</button> <button class="btn-buy">Купить билет</button> </div> </div> <div class="event-card"> <h3 class="event-card__title">Программа по звездному небу</h3> <p class="event-card__text">Мы предлагаем вам прогуляться по самым ярким созвездиям северного полушария, насладиться петербургским звездным небом всех сезонов</p> <div class="event-card__prices"> <span class="price">400 ₽</span> <span class="price">600 ₽</span> </div> <div class="event-card__buttons"> <button class="btn-date">Выбрать дату</button> <button class="btn-buy">Купить билет</button> </div> </div> <div class="event-card"> <h3 class="event-card__title">Программа по звездному небу</h3> <p class="event-card__text">Мы предлагаем вам прогуляться по самым ярким созвездиям северного полушария, насладиться петербургским звездным небом всех сезонов</p> <div class="event-card__prices"> <span class="price">400 ₽</span> <span class="price">600 ₽</span> </div> <div class="event-card__buttons"> <button class="btn-date">Выбрать дату</button> <button class="btn-buy">Купить билет</button> </div> </div> <div class="event-card"> <h3 class="event-card__title">Программа по звездному небу</h3> <p class="event-card__text">Мы предлагаем вам прогуляться по самым ярким созвездиям северного полушария, насладиться петербургским звездным небом всех сезонов</p> <div class="event-card__prices"> <span class="price">400 ₽</span> <span class="price">600 ₽</span> </div> <div class="event-card__buttons"> <button class="btn-date">Выбрать дату</button> <button class="btn-buy">Купить билет</button> </div> </div> </div> </div> </section> <!-- ПОДПИСКА / SUBSCRIBE --> <section class="subscribe"> <div class="container"> <div class="subscribe__inner"> <h2 class="subscribe__title">Подпишитесь на новости</h2> <p class="subscribe__text">Будьте в курсе всех событий и акций планетария</p> <form class="subscribe__form"> <input type="text" placeholder="Введите ваше имя" class="subscribe__input"> <button type="submit" class="btn-subscribe">Подписаться</button> </form> </div> </div> </section> <!-- ПОДВАЛ / FOOTER --> <footer class="footer"> <div class="container"> <div class="footer__inner"> <div class="footer__logo"> <a href="#">Celestia</a> </div> <div class="footer__nav"> <a href="#">Позднее</a> <a href="#">Создание</a> <a href="#">Акции</a> <a href="#">Отзывы</a> <a href="#">ГАД</a> <a href="#">Контакты</a> </div> <div class="footer__contacts"> <p><i class="fas fa-phone"></i> <a href="tel:+78123363636">(812) 336 36 36</a></p> <p><i class="fas fa-envelope"></i> info@celestia.ru</p> </div> <div class="footer__social"> <a href="#"><i class="fab fa-facebook-f"></i></a> <a href="#"><i class="fab fa-instagram"></i></a> <a href="#"><i class="fab fa-youtube"></i></a> </div> </div> <div class="footer__bottom"> <p>© 2024 Celestia. Все права защищены</p> </div> </div> </footer> </body> </html>