Web-programming_Anisin_R.S..../shirts.html
2024-01-10 20:41:47 +04:00

120 lines
7.4 KiB
HTML
Raw Permalink 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.

<!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>