PIbd-21_Makarov_DV_Internet.../index.html
2023-12-01 18:57:08 +04:00

78 lines
4.3 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">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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="./style.css">
</head>
<body>
<header class="border-bottom ps-5 pe-5 sticky-top" style="background-color: #6376D7;">
<nav class="navbar navbar-expand-lg sticky-top">
<div class="container-fluid">
<a class="navbar-brand fs-3" href="/index.html" style="color: #ffffff;">Маркетплейс</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a href="/catalog.html" type="button" class="btn btn-main fs-5">Каталог</a>
</li>
</ul>
<form class="d-flex form-horizontal">
<input class="form-control me-2" type="search" placeholder="Поиск..." aria-label="Search" style="width: 40vw;">
<button class="btn btn-main me-2 fs-5" type="submit">Поиск</button>
</form>
<a href="/login.html" class="nav-link link-light">
<span class="fs-5" style="color: #ffffff;">Войти</span>
</a>
</div>
</div>
</nav>
</header>
<main class="container-fluid">
<a role="button" class="btn btn-main mt-2 me-2" href="./login.html">
Вход
</a>
<a role="button" class="btn btn-main mt-2 me-2" href="./register.html">
Регистрация
</a>
<a role="button" class="btn btn-main mt-2 me-2" href="./profile.html">
Личный кабинет
</a>
<a role="button" class="btn btn-main mt-2 me-2" href="./settings.html">
Настройки
</a>
<a role="button" class="btn btn-main mt-2 me-2" href="./catalog.html">
Перечень товаров
</a>
<a role="button" class="btn btn-main mt-2 me-2" href="./product.html">
Товар
</a>
<a role="button" class="btn btn-main mt-2 me-2" href="./admin.html">
Администрация
</a>
</main>
<footer class="container-fluid py-5" style="background-color: #6376D7;">
<div class="row">
<div class="col-2 offset-1">
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light ">Контакты</a></li>
<li class="nav-item mb-2"><a href="./termsofuse.html" class="nav-link p-0 link-light">Пользовательское соглашение</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light" >ЧаВо</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 link-light">О нас</a></li>
</ul>
</div>
<div class="col-6 offset-3" style="text-align: center; color: #ffffff;">
<p>© Маркетплейс,<br/> 2023 <br/> Все права защищены.</p>
</div>
</div>
</footer>
</body>
</html>