/
amtya
/
stage3-beginners
Обзор
Документация
Войти
/
amtya
/
stage3-beginners
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
develop
index.html
142 строки
7 KB
amtya
update: index.html
10 апр 2026, 22:03
Верифицирован
10 апр 2026, 22:03
42d8dd1
Код
Авторство
О чём код?
<!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"> <div class="footer">★ С праздником, земляне! Пусть путь к звездам начинается с мечты ★</div> </main> <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" aria-hidden="true"> <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> <section class="section"> <h2 class="section-title">Поздравление</h2> <div class="greeting"> <div class="ticker" aria-label="Бегущая строка"> <div class="ticker-track"> <span>★ Поехали! ★</span> <span>Слава покорителям космоса ★</span> <span>Мечтай. Дерзай. Взлетай. ★</span> <span>12 апреля — День космонавтики ★</span> <span>Поехали! ★</span> <span>Слава покорителям космоса ★</span> <span>Мечтай. Дерзай. Взлетай. ★</span> <span>12 апреля — День космонавтики ★</span> </div> </div> Дорогие покорители мечты, с <strong>Днем космонавтики</strong>! 12 апреля — особенная дата в истории человечества. Именно в этот день в 1961 году Юрий Гагарин, облетев Землю на корабле «Восток-1», стал первым человеком в космосе. Мало кто знает, что перед стартом он написал прощальное письмо семье — настолько рискованным был этот полёт. Но его улыбка и легендарное «Поехали!» вдохновили миллионы людей по всему миру. Пусть и в твоей жизни будет больше таких смелых шагов! Желаю, чтобы мечты взлетали выше орбиты, а удача всегда была на твоей стороне. Пусть каждый новый виток судьбы приносит яркие открытия, а внутренний компас указывает путь к счастью. Пусть твоя энергия будет неиссякаемой, как свет далёких звёзд, а цели — такими же масштабными, как Вселенная! Смелее — к звёздам!. </div> </section> <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> <section class="section"> <h2 class="section-title">Космические пятнашки</h2> <div class="game-grid"> <div class="game-panel"> <div id="puzzle" class="puzzle-board" aria-label="Игра пятнашки"></div> <div class="hint">Нажимай на плитку рядом с пустой клеткой, чтобы собрать космическую картинку.</div> </div> <div class="game-info"> <p> В этой версии классической игры тебя ждет <strong>космическая мозаика</strong>. Собери изображение, переставляя фрагменты по одному, и открой праздничное сообщение. </p> <p> Игра начинается с перемешанной, но решаемой комбинации. Для большего настроения здесь много сияния, движения и легкой атмосферы ретро-футуризма. </p> <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" aria-hidden="true"></div> </div> </div> </section> <div class="success" id="successModal" role="dialog" aria-modal="true" aria-labelledby="successTitle"> <div class="success-card"> <h3 id="successTitle">Поехали!</h3> <p> Космическая картинка собрана! Пусть каждый твой день будет похож на удачный старт: яркий, вдохновляющий и устремленный к новым высотам. </p> <button id="closeModal">Продолжить праздник</button> </div> </div> <script src="js/script.js"></script> </body> </html>