73 lines
2.5 KiB
HTML
73 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="icon" href="img/icon.png"/>
|
||
<title>Онлайн-кинотеатр Спойлер</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
|
||
<div class="header">
|
||
<div class="header-logo">
|
||
<a href="index.html">
|
||
<img src="img/icon.png" alt="Логотип">
|
||
</a>
|
||
<h1>Онлайн-кинотеатр</h1>
|
||
</div>
|
||
<div class="nav-container">
|
||
<button class="menu-button">Меню</button>
|
||
<div class="nav-dropdown">
|
||
<ul class="features-menu">
|
||
<li><a href="movies.html">Фильмы</a></li>
|
||
<li><a href="series.html">Сериалы</a></li>
|
||
<li><a href="library.html">Библиотека</a></li>
|
||
<li><a href="about.html">О нас</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
<nav class="nav-links">
|
||
|
||
<a href="movies.html">Фильмы</a>
|
||
<a href="series.html">Сериалы</a>
|
||
<a href="library.html">Библиотека</a>
|
||
<a href="about.html">О нас</a>
|
||
|
||
</nav>
|
||
|
||
|
||
</div>
|
||
|
||
<main class="content">
|
||
<h2>Добро пожаловать в наш онлайн-кинотеатр!</h2>
|
||
<p>Здесь вы найдете <strong>только</strong> лучшие фильмы и сериалы</p>
|
||
<div class="movie-list">
|
||
<div class="movie-item">
|
||
<img src="img/movie-posters/marsianin.jpg">
|
||
<p>Марсианин (2015)</p>
|
||
</div>
|
||
<div class="movie-item">
|
||
<img src="img/movie-posters/brat.jpg">
|
||
<p>Брат (2009)</p>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="footer-info">
|
||
<p>Контакты: <span class="email">ebatyushka@mail.com</span>, <span class="phone">+7 123 456 7890</span></p>
|
||
<p>Адрес: г. Москва, ул. Примерная, 1</p>
|
||
</div>
|
||
<div class="footer-social">
|
||
|
||
<a href="https://t.me/u_strawberry"><img src="img/telegram.png"></a>
|
||
</div>
|
||
|
||
</footer>
|
||
|
||
|
||
</body>
|
||
</html>
|