98 lines
3.5 KiB
HTML
Raw Normal View History

<html lang="ru">
<head>
<meta charset="utf-8">
<title>LiveCinema</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
<link rel="stylesheet" href="./static/css/index.css">
<link rel="stylesheet" href="./static/css/subscribe.css">
</head>
<body class="d-flex flex-column">
<header class="sticky-top">
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid">
<a class="navbar-brand d-flex align-items-center">
<img src="./static/img/logo_livecinema.png"
class="d-inline-block align-text-top me-4 d-none d-sm-block">
LiveCinema
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/">Главная</a>
</li>
<li class="nav-item">
<a class="nav-link" href="katalog.html">Каталог</a>
</li>
<li class="nav-item">
<a class="nav-link" href="logIn.html">Регистрация</a>
</li>
<li class="nav-item">
<a class="nav-link" href="into.html">Вход</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="subscribe.html">Подписка</a>
</li>
2023-11-05 00:08:01 +04:00
<li class="nav-item">
<a class="nav-link" href="admin.html">Админка</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="w-100 min-vh-100 flex-fill d-flex justify-content-center" id="mainSubscribe">
<div class="container d-flex flex-column justify-content-around" id="subscribeDiv">
2023-10-26 23:47:49 +04:00
<div class="img-fluid d-flex flex-column flex-md-row justify-content-around mt-5">
2023-10-26 23:47:49 +04:00
<div class="img-fluid d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0">
<img src="./static/fotos/serkan.jpeg" id="img-3" class="rounded-3">
</div>
2023-10-26 23:47:49 +04:00
<div class="img-fluid d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0">
<img src="./static/fotos/ment-s_rub.jpeg" id="img-2" class="rounded-3">
</div>
2023-10-26 23:47:49 +04:00
<div class="img-fluid d-flex flex-column justify-content-center align-items-center mb-4 mb-md-0">
<img src="./static/fotos/akademy-ambrella.jpeg" id="img-1" class="rounded-3">
</div>
</div>
2023-10-26 23:47:49 +04:00
<div class="span-row d-flex flex-column flex-md-row justify-content-around mb-4 mt-md-5">
<span class="category-name text-center mt-2">Оформи подписку</span>
</div>
2023-10-26 23:47:49 +04:00
<div class="frame-button d-flex flex-column flex-md-row justify-content-around mb-4 mt-md-5">
<div class="button d-flex flex-row flex-md-column justify-content-center align-items-center h-25 p-0">
2023-11-10 09:28:34 +04:00
<button type="button" class="btn btn-light">Подписаться</button>
</div>
</div>
</div>
</main>
<!-- <button onclick="alert('Привет, мир!');">Нажми на меня!</button> -->
<footer class="container-fluid py-1">
<span>
&copy; 2023, Live Cinema. All rights reserved.
</span>
</footer>
<script type="module" src="./static/js/subscribe.js">
</script>
</body>
</html>