lab2
This commit is contained in:
parent
b9858e2c88
commit
2e3f6bc245
88
about-us.html
Normal file
88
about-us.html
Normal 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
113
admin.html
Normal 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
122
cart.html
Normal 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
BIN
fonts/RacingSansOne-Regular.ttf
Normal file
Binary file not shown.
BIN
images/251520454_879419866277179_9012306805843872371_n-1-1.jpg
Normal file
BIN
images/251520454_879419866277179_9012306805843872371_n-1-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 376 KiB |
BIN
images/47065903_45_B.png
Normal file
BIN
images/47065903_45_B.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
images/57010584_54_B.png
Normal file
BIN
images/57010584_54_B.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
images/57010633_30_B.png
Normal file
BIN
images/57010633_30_B.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
BIN
images/57020618_01_B.png
Normal file
BIN
images/57020618_01_B.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 492 KiB |
BIN
images/57067703_30_B.png
Normal file
BIN
images/57067703_30_B.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
BIN
images/57077709_30_B.png
Normal file
BIN
images/57077709_30_B.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
images/SUNNY_100x.jpg
Normal file
BIN
images/SUNNY_100x.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 242 KiB |
BIN
images/bronco5_72_1000x.jpg
Normal file
BIN
images/bronco5_72_1000x.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 126 KiB |
BIN
images/solovair1_MAINWEB_1000x.jpg
Normal file
BIN
images/solovair1_MAINWEB_1000x.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 709 KiB |
BIN
images/wes-anderson-muses-cover-43.jpg
Normal file
BIN
images/wes-anderson-muses-cover-43.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 178 KiB |
86
index.html
Normal file
86
index.html
Normal 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
98
login.html
Normal 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
2247
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
23
package.json
Normal file
23
package.json
Normal 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
92
physical-store.html
Normal 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
120
shirts.html
Normal 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
25
styles/cart-style.css
Normal 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
5
styles/homepage-style.css
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
@media (orientation:portrait) {
|
||||||
|
main .col-md-4, main img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
54
styles/shirts-style.css
Normal file
54
styles/shirts-style.css
Normal 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
114
styles/style.css
Normal 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
18
vite.config.js
Normal 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'),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue
Block a user