147 lines
6.1 KiB
HTML
147 lines
6.1 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Главная страница</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
|
||
<script src="/node_modules/bootstrap/dist/js/bootstrap.js"></script>
|
||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
||
<link rel="stylesheet" href="/fontello.css" type="text/css" />
|
||
<link rel="stylesheet" href="style.css">
|
||
<script src="app.js"></script>
|
||
</head>
|
||
<body class="d-flex flex-column min-vh-100">
|
||
<header>
|
||
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
|
||
<div class="container-fluid">
|
||
<a class="navbar-brand" href="#">
|
||
<img src="/src/logoOfLibrary.png" alt="" width="80" class="d-inline-block align-text-top" border-radius="20%">
|
||
|
||
</a>
|
||
<a class="about-us-link nav-link link-light fs-5" href="/pageAboutUs.html">О нас</a>
|
||
|
||
|
||
|
||
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" >
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="navbar-collapse collapse justify-content-end p-3 bg-dark" id="navbarNav">
|
||
<div class="navbar-nav p-3">
|
||
|
||
<a class="nav-link fs-5 text-light " href="./pageCatalog.html">Каталог</a>
|
||
<a class="nav-link fs-5 text-light " href="./pageBasket.html">Корзина</a>
|
||
|
||
</div>
|
||
<section class="menu align-self-center">
|
||
<a class="nav-link text-end fs-5 lh-2 text-light" href="./pageSignUp.html">Зарегистрироваться</a>
|
||
<a class="nav-link text-end fs-6 text-light" href="./pageSignIn.html">Уже есть аккаунт?</a>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
|
||
<main class="container-fluid p-2">
|
||
|
||
<div class="row justify-content-center">
|
||
|
||
<div class="first-col col-md-6 mb-1">
|
||
<div id="banner" class="banner-class">
|
||
<a href="/pageOfBook1.html" ><img src="src/banners/big_banners/main-banner.png" class="banner-hide button-sm m-2 img-fluid" alt="" ></a>
|
||
<a href="/pageOfBook1.html" ><img src="src/banners/big_banners/main-banner_2.png" class="banner-hide button-sm m-2 img-fluid" alt="" ></a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="panel-col col-md-4 pb-4 ps-4">
|
||
|
||
|
||
<div class="banner-main pt-2 pb-2">
|
||
<div class="row ">
|
||
<div class="col-md-7">
|
||
<p class="banner-text ms-2">Топ-10 книг для осени</p>
|
||
</div>
|
||
<div class="col-5">
|
||
<img src="src/icons/icons_main/free-icon-magic-book-867810 1.png" class="d-none d-md-block" alt="" width="50%">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
<div class="banner-main pt-2 pb-2">
|
||
<div class="row ">
|
||
<div class="col-md-7">
|
||
<p class="banner-text ms-2">Выставка книг о японской культуре в эти выходные</p>
|
||
</div>
|
||
<div class="col-5">
|
||
<img src="src/icons/icons_main/free-icon-japan-6259275 1.png" class="d-none d-md-block" alt="" width="50%">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
<div class="banner-main pt-2 pb-2">
|
||
<div class="row ">
|
||
<div class="col-md-7">
|
||
<p class="banner-text ms-2">Эксклюзивно в БукКэмп Невозможно пропстить</p>
|
||
</div>
|
||
<div class="col-5">
|
||
<img src="src/icons/icons_main/image1book.png" alt="" class="d-none d-md-block" width="50%">
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="conteiner ms-4">
|
||
<h3>Последние поступления</h3>
|
||
<div class="row justify-content-md-start justify-content-center">
|
||
<div class="col-md-2 col-4 mt-3" action="./page3.html" method="get">
|
||
<a href="/pageOfBook1.html" ><img src="/src/covers/image1book.png" class="button-sm" alt="" width="100%"></a>
|
||
</div>
|
||
|
||
<div class="col-md-2 col-4 m-3" action="./page3.html" method="get">
|
||
<a href="/pageOfBook1.html" ><img src="/src/covers/image2book.png" class="button-sm" alt="" width="100%"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</main>
|
||
<footer class="footer mt-auto d-flex flex-shrink-0 align-items-center">
|
||
<h3 class="ps-0 me-2">Наши соцсети</h3>
|
||
<div class="group-sites" role="group">
|
||
|
||
<a href="https://vk.com/valannn" ><img src="src/social_media/logo-facebook.png" class="button-sm m-auto " alt="" width="35" ></a>
|
||
<a href="https://vk.com/valannn" ><img src="src/social_media/logo-viber.png" class="button-sm m-auto" alt="" width="35" ></a>
|
||
<a href="https://vk.com/valannn" ><img src="src/social_media/logo-tg.png" class="button-sm m-auto" alt="" width="35" ></a>
|
||
<a href="https://vk.com/valannn" ><img src="src/social_media/logo-whats-up.png" class="button-sm m-auto" alt="" width="35" ></a>
|
||
</div>
|
||
|
||
</footer>
|
||
<script type="module">
|
||
import myBanner from "./banner";
|
||
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
myBanner("#banner");
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |