/
llrr
/
lab5
Обзор
Документация
Войти
/
llrr
/
lab5
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
173 строки
11 KB
llrr
Create: index.html, style.css, normalizion.css
14 июн 2026, 22:14
Верифицирован
14 июн 2026, 22:14
ce496f0
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Мой любимый город - Санкт-Петербург</title> <!-- Подключаем normalize.css и style.css --> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <header> <h1>Добро пожаловать в Санкт-Петербург!</h1> <p>Северная столица России - город мостов, каналов и белых ночей</p> </header> <nav> <a href="#about">О городе</a> <a href="#history">История</a> <a href="#attractions">Достопримечательности</a> <a href="#gallery">Галерея</a> <a href="#facts">Факты</a> </nav> <main> <section id="about"> <h2>О Санкт-Петербурге</h2> <div class="image-wrapper"> <img src="https://www.spbmuzei.ru/wp-content/uploads/2023/09/dvorczovaya-ploshhad-v-sankt-peterburge-s-glavnym-shtabom-1536x970.jpeg" alt="Дворцовая площадь в Санкт-Петербурге"> <div class="image-caption">Дворцовая площадь - главная площадь города</div> </div> <div class="about-content"> <p>Санкт-Петербург - один из самых красивых городов мира, основанный Петром I в 1703 году. Город славится своей уникальной архитектурой, многочисленными каналами и разводными мостами. Это культурная столица России, где сосредоточено огромное количество музеев, театров и художественных галерей.</p> <p>Каждый год миллионы туристов приезжают сюда, чтобы увидеть знаменитые белые ночи, которые длятся с середины мая до середины июля. В это время город особенно красив: разведенные мосты, отражающиеся в воде, создают неповторимую атмосферу романтики и волшебства.</p> <p>Петербург по праву называют музеем под открытым небом. Здесь насчитывается более 8000 памятников истории и культуры, включая дворцы, соборы и усадьбы, многие из которых входят в список Всемирного наследия ЮНЕСКО.</p> </div> </section> <section id="history"> <h2>История создания</h2> <div class="history-content"> <p>Город был основан 27 мая 1703 года по указу Петра I. Первым сооружением стала Петропавловская крепость, заложенная на Заячьем острове. Строительство города велось на осушенных болотах, что требовало огромных усилий и жертв, но результат превзошел все ожидания - на берегах Невы вырос один из красивейших городов Европы.</p> <p>С 1712 по 1918 год Петербург был столицей Российской империи. За это время город пережил множество исторических событий: дворцовые перевороты, наводнения, революции и блокаду во время Второй мировой войны. Несмотря на все испытания, Петербург сохранил свое величие и красоту.</p> <p>Сегодня Санкт-Петербург - это современный мегаполис с населением более 5 миллионов человек, который продолжает развиваться, сохраняя при этом свое историческое наследие и уникальный облик.</p> </div> </section> <!-- НОВАЯ СЕКЦИЯ: ГАЛЕРЕЯ (flexbox) --> <section id="gallery"> <h2>Галерея Санкт-Петербурга</h2> <div class="gallery-container"> <div class="gallery-card"> <div class="card-image">🏛️</div> <h3>Эрмитаж</h3> <p>Один из крупнейших музеев мира</p> </div> <div class="gallery-card"> <div class="card-image">⛪</div> <h3>Спас на Крови</h3> <p>Храм-памятник на месте убийства Александра II</p> </div> <div class="gallery-card"> <div class="card-image">🏰</div> <h3>Петропавловская крепость</h3> <p>Место основания города</p> </div> <div class="gallery-card"> <div class="card-image">⛲</div> <h3>Петергоф</h3> <p>Столица фонтанов</p> </div> <div class="gallery-card"> <div class="card-image">🕍</div> <h3>Исаакиевский собор</h3> <p>Самый большой храм города</p> </div> <div class="gallery-card"> <div class="card-image">🌉</div> <h3>Разводные мосты</h3> <p>Символ Санкт-Петербурга</p> </div> </div> </section> <!-- НОВАЯ СЕКЦИЯ: ИНТЕРЕСНЫЕ ФАКТЫ (flexbox) --> <section id="facts"> <h2>Интересные факты</h2> <div class="facts-container"> <div class="fact-item"> <span class="fact-number">01</span> <p>В Петербурге более 800 мостов</p> </div> <div class="fact-item"> <span class="fact-number">02</span> <p>Метро - самое глубокое в мире</p> </div> <div class="fact-item"> <span class="fact-number">03</span> <p>Белые ночи длятся 50 дней</p> </div> <div class="fact-item"> <span class="fact-number">04</span> <p>Зимний канал - самый короткий</p> </div> <div class="fact-item"> <span class="fact-number">05</span> <p>Более 200 музеев</p> </div> <div class="fact-item"> <span class="fact-number">06</span> <p>Город на 42 островах</p> </div> </div> </section> <section id="attractions"> <h2>Главные достопримечательности</h2> <p>В Санкт-Петербурге сотни мест, которые обязательно стоит посетить. Вот список самых известных достопримечательностей города:</p> <ul> <li><strong>Эрмитаж</strong> - один из крупнейших художественных музеев мира, расположенный в Зимнем дворце</li> <li><strong>Петропавловская крепость</strong> - место основания города, где находятся усыпальницы российских императоров</li> <li><strong>Исаакиевский собор</strong> - самый большой православный храм города с уникальной колоннадой</li> <li><strong>Спас на Крови</strong> - храм-памятник на месте убийства императора Александра II</li> <li><strong>Петергоф</strong> - знаменитая резиденция русских царей с великолепными фонтанами</li> </ul> <div class="links-container"> <a href="https://www.hermitagemuseum.org" target="_blank">Официальный сайт Эрмитажа</a> <a href="https://www.visit-petersburg.ru" target="_blank">Туристический портал Петербурга</a> </div> </section> </main> <footer> <div class="footer-content"> <div class="footer-section"> <h4>О проекте</h4> <p>Сайт о Санкт-Петербурге</p> <p>Лабораторная работа №5</p> </div> <div class="footer-section"> <h4>Контакты</h4> <p>Email: info@spb.ru</p> <p>Телефон: +7 (812) 123-45-67</p> </div> <div class="footer-section"> <h4>Соцсети</h4> <p>VK: @spb_city</p> <p>Telegram: @spb_travel</p> </div> </div> <div class="footer-bottom"> <p>© 2024 Санкт-Петербург | Все права защищены</p> </div> </footer> <div class="floating-button" onclick="scrollToTop()">↑</div> <script> function scrollToTop() { window.scrollTo({ top: 0, behavior: 'smooth' }); } </script> </body> </html>