PIbd-21_Belianin_N.N._Inter.../Frontend/Lab3/index.html

113 lines
4.2 KiB
HTML
Raw 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.

<html lang="ru">
<head>
<meta charset="utf-8">
<title>Мой сайт</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 href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="h-100">
<header>
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img class="logo" src="./images/assets/Image1.png" alt="logo">
<a class="Name" href="index.html"> UlRent </a>
</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" id="navbarNav">
<div class="navbar-nav pe-5">
<a class="nav-link" href="bulletinBoard.html" style="color: white">Обзор</a>
<a class="nav-link" href="page-help.html" style="color: white">Помощь</a>
<a class="nav-link" href="aboutus.html" style="color: white">О нас</a>
<a class="nav-link" href="page-contact.html" style="color: white">Контакты</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-4 wrapper flex-shrink-0 p-0">
<div class="container">
<div class="row">
<div class="col-8">
<div class="row">
<div class="col">
<div id="banner">
<img class="banner-hide" src="images/assets/Image3.png" alt="banner1">
<img class="banner-hide" src="images/assets/Image6.jpg" alt="banner1">
</div>
</div>
<div class="col">
<div id="banner2">
<img class="banner-hide" src="images/assets/Image4.png" alt="banner1">
<img class="banner-hide" src="images/assets/Image9.jpg" alt="banner1">
</div>
<div class="pt-5">
</div>
</div>
<div class="col">
<div id="banner3">
<img class="banner-hide" src="images/assets/Image5.png" alt="banner1">
<img class="banner-hide" src="images/assets/Image10.jpg" alt="banner1">
</div>
</div>
</div>
<div class="flex-column w-100 mx-auto">
<div class="pb-4 pe-4" style="padding-right: 0px;">
<button onclick="document.location='LogIn.html'" type="button" class="btn btn-default btn-lg active w-100" style="background-color: white; color: red; padding-bottom: 25px;">
<a href="LogIn.html" style="color:red">Войти в профиль </a>
</button>
</div>
<div class="pb-4 pe-4" style="padding-right: 0px;">
<button onclick="document.location='SignIn.html'" type="button" class="btn btn-default btn-lg active w-100" style="background-color: white; color: red; padding-bottom: 25px;">
<a href="SignIn.html" style="color: red"> Регистрация </a>
</button>
</div>
</div>
</div>
<div class="col">
<img src="./images/assets/Image2.png" alt="im1" class="img22" style="border-radius: 0px 120px;">
</div>
</div>
</div>
</main>
<div class="push"></div>
<footer class="footer mt-auto fixed bottom-0 w-100">
<div class="copywriter p-2">
&copy; 2023 UlRent Белянин Никита ПИбд-21 | Все права защищены ;)
</div>
</footer>
<script type="module">
import myBanner from "./js/banner";
document.addEventListener('DOMContentLoaded', () => {
myBanner("#banner");
myBanner("#banner2");
myBanner("#banner3");
});
</script>
</body>
</html>