RuslanAnisin/Web-programming_Anisin_R.S._PIbd-21
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

lab2

Browse Source
This commit is contained in:
russell 2024-01-10 20:41:47 +04:00
parent b9858e2c88
commit 2e3f6bc245
31 changed files with 3205 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
about-us.html Normal file
View File

@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<head>
<title>golfExude</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="module" src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<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/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<header class="text-white text-center pt-4">
<a href="index.html" class="text-decoration-none"><h1 class="display-3 mb-0">golfExude</h1></a>
<nav class="navbar navbar-expand-lg border-top border-2 border-white justify-content-end align-items-center">
<div class="login-cart d-flex align-items-center me-1 me-lg-3 me-xl-4 me-xxl-5">
<div class="dropdown">
<a href="" class="me-3" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-person fs-3 d-flex align-items-center"></i></a>
<ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item fw-bold" href="login.html">Войти</a></li>
<li><a class="dropdown-item fw-bold" href="admin.html">Панель администратора</a></li>
</ul>
</div>
<a href="cart"><i class="bi bi-bag fs-4 d-flex align-items-center"></i></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-dark"></span>
</button>
<div class="container-lg">
<div class="collapse navbar-collapse justify-content-center" id="navbarNavAltMarkup">
<ul class="navbar-nav align-items-center fs-5">
<li class="nav-item m-2"><a href="shirts.html">новинки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">верхняя одежда<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">брюки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">футболки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">рубашки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">обувь<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">головные уборы<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">весь ассортимент<div></div></a></li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<h2 class="text-center display-6 my-4">О нас</h2>
<section class="container-sm mb-5">
<div class="row flex-column-reverse flex-sm-row">
<div class="col-sm-6 d-flex align-items-center">
<img class="img-fluid rounded" src="images/wes-anderson-muses-cover-43.jpg" alt="">
</div>
<div class="col-sm-6 d-flex align-items-center">
<p class="fs-4">
<span class="logoSpan" >golfExude</span> - бренд одежды, который воплощает стиль, элегантность и качество.
Мы создаем уникальные модели, подчеркивающие вашу индивидуальность и придавая уверенность в любой ситуации.
Наша миссия - предложить вам стильные и функциональные решения для вашего гардероба.
Добро пожаловать в мир golfExude, где мода и стиль сочетаются в гармонии.
</p>
</div>
</div>
</section>
</main>
<footer class="container-fluid p-3">
<div class="row fs-5">
<div class="col-sm-6">
<h3 class="display-6">golfExude</h3>
<p class="mb-2"><a class="nav-link" href="about-us.html">О нас</a></p>
<p class="mb-2"><a class="nav-link" href="physical-store.html">Физический магазин</a></p>
</div>
<div class="col-sm-6 text-end fw-bold">
<p class="mb-2">Связь с нами</p>
<p class="mb-2">service@golfexude.com</p>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-telegram"></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-instagram"></i></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-twitter-x"></i></i></a>
</div>
</div>
<div class="row">
<div class="text-center">
<p class="m-0">© 2023 golfExude<br>
Все права защищены</p>
</div>
</div>
</footer>
</body>
</html>

113
admin.html Normal file
View File

@ -0,0 +1,113 @@
<!DOCTYPE html>
<html>
<head>
<title>golfExude</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="module" src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<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/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<header class="text-white text-center pt-4">
<a href="index.html" class="text-decoration-none"><h1 class="display-3 mb-0">golfExude</h1></a>
<nav class="navbar navbar-expand-lg border-top border-2 border-white justify-content-end align-items-center">
<div class="login-cart d-flex align-items-center me-1 me-lg-3 me-xl-4 me-xxl-5">
<div class="dropdown">
<a href="" class="me-3" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-person fs-3 d-flex align-items-center"></i></a>
<ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item fw-bold" href="login.html">Войти</a></li>
<li><a class="dropdown-item fw-bold" href="admin.html">Панель администратора</a></li>
</ul>
</div>
<a href="cart.html"><i class="bi bi-bag fs-4 d-flex align-items-center"></i></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-dark"></span>
</button>
<div class="container-lg">
<div class="collapse navbar-collapse justify-content-center" id="navbarNavAltMarkup">
<ul class="navbar-nav align-items-center fs-5">
<li class="nav-item m-2"><a href="shirts.html">новинки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">верхняя одежда<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">брюки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">футболки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">рубашки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">обувь<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">головные уборы<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">весь асортимент<div></div></a></li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<h2 class="text-center display-6 my-4">Панель администратора</h2>
<div class="container-lg table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Название товара</th>
<th scope="col">Категория</th>
<th scope="col">Цена</th>
<th scope="col"></th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Printed Bowling Shirt</td>
<td>Рубашки</td>
<td>1 990 ₽</td>
<td><button class="btn btn-primary"><i class="bi bi-pencil-square"></i></button></td>
<td><button class="btn btn-primary"><i class="bi bi-trash"></i></button></td>
</tr>
<tr>
<th scope="row">2</th>
<td>Cotton fil-a-fil shirt</td>
<td>Рубашки</td>
<td>4 990 ₽</td>
<td><button class="btn btn-primary"><i class="bi bi-pencil-square"></i></button></td>
<td><button class="btn btn-primary"><i class="bi bi-trash"></i></button></td>
</tr>
<tr>
<th scope="row">3</th>
<td>Corduroy pockets overshirt</td>
<td>Рубашки</td>
<td>5 990 ₽</td>
<td><button class="btn btn-primary"><i class="bi bi-pencil-square"></i></button></td>
<td><button class="btn btn-primary"><i class="bi bi-trash"></i></button></td>
</tr>
</tbody>
</table>
</div>
</main>
<footer class="container-fluid p-3">
<div class="row fs-5">
<div class="col-sm-6">
<h3 class="display-6">golfExude</h3>
<p class="mb-2"><a class="nav-link" href="about-us.html">О нас</a></p>
<p class="mb-2"><a class="nav-link" href="physical-store.html">Физический магазин</a></p>
</div>
<div class="col-sm-6 text-end fw-bold">
<p class="mb-2">Связь с нами</p>
<p class="mb-2">service@golfexude.com</p>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-telegram"></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-instagram"></i></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-twitter-x"></i></i></a>
</div>
</div>
<div class="row">
<div class="text-center">
<p class="m-0">© 2023 golfExude<br>
Все права защищены</p>
</div>
</div>
</footer>
</body>
</html>

122
cart.html Normal file
View File

@ -0,0 +1,122 @@
<!DOCTYPE html>
<html>
<head>
<title>golfExude</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="module" src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<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/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/cart-style.css">
</head>
<body>
<header class="text-white text-center pt-4">
<a href="index.html" class="text-decoration-none"><h1 class="display-3 mb-0">golfExude</h1></a>
<nav class="navbar navbar-expand-lg border-top border-2 border-white justify-content-end align-items-center">
<div class="login-cart d-flex align-items-center me-1 me-lg-3 me-xl-4 me-xxl-5">
<div class="dropdown">
<a href="" class="me-3" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-person fs-3 d-flex align-items-center"></i></a>
<ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item fw-bold" href="login.html">Войти</a></li>
<li><a class="dropdown-item fw-bold" href="admin.html">Панель администратора</a></li>
</ul>
</div>
<a href="cart.html"><i class="bi bi-bag fs-4 d-flex align-items-center"></i></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-dark"></span>
</button>
<div class="container-lg">
<div class="collapse navbar-collapse justify-content-center" id="navbarNavAltMarkup">
<ul class="navbar-nav align-items-center fs-5">
<li class="nav-item m-2"><a href="shirts.html">новинки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">верхняя одежда<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">брюки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">футболки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">рубашки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">обувь<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">головные уборы<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">весь асортимент<div></div></a></li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<h2 class="text-center display-6 my-4">Ваша корзина</h2>
<div class="container-lg cart mb-5">
<div class="row fs-4 p-2 text-center cart-labels align-items-center d-md-flex d-none">
<div class="col-6 text-start">
<span>товар</span>
</div>
<div class="col-2">
<span>цена, руб</span>
</div>
<div class="col-2">
<span>количество</span>
</div>
<div class="col-2">
<span>всего</span>
</div>
</div>
<div class="row fs-5 p-2 text-center align-items-center justify-content-between mb-5">
<div class="cart-item col-md-6 text-start d-flex align-items-center">
<img class="w-25" src="images/57010633_30_B.png" alt="">
<span>Printed Bowling Shirt</span>
</div>
<div class="col-2 d-md-block d-none">
<span>1 990 ₽</span>
</div>
<div class="col-md-2 col-4 d-flex justify-content-center">
<div class="item-counter w-75 d-flex border border-1 border-dark">
<button>-</button>
<input value="1" type="text">
<button>+</button>
</div>
</div>
<div class="col-md-2 col-4">
<span>1 990 ₽</span>
</div>
</div>
<div class="d-flex flex-column align-items-md-center">
<div class="proceed">
<div class="proceed-labels p-4 d-flex justify-content-between">
<span>Заказ на сумму</span>
<span>1 990 ₽</span>
</div>
<div class="p-4 d-flex justify-content-between">
<a href="shirts.html" class="link-secondary text-decoration-none fw-bold d-flex align-items-center"><i class="me-2 fs-4 bi bi-arrow-left"></i>Вернуться в каталог</a>
<button class="checkout btn btn-primary fw-bold rounded-pill d-flex align-items-center px-4">Оформить заказ<i class="ms-2 fs-4 bi-arrow-right"></i></button>
</div>
</div>
</div>
</div>
</main>
<footer class="container-fluid p-3">
<div class="row fs-5">
<div class="col-sm-6">
<h3 class="display-6">golfExude</h3>
<p class="mb-2"><a class="nav-link" href="about-us.html">О нас</a></p>
<p class="mb-2"><a class="nav-link" href="physical-store.html">Физический магазин</a></p>
</div>
<div class="col-sm-6 text-end fw-bold">
<p class="mb-2">Связь с нами</p>
<p class="mb-2">service@golfexude.com</p>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-telegram"></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-instagram"></i></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-twitter-x"></i></i></a>
</div>
</div>
<div class="row">
<div class="text-center">
<p class="m-0">© 2023 golfExude<br>
Все права защищены</p>
</div>
</div>
</footer>
</body>
</html>

BIN
fonts/RacingSansOne-Regular.ttf Normal file
View File

Binary file not shown.

BIN
images/251520454_879419866277179_9012306805843872371_n-1-1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 376 KiB

BIN
images/47065903_45_B.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
images/57010584_54_B.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
images/57010633_30_B.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

BIN
images/57020618_01_B.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 492 KiB

BIN
images/57067703_30_B.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
images/57077709_30_B.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
images/SUNNY_100x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 242 KiB

BIN
images/bronco5_72_1000x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
images/solovair1_MAINWEB_1000x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 709 KiB

BIN
images/wes-anderson-muses-cover-43.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

86
index.html Normal file
View File

@ -0,0 +1,86 @@
<!DOCTYPE html>
<html>
<head>
<title>golfExude</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="module" src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<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/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/homepage-style.css">
</head>
<body>
<header class="text-white text-center pt-4">
<h1 class="display-3 mb-0">golfExude</h1>
<nav class="navbar navbar-expand-lg border-top border-2 border-white justify-content-end">
<div class="login-cart d-flex align-items-center me-1 me-lg-3 me-xl-4 me-xxl-5">
<div class="dropdown">
<a href="" class="me-3" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-person fs-3 d-flex align-items-center"></i></a>
<ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item fw-bold" href="login.html">Войти</a></li>
<li><a class="dropdown-item fw-bold" href="admin.html">Панель администратора</a></li>
</ul>
</div>
<a href="cart.html"><i class="bi bi-bag fs-4 d-flex align-items-center"></i></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-dark"></span>
</button>
<div class="container-lg">
<div class="collapse navbar-collapse justify-content-center" id="navbarNavAltMarkup">
<ul class="navbar-nav align-items-center fs-5">
<li class="nav-item m-2"><a href="shirts.html">новинки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">верхняя одежда<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">брюки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">футболки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">рубашки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">обувь<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">головные уборы<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">весь асортимент<div></div></a></li>
</ul>
</div>
</div>
</nav>
</header>
<main class="d-flex align-items-center">
<div class="container-xxl">
<div class="row">
<div class="col-md-4 my-3">
<img class="img-fluid" src="images/solovair1_MAINWEB_1000x.jpg" alt="">
</div>
<div class="col-md-4 my-3">
<img class="img-fluid" src="images/SUNNY_100x.jpg" alt="">
</div>
<div class="col-md-4 my-3">
<img class="img-fluid" src="images/bronco5_72_1000x.jpg" alt="">
</div>
</div>
</div>
</main>
<footer class="container-fluid p-3">
<div class="row fs-5">
<div class="col-sm-6">
<h3 class="display-6">golfExude</h3>
<p class="mb-2"><a class="nav-link" href="about-us.html">О нас</a></p>
<p class="mb-2"><a class="nav-link" href="physical-store.html">Физический магазин</a></p>
</div>
<div class="col-sm-6 text-end fw-bold">
<p class="mb-2">Связь с нами</p>
<p class="mb-2">service@golfexude.com</p>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-telegram"></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-instagram"></i></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-twitter-x"></i></i></a>
</div>
</div>
<div class="row">
<div class="text-center">
<p class="m-0">© 2023 golfExude<br>
Все права защищены</p>
</div>
</div>
</footer>
</body>
</html>

98
login.html Normal file
View File

@ -0,0 +1,98 @@
<!DOCTYPE html>
<html>
<head>
<title>golfExude</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="module" src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<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/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<header class="text-white text-center pt-4">
<a href="index.html" class="text-decoration-none"><h1 class="display-3 mb-0">golfExude</h1></a>
<nav class="navbar navbar-expand-lg border-top border-2 border-white justify-content-end align-items-center">
<div class="login-cart d-flex align-items-center me-1 me-lg-3 me-xl-4 me-xxl-5">
<div class="dropdown">
<a href="" class="me-3" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-person fs-3 d-flex align-items-center"></i></a>
<ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item fw-bold" href="login.html">Войти</a></li>
<li><a class="dropdown-item fw-bold" href="admin.html">Панель администратора</a></li>
</ul>
</div>
<a href="cart.html"><i class="bi bi-bag fs-4 d-flex align-items-center"></i></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-dark"></span>
</button>
<div class="container-lg">
<div class="collapse navbar-collapse justify-content-center" id="navbarNavAltMarkup">
<ul class="navbar-nav align-items-center fs-5">
<li class="nav-item m-2"><a href="shirts.html">новинки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">верхняя одежда<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">брюки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">футболки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">рубашки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">обувь<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">головные уборы<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">весь асортимент<div></div></a></li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<h2 class="text-center display-6 my-4">Вход</h2>
<div class="container-fluid d-flex align-items-center justify-content-center mb-5">
<form class="d-flex flex-column align-items-center justify-content-center p-5 rounded">
<p class="text-center mb-4">
Только для зарегистрированных пользователей<br>
Нет аккаунта? <a class="link-info" href="">Зарегистрироваться</a>
</p>
<div class="d-flex flex-column w-100 mb-4">
<label class="fw-bold" for="">Email</label>
<input type="text">
</div>
<div class="d-flex flex-column w-100 mb-2">
<label class="fw-bold" for="">Пароль</label>
<input type="text">
</div>
<div class="d-flex justify-content-between w-100 mb-4">
<div class="d-flex align-items-center">
<input type="checkbox" class="me-1">
<label for="">Запомнить меня</label>
</div>
<a class="link-secondary text-end text-decoration-none" href="">Забыли пароль?</a>
</div>
<button class="btn btn-primary w-100 fw-bold">Войти</button>
</form>
</div>
</main>
<footer class="container-fluid p-3">
<div class="row fs-5">
<div class="col-sm-6">
<h3 class="display-6">golfExude</h3>
<p class="mb-2"><a class="nav-link" href="about-us.html">О нас</a></p>
<p class="mb-2"><a class="nav-link" href="physical-store.html">Физический магазин</a></p>
</div>
<div class="col-sm-6 text-end fw-bold">
<p class="mb-2">Связь с нами</p>
<p class="mb-2">service@golfexude.com</p>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-telegram"></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-instagram"></i></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-twitter-x"></i></i></a>
</div>
</div>
<div class="row">
<div class="text-center">
<p class="m-0">© 2023 golfExude<br>
Все права защищены</p>
</div>
</div>
</footer>
</body>
</html>

2247
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

23
package.json Normal file
View File

@ -0,0 +1,23 @@
{
"name": "golfexude",
"version": "1.0.0",
"description": "",
"main": "index.html",
"scripts": {
"start": "vite",
"serve": "http-server -p 3000 ./dist/",
"build": "vite build",
"prod": "npm-run-all build serve"
},
"devDependencies": {
"http-server": "14.1.1",
"vite": "4.4.9",
"npm-run-all": "4.1.5"
},
"dependencies": {
"bootstrap": "5.2.1",
"bootstrap-icons": "^1.11.1"
},
"author": "Ruslan Anisin",
"license": "ISC"
}

92
physical-store.html Normal file
View File

@ -0,0 +1,92 @@
<!DOCTYPE html>
<html>
<head>
<title>golfExude</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="module" src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<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/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<header class="text-white text-center pt-4">
<a href="index.html" class="text-decoration-none"><h1 class="display-3 mb-0">golfExude</h1></a>
<nav class="navbar navbar-expand-lg border-top border-2 border-white justify-content-end align-items-center">
<div class="login-cart d-flex align-items-center me-1 me-lg-3 me-xl-4 me-xxl-5">
<div class="dropdown">
<a href="" class="me-3" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-person fs-3 d-flex align-items-center"></i></a>
<ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item fw-bold" href="login.html">Войти</a></li>
<li><a class="dropdown-item fw-bold" href="admin.html">Панель администратора</a></li>
</ul>
</div>
<a href="cart.html"><i class="bi bi-bag fs-4 d-flex align-items-center"></i></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-dark"></span>
</button>
<div class="container-lg">
<div class="collapse navbar-collapse justify-content-center" id="navbarNavAltMarkup">
<ul class="navbar-nav align-items-center fs-5">
<li class="nav-item m-2"><a href="shirts.html">новинки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">верхняя одежда<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">брюки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">футболки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">рубашки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">обувь<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">головные уборы<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">весь асортимент<div></div></a></li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<h2 class="text-center display-6 my-4">Физический магазин</h2>
<section class="container-sm mb-5">
<div class="row">
<div class="col-sm-6 d-flex flex-column align-items-center justify-content-center">
<h4 class="text-center fw-bold fs-4">
улица Этьенн, 42, Верхний Ле Валье, Французская Ривьера
</h4>
<p class="fs-5">
Чтобы попасть на эту улицу, нужно пройти через запутанные переулки.
Следуй по узким аллеям, окруженным старыми зданиями с темными окнами.
Пересеки площадь с памятником фигуры в плаще и шляпе, затем сверни в узкую проходную между двумя зданиями.
Продолжай идти, пока не увидишь темный переулок с вывеской "Улица Этьенн".
Поверни туда и продолжай двигаться вперед, вглядываясь в тени и слушая шорохи, пока не дойдешь до дома №42.
</p>
</div>
<div class="col-sm-6 d-flex align-items-center">
<img class="img-fluid rounded" src="images/251520454_879419866277179_9012306805843872371_n-1-1.jpg" alt="">
</div>
</div>
</section>
</main>
<footer class="container-fluid p-3">
<div class="row fs-5">
<div class="col-sm-6">
<h3 class="display-6">golfExude</h3>
<p class="mb-2"><a class="nav-link" href="about-us.html">О нас</a></p>
<p class="mb-2"><a class="nav-link" href="physical-store.html">Физический магазин</a></p>
</div>
<div class="col-sm-6 text-end fw-bold">
<p class="mb-2">Связь с нами</p>
<p class="mb-2">service@golfexude.com</p>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-telegram"></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-instagram"></i></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-twitter-x"></i></i></a>
</div>
</div>
<div class="row">
<div class="text-center">
<p class="m-0">© 2023 golfExude<br>
Все права защищены</p>
</div>
</div>
</footer>
</body>
</html>

120
shirts.html Normal file
View File

@ -0,0 +1,120 @@
<!DOCTYPE html>
<html>
<head>
<title>golfExude</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="module" src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<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/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/shirts-style.css">
</head>
<body>
<header class="text-white text-center pt-4">
<a href="index.html" class="text-decoration-none"><h1 class="display-3 mb-0">golfExude</h1></a>
<nav class="navbar navbar-expand-lg border-top border-2 border-white justify-content-end align-items-center">
<div class="login-cart d-flex align-items-center me-1 me-lg-3 me-xl-4 me-xxl-5">
<div class="dropdown">
<a href="" class="me-3" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-person fs-3 d-flex align-items-center"></i></a>
<ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item fw-bold" href="login.html">Войти</a></li>
<li><a class="dropdown-item fw-bold" href="admin.html">Панель администратора</a></li>
</ul>
</div>
<a href="cart.html"><i class="bi bi-bag fs-4 d-flex align-items-center"></i></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-dark"></span>
</button>
<div class="container-lg">
<div class="collapse navbar-collapse justify-content-center" id="navbarNavAltMarkup">
<ul class="navbar-nav align-items-center fs-5">
<li class="nav-item m-2"><a href="shirts.html">новинки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">верхняя одежда<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">брюки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">футболки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">рубашки<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">обувь<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">головные уборы<div></div></a></li>
<li class="nav-item m-2"><a href="shirts.html">весь асортимент<div></div></a></li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<h2 class="text-center display-6 my-4">Рубашки</h2>
<section class="product-grid-container">
<div class="product-grid">
<a class="link-light" href="">
<div class="d-flex align-items-center justify-content-center flex-column text-center">
<h4 class="fs-1 fw-bold pt-5">Printed Bowling Shirt</h4>
<p class="fs-2 p-0">1 990 ₽</p>
</div>
<img class="img-fluid" src="images/57010633_30_B.png" alt="">
</a>
<a class="link-light" href="">
<div class="d-flex align-items-center justify-content-center flex-column text-center">
<h4 class="fs-1 fw-bold pt-5">Cotton fil-a-fil shirt</h4>
<p class="fs-2 p-0">4 990 ₽</p>
</div>
<img class="img-fluid" src="images/57067703_30_B.png" alt="">
</a>
<a class="link-light" href="">
<div class="d-flex align-items-center justify-content-center flex-column text-center">
<h4 class="fs-1 fw-bold pt-5">Corduroy pockets overshirt</h4>
<p class="fs-2 p-0">5 990 ₽</p>
</div>
<img class="img-fluid" src="images/57077709_30_B.png" alt="">
</a>
<a class="link-light" href="">
<div class="d-flex align-items-center justify-content-center flex-column text-center">
<h4 class="fs-1 fw-bold pt-5">Shirt</h4>
<p class="fs-2 p-0">1 990 ₽</p>
</div>
<img class="img-fluid" src="images/57020618_01_B.png" alt="">
</a>
<a class="link-light" href="">
<div class="d-flex align-items-center justify-content-center flex-column text-center">
<h4 class="fs-1 fw-bold pt-5">Shirt</h4>
<p class="fs-2 p-0">2 990 ₽</p>
</div>
<img class="img-fluid" src="images/47065903_45_B.png" alt="">
</a>
<a class="link-light" href="">
<div class="d-flex align-items-center justify-content-center flex-column text-center">
<h4 class="fs-1 fw-bold pt-5">Shirt</h4>
<p class="fs-2 p-0">3 990 ₽</p>
</div>
<img class="img-fluid" src="images/57010584_54_B.png" alt="">
</a>
</div>
</section>
</main>
<footer class="container-fluid p-3">
<div class="row fs-5">
<div class="col-sm-6">
<h3 class="display-6">golfExude</h3>
<p class="mb-2"><a class="nav-link" href="about-us.html">О нас</a></p>
<p class="mb-2"><a class="nav-link" href="physical-store.html">Физический магазин</a></p>
</div>
<div class="col-sm-6 text-end fw-bold">
<p class="mb-2">Связь с нами</p>
<p class="mb-2">service@golfexude.com</p>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-telegram"></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-instagram"></i></i></a>
<a class="link-dark fs-1 mx-1" href=""><i class="bi bi-twitter-x"></i></i></a>
</div>
</div>
<div class="row">
<div class="text-center">
<p class="m-0">© 2023 golfExude<br>
Все права защищены</p>
</div>
</div>
</footer>
</body>
</html>

25
styles/cart-style.css Normal file
View File

@ -0,0 +1,25 @@
.cart-labels{
font-variant: small-caps;
background-color: #EFDECD;
}
.item-counter input{
width: 33.33333%;
border: none;
background-color: #FFF8E7;
text-align: center;
}
.item-counter button{
border: none;
width: 33.33333%;
background-color: #FFF8E7;
}
.proceed-labels {
background-color: #EFDECD;
border-radius: 10px;
}
@media (min-width: 768px) {
.proceed{
width: 50%;
}
}

5
styles/homepage-style.css Normal file
View File

@ -0,0 +1,5 @@
@media (orientation:portrait) {
main .col-md-4, main img {
width: 100%;
}
}

54
styles/shirts-style.css Normal file
View File

@ -0,0 +1,54 @@
.product-grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 2vw;
}
.product-grid a, .product-grid div{
width: 400px;
height: 400px;
}
@media screen and (max-width: 1290px) {
.product-grid{
grid-template-columns: 1fr 1fr;
}
.product-grid a, .product-grid div{
width: 40vw;
height: 40vw;
}
}
@media screen and (max-width: 720px) {
.product-grid{
grid-template-columns: 1fr;
}
.product-grid a, .product-grid div{
width: 80vw;
height: 80vw;
}
}
.product-grid div{
position: absolute;
background-color: rgba(0, 0, 0, .3);
border: 1px solid rgba(0, 0, 0, 1);
opacity: 0;
}
.product-grid div:hover, .product-grid a:focus > div{
opacity: 1;
transition-property: opacity;
transition-duration: .4s;
transition-timing-function: ease-out;
}
.product-grid-container{
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 40px;
}
.product-grid{
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

114
styles/style.css Normal file
View File

@ -0,0 +1,114 @@
@font-face {
font-family: "Racing Sans One";
src: url(../fonts/RacingSansOne-Regular.ttf) format('truetype');
font-weight: 400; font-style: normal;
}
body {
background-color: #FFF8E7;
font-family: "Arial", sans-serif;
min-height: 100vh;
display: flex;
flex-direction: column;
}
h1, h3, .logoSpan {
font-family: "Racing Sans One", sans-serif;
}
h2 {
letter-spacing: 0.1em;
}
header{
background-color: #4B3621;
}
header > a, header > a:visited, header > a:active{
color: white;
}
nav a, nav a:visited, nav a:hover {
font-variant: small-caps;
color: white;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
}
nav a div {
position: relative;
border-bottom: 1px white solid;
transition-property: width, transform;
transition-duration: .4s;
transition-timing-function: ease-out;
transform: rotateY(90deg);
animation-name: hide-transition;
animation-duration: .4s;
}
nav a:hover div {
transform: rotateY(0);
}
@keyframes hide-transition {
0% {opacity: 0;}
100% {opacity: 0;}
}
.navbar-toggler, .navbar-toggler:active, .navbar-toggler:focus {
border: none;
box-shadow: none;
}
@media screen and (min-width: 992px) and (max-width: 1139px) {
.navbar{
flex-direction: row-reverse;
}
}
@media screen and (min-width: 1140px) {
.login-cart{
position: absolute;
}
}
.dropdown ul {
background-color: #4B3621;
}
.dropdown a, .dropdown a:hover {
font-variant: normal;
}
.dropdown a:active {
background-color: #4B3621 !important;
}
footer, form{
background-color: #EFDECD;
}
footer{
margin-top: auto;
}
.btn-primary{
background-color: #45b6fe !important;
border-color: #45b6fe !important;
}
.btn-primary:hover{
background-color: #389bd9 !important;
border-color: #389bd9 !important;
}
input {
border: none;
border-radius: 10px;
background-color: #FFF8E7;
padding: 10px;
}
input[type="file"] {
display: none;
}

18
vite.config.js Normal file
View File

@ -0,0 +1,18 @@
import { resolve } from 'path'
import { defineConfig } from 'vite'
export default defineConfig({
build: {
rollupOptions: {
input: {
main: resolve(__dirname, 'index.html'),
shirts: resolve(__dirname, 'shirts.html'),
admin: resolve(__dirname, 'admin.html'),
cart: resolve(__dirname, 'cart.html'),
login: resolve(__dirname, 'login.html'),
'about-us': resolve(__dirname, 'about-us.html'),
'physical-store': resolve(__dirname, 'physical-store.html'),
},
},
},
})

BIN
ПИбд-21 Анисин Р.С. ИП Лаб-1.docx
View File

Binary file not shown.

BIN
ПИбд-21 Анисин Р.С. ИП Лаб-2.docx
View File

Binary file not shown.

BIN
ПИбд-21 Анисин Р.С. ИП Лаб-3.docx
View File

Binary file not shown.

BIN
ПИбд-21 Анисин Р.С. ИП Лаб-4.docx
View File

Binary file not shown.

BIN
ПИбд-21 Анисин Р.С. ИП Лаб-5.docx
View File

Binary file not shown.