PI-23_Firsov_Kirill_OnlineC.../Katalog.html
2023-11-20 12:16:25 +04:00

342 lines
8.1 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
<head>
<title>Онлайн кинотеатр</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="node_modules\bootstrap\dist\css\bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="Styles/Styles.css">
<link rel="stylesheet" type="text/css" href="Styles/Katlog.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="JavaScript/script.js"></script>
</head>
<body>
<header class="header-wrap">
<div class="header-top">
<div class="container">
<div class="row">
<a href="#" class="col-lg-2 col-md-3 col-sm-4 desktop-logo"><img class="Logotip" src="Images\Logotip-tv.png" alt="Логотип онлайн кинотеатра"></a>
<div class="col-lg-5 col-md-8 col-sm-8">
<img class="smart-logo" src="Images\Logotip-tv.png" alt="Логотип онлайн кинотеатра">
<h1 class="title-h1">
<a href="#">
Онлайн кинотеатр
</a>
</h1>
</div>
<button id="login-button" class="col-lg-5">
<a href="Cabinet.html">Войти в личный кабинет</a>
</button>
</div>
</div>
</div>
<div class="header-bottom">
<nav class="container nav-box">
<ul class=" row nav-list">
<li class="col-lg-2 col-md nav-item"><a href="index.html">Главная</a></li>
<li class="col-lg-2 col-md nav-item"><a href="Katalog.html"><u>Каталог</u></a></li>
<li class="col-lg-2 col-md nav-item"><a href="Shop.html">Магазин</a></li>
<li class="col-lg-2 col-md nav-item"><a href="Sport.html">Спорт</a></li>
<li class="col-lg-2 col-md nav-item"><a href="TV.html">ТВ-каналы</a></li>
<li class="col-lg-4 col-md-0 nav-item"></li>
</ul>
<ul class="smart-nav-list">
<li class="smart-nav-item">
<a href="index.html">
Главная
</a>
<button class="case__btn-close">
<div class="stick">
</div>
<div class="stick">
</div>
<div class="stick">
</div>
</button>
</li>
<div class="row">
<li class="smart-nav-item">
<a href="Katalog.html">
<u>Каталог</u>
</a>
</li>
<li class="smart-nav-item">
<a href="Shop.html">
Магазин
</a>
</li>
<li class="smart-nav-item">
<a href="Sport.html">
Спорт
</a>
</li>
<li class="smart-nav-item">
<a href="TV.html">
ТВ-каналы
</a>
</li>
</div>
</ul>
</nav>
</div>
</header>
<main class="main-wrap">
<div class="container">
<section class="row">
<article class="col">
<div class="kind">
<h3 class="title-h3">
Фильмы
</h3>
<a href="#" class="image-container">
<img src="Images/Film-image.png">
</a>
</div>
</article>
<article class="col">
<div class="kind">
<h3 class="title-h3">
Сериалы
</h3>
<a href="#" class="image-container">
<img src="Images/Series-image.png">
</a>
</div>
</article>
<article class="col">
<div class="kind">
<h3 class="title-h3">
Мультфильмы
</h3>
<a href="#" class="image-container">
<img src="Images/Cartoons-image.png">
</a>
</div>
</article>
</section>
<div class="row">
<div class="col-sm-1 col-md-3">
</div>
<button class="col-sm-10 col-md-6 button-more">
Показать больше
</button>
<div class="col-sm-1 col-md-3">
</div>
</div>
<div class="row">
<h2 class="title-h2">
Подборка
</h2>
</div>
<section class="row">
<article class="col">
<div class="category">
<h3 class="title-h3">
Комедийные сериалы
</h3>
<a href="#" class="image-container">
<img src="Images/Comedy.png">
</a>
</div>
</article>
<article class="col">
<div class="category">
<h3 class="title-h3">
Криминальные фильмы
</h3>
<a href="#" class="image-container">
<img src="Images/Criminal.png">
</a>
</div>
</article>
<article class="col">
<div class="category">
<h3 class="title-h3">
Натуральная красота
</h3>
<a href="#" class="image-container nature-img">
<img src="Images/Nature.png">
</a>
</div>
</article>
</section>
<div class="row">
<div class="col-sm-1 col-md-3">
</div>
<button class="col-sm-10 col-md-6 button-more">
Показать больше
</button>
<div class="col-sm-1 col-md-3">
</div>
</div>
<div class="row">
<h4 class="title-h4">
Жанры
</h4>
</div>
<section>
<ul class="row genres">
<ul class="col">
<li>
Комедии
</li>
<li>
Мультфильмы
</li>
<li>
Музыкальное
</li>
</ul>
<ul class="col">
<li>
Боевики
</li>
<li>
Фентези
</li>
<li>
Биографии
</li>
</ul>
<ul class="col">
<li>
Фантастика
</li>
<li>
Семейное
</li>
<li>
Военное
</li>
</ul>
<ul class="col">
<li>
Триллеры
</li>
<li>
Милодраммы
</li>
<li>
Криминал
</li>
</ul>
<ul class="col">
<li>
Приключения
</li>
<li>
Детективы
</li>
</ul>
<ul class="col">
<li>
Драмы
</li>
<li>
Аниме
</li>
</ul>
</ul>
</section>
</div>
</main>
<footer class="footer-wrap">
<div class="container footer-top">
<div class="row">
<div class="col-lg-5 col-md-12">
<div class="row sign">
Наши соцсети
</div>
<ul class="row-network">
<li class="item-network">
<a href="#"><img src="Images/VK.png" alt="" class=""></a>
</li>
<li class="item-network">
<a href="#"><img src="Images/Viber.png" alt="" class=""></a>
</li>
<li class="item-network">
<a href="#"><img src="Images/OK.png" alt="" class=""></a>
</li>
<li class="item-network">
<a href="#"><img src="Images/TG.png" alt="" class=""></a>
</li>
<li class="item-network">
<a href="#"><img src="Images/YouTube.png" alt="" class=""></a>
</li>
</ul>
</div>
<div class="col-lg-7 col-md-12 row-addinfo">
<ul class="add-info">
<li class="item">
<a href="#">О нас</a>
</li>
<li class="item">
<a href="#">Блог</a>
</li>
<li class="item">
<a href="#">Карьера</a>
</li>
<li class="item">
<a href="#">Агенты</a>
</li>
</ul>
<ul class="add-info">
<li class="item">
<a href="#">Помощь</a>
</li>
<li class="item">
<a href="#">Вопросы и ответы</a>
</li>
<li class="item">
<a href="#">Список устройств</a>
</li>
<li class="item">
<a href="#">Дистрибьюторы</a>
</li>
<li class="item">
<a href="#">Контакты</a>
</li>
</ul>
</div>
</div>
<div class="row meta-text">
<a href="#" class="col-lg-2 col-md-3 desktop-logo">
<img src="Images/Logotip-tv.png" alt="" class="">
</a>
<span class="col-lg-10 col-md-12">
© 2012-2023 ООО «Онлайн-кинотеатр» 18+<br>
Общероссийские каналы доступны для бесплатного просмотра круглосуточно<br>
ПО ООО «Онлайн-кинотеатр» состоит в реестре отечественного ПО
</span>
</div>
</div>
</footer>
</body>
</html>