/
AlexMLev
/
stage3-beginners
Обзор
Документация
Войти
/
AlexMLev
/
stage3-beginners
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
develop
index.html
161 строка
4 KB
Alexey Malchikov
Финал: сайт в корне
07 апр 2026, 14:21
07 апр 2026, 14:21
db51ab2
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>С Днем космонавтики!</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <div class="orbit"></div> <div class="orbit-two"></div> <div class="orbit-three"></div> <div class="comet"></div> <div class="planet"></div> <img src="shared/icons/sputnik.svg" class="sputnik" alt="Спутник"> <main class="wrapper"> <!-- HERO --> <section class="hero"> <div class="ribbon-section"> <div class="ribbon-left"> <span class="star">★</span> 12 апреля · праздник мечты <span class="star">★</span> </div> <div class="ribbon-right"> <span class="star">★</span> Цифровой марафон 2026 <span class="star">★</span> </div> </div> <div class="hero-grid"> <div> <h1 class="title"> С <span class="gold">Днем</span><br>космонавтики! </h1> <p class="subtitle"> Пусть каждый день открывает новую орбиту вдохновения. </p> <div class="hero-badges"> <div class="badge">Время первых</div> <div class="badge">Мечтай</div> <div class="badge">К звездам</div> </div> </div> <div class="poster-art"> <div class="sunburst"></div> <div class="rocket-wrap"> <div class="rocket-trail"></div> <img src="shared/icons/rocket.svg" class="rocket-svg" alt="Ракета"> </div> </div> </div> </section> <!-- GREETING --> <section class="section"> <h2 class="section-title">Поздравление</h2> <div class="greeting"> С Днем космонавтики! 🚀 Пусть мечты всегда взлетают выше облаков! </div> <div class="ticker"> <div class="ticker-track"> <span>★ Поехали! ★</span> <span>Мечтай ★</span> <span>Взлетай ★</span> <span>12 апреля ★</span> </div> </div> </section> <!-- GALLERY --> <section class="section"> <h2 class="section-title">Галерея</h2> <div class="gallery"> <article class="photo-card"> <img src="shared/pictures/gagarin.jpeg" alt="Гагарин"> <div class="photo-label"> <h3>Гагарин</h3> <p>Первый в космосе</p> </div> </article> <article class="photo-card"> <img src="shared/pictures/rocket-launch.jpeg" alt="Ракета"> <div class="photo-label"> <h3>Ракета</h3> <p>Путь к звездам</p> </div> </article> </div> </section> <!-- GAME --> <section class="section"> <h2 class="section-title">Пятнашки</h2> <div class="game-grid"> <div class="game-panel"> <div id="puzzle" class="puzzle-board"></div> <div class="hint">Собери картинку</div> </div> <div class="game-info"> <div class="controls"> <button id="shuffleBtn">Перемешать</button> <button id="solveBtn" class="secondary">Помочь</button> </div> <div class="stats"> <div class="stat"> <span>Ходы</span> <strong id="moves">0</strong> </div> <div class="stat"> <span>Побед</span> <strong id="wins">0</strong> </div> </div> <div class="preview"></div> </div> </div> </section> <!-- FOOTER --> <div class="footer"> ★ С праздником, земляне! ★ </div> </main> <!-- MODAL --> <div class="success" id="successModal"> <div class="success-card"> <h3>Поехали!</h3> <p>Ты собрал пазл 🚀</p> <button id="closeModal">Закрыть</button> </div> </div> <!-- JS --> <script src="js/script.js"></script> </body> </html>