85 lines
4.1 KiB
HTML
85 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Каталог | StreamCore</title>
|
||
<link rel="stylesheet" href="page2.css">
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Roboto&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
|
||
<header class="header">
|
||
<div class="logo">🎮 StreamCore</div>
|
||
|
||
<input type="checkbox" id="nav-toggle" class="nav-toggle" />
|
||
<label for="nav-toggle" class="burger-menu" aria-label="Меню">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</label>
|
||
|
||
<nav class="navbar">
|
||
<ul class="nav-links">
|
||
<li><a href="index.html#home">Главная</a></li>
|
||
<li><a href="index.html#streams">Стримы</a></li>
|
||
<li><a href="index.html#artists">Артисты</a></li>
|
||
<li><a href="index.html#events">События</a></li>
|
||
<li><a href="catalog.html" aria-current="page">Каталог</a></li>
|
||
<li><a href="index.html#about">О нас</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main class="page">
|
||
<h1>Каталог стримов и событий</h1>
|
||
<p>Выбирай из нашего ассортимента уникальных стримов, концертов и кибермероприятий.</p>
|
||
|
||
<section class="catalog-grid">
|
||
<article class="catalog-item">
|
||
<img src="https://media.istockphoto.com/id/1405987908/ru/%D1%84%D0%BE%D1%82%D0%BE/%D0%BC%D0%B5%D1%82%D0%B0%D0%B2%D1%81%D0%B5%D0%BB%D0%B5%D0%BD%D0%BD%D0%B0%D1%8F-%D0%B3%D0%BE%D1%80%D0%BE%D0%B4-%D0%B2-%D1%81%D1%82%D0%B8%D0%BB%D0%B5-%D0%BA%D0%B8%D0%B1%D0%B5%D1%80%D0%BF%D0%B0%D0%BD%D0%BA-%D1%81-%D1%80%D0%BE%D0%B1%D0%BE%D1%82%D0%B0%D0%BC%D0%B8-%D0%B8%D0%B4%D1%83%D1%89%D0%B8%D0%BC%D0%B8-%D0%BF%D0%BE-%D1%83%D0%BB%D0%B8%D1%86%D0%B5-%D0%BD%D0%B5%D0%BE%D0%BD%D0%BE%D0%B2%D1%8B%D0%BC-%D0%BE%D1%81%D0%B2%D0%B5%D1%89%D0%B5%D0%BD%D0%B8%D0%B5%D0%BC-%D0%BD%D0%B0.jpg?s=612x612&w=0&k=20&c=tuEtPHXniGEmoaJfKy4KHXtUgetTCJpkAEd_rfftuWU=" alt="Стрим 1" />
|
||
<h3>Neon Beats Live</h3>
|
||
<p>Погружение в атмосферу неоновых ритмов с лучшими диджеями.</p>
|
||
<button>Смотреть</button>
|
||
</article>
|
||
<article class="catalog-item">
|
||
<img src="https://bogatyr.club/uploads/posts/2023-03/12827/thumbs/1677966670_bogatyr-club-p-kiberpank-komnata-foni-instagram-8.jpg" alt="Концерт 2" />
|
||
<h3>Cyberpunk Festival</h3>
|
||
<p>Грандиозный фестиваль с музыкой и цифровыми шоу.</p>
|
||
<button>Узнать больше</button>
|
||
</article>
|
||
<article class="catalog-item">
|
||
<img src="https://kartinki.pics/uploads/posts/2021-07/thumbs/1625655487_35-kartinkin-com-p-kiberpank-oboi-krasivie-38.jpg" alt="Стрим 3" />
|
||
<h3>VR Rave Party</h3>
|
||
<p>Погрузись в виртуальную реальность с нашими эксклюзивными стримами.</p>
|
||
<button>Смотреть</button>
|
||
</article>
|
||
<article class="catalog-item">
|
||
<img src="https://kartinki.pics/pics/uploads/posts/2022-08/1660474027_1-kartinkin-net-p-kiberpank-oboi-krasivo-1.jpg" alt="Концерт 4" />
|
||
<h3>Hologram Show</h3>
|
||
<p>Уникальное цифровое шоу с голографическими эффектами.</p>
|
||
<button>Узнать больше</button>
|
||
</article>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="footer-info">
|
||
<p>Контакты: info@streamcore.com | +7 (999) 123-45-67</p>
|
||
<p>Часы работы: Пн–Вс, 10:00–22:00</p>
|
||
<p>Адрес: Неон-сити, ул. Цифровая, д.42</p>
|
||
</div>
|
||
<div class="footer-section">
|
||
<div class="social-icons">
|
||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||
<a href="#" aria-label="ВКонтакте"><i class="fab fa-vk"></i></a>
|
||
<a href="#" aria-label="Telegram"><i class="fab fa-telegram-plane"></i></a>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</footer>
|
||
|
||
</body>
|
||
</html> |