193 lines
8.0 KiB
HTML
193 lines
8.0 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
|||
|
|
<link rel="stylesheet" href="styles/style.css">
|
|||
|
|
<title>Document</title>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<header class="fixed-top">
|
|||
|
|
<nav class="navbar navbar-expand-lg bg-body-tertiary" data-bs-theme="dark">
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
<a class="navbar-brand" href="index.html"> <img src="images/icons8-ос-mac (4).svg" alt=""></a>
|
|||
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
|
|||
|
|
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Переключатель навигации">
|
|||
|
|
<span class="navbar-toggler-icon"></span>
|
|||
|
|
</button>
|
|||
|
|
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
|||
|
|
<div class="navbar-nav">
|
|||
|
|
<div class="admin-header"><a class="nav-link" href="admin.html">Администратор</a></div>
|
|||
|
|
<a class="nav-link" href="about us.html">О нас</a>
|
|||
|
|
<a class="nav-link active" href="catalog.html">Каталог</a>
|
|||
|
|
<a class="nav-link" href="support.html">Поддержка</a>
|
|||
|
|
<a class="nav-link" href="singin.html">Войти</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<section class="catalog-section">
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
<div class="title-one">
|
|||
|
|
<h2>Наши продукты</h2>
|
|||
|
|
</div>
|
|||
|
|
<div class="row gx-5">
|
|||
|
|
<div class="col-md-6 col-lg-4 col-xxl-3">
|
|||
|
|
<div class="card">
|
|||
|
|
<img src="images/iphone_14_pro.png" class="card-img-top" alt="...">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<h5 class="card-title">iPhone 13 Pro</h5>
|
|||
|
|
<p class="card-text">125 999 ₽</p>
|
|||
|
|
<!-- <div class="button-center">
|
|||
|
|
<a href="#" class="btn btn-primary">купить</a>
|
|||
|
|
</div> -->
|
|||
|
|
<div class="buttom-admin">
|
|||
|
|
<button class="button-edit" alt="ред"></button>
|
|||
|
|
<button class="button-delete" alt="ред"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-lg-4 col-xxl-3">
|
|||
|
|
<div class="card">
|
|||
|
|
<img src="images/iphone_14_pro.png" class="card-img-top" alt="...">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<h5 class="card-title">iPhone 13 Pro</h5>
|
|||
|
|
<p class="card-text">125 999 ₽</p>
|
|||
|
|
<!-- <div class="button-center">
|
|||
|
|
<a href="#" class="btn btn-primary">купить</a>
|
|||
|
|
</div> -->
|
|||
|
|
<div class="buttom-admin">
|
|||
|
|
<button class="button-edit" alt="ред"></button>
|
|||
|
|
<button class="button-delete" alt="ред"></button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-lg-4 col-xxl-3">
|
|||
|
|
<div class="card">
|
|||
|
|
<img src="images/iphone_14_pro.png" class="card-img-top" alt="...">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<h5 class="card-title">iPhone 13 Pro</h5>
|
|||
|
|
<p class="card-text">125 999 ₽</p>
|
|||
|
|
<!-- <div class="button-center">
|
|||
|
|
<a href="#" class="btn btn-primary">купить</a>
|
|||
|
|
</div> -->
|
|||
|
|
<div class="buttom-admin">
|
|||
|
|
<button class="button-edit" alt="ред"></button>
|
|||
|
|
<button class="button-delete" alt="ред"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-lg-4 col-xxl-3">
|
|||
|
|
<div class="card">
|
|||
|
|
<img src="images/iphone_14_pro.png" class="card-img-top" alt="...">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<h5 class="card-title">iPhone 13 Pro</h5>
|
|||
|
|
<p class="card-text">125 999 ₽</p>
|
|||
|
|
<!-- <div class="button-center">
|
|||
|
|
<a href="#" class="btn btn-primary">купить</a>
|
|||
|
|
</div> -->
|
|||
|
|
<div class="buttom-admin">
|
|||
|
|
<button class="button-edit" alt="ред"></button>
|
|||
|
|
<button class="button-delete" alt="ред"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-lg-4 col-xxl-3">
|
|||
|
|
<div class="card">
|
|||
|
|
<img src="images/iphone_14_pro.png" class="card-img-top" alt="...">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<h5 class="card-title">iPhone 13 Pro</h5>
|
|||
|
|
<p class="card-text">125 999 ₽</p>
|
|||
|
|
<!-- <div class="button-center">
|
|||
|
|
<a href="#" class="btn btn-primary">купить</a>
|
|||
|
|
</div> -->
|
|||
|
|
<div class="buttom-admin">
|
|||
|
|
<button class="button-edit" alt="ред"></button>
|
|||
|
|
<button class="button-delete" alt="ред"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-lg-4 col-xxl-3">
|
|||
|
|
<div class="card">
|
|||
|
|
<img src="images/iphone_14_pro.png" class="card-img-top" alt="...">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<h5 class="card-title">iPhone 13 Pro</h5>
|
|||
|
|
<p class="card-text">125 999 ₽</p>
|
|||
|
|
<!-- <div class="button-center">
|
|||
|
|
<a href="#" class="btn btn-primary">купить</a>
|
|||
|
|
</div> -->
|
|||
|
|
<div class="buttom-admin">
|
|||
|
|
<button class="button-edit" alt="ред"></button>
|
|||
|
|
<button class="button-delete" alt="ред"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-lg-4 col-xxl-3">
|
|||
|
|
<div class="card">
|
|||
|
|
<img src="images/iphone_14_pro.png" class="card-img-top" alt="...">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<h5 class="card-title">iPhone 13 Pro</h5>
|
|||
|
|
<p class="card-text">125 999 ₽</p>
|
|||
|
|
<!-- <div class="button-center">
|
|||
|
|
<a href="#" class="btn btn-primary">купить</a>
|
|||
|
|
</div> -->
|
|||
|
|
<div class="buttom-admin">
|
|||
|
|
<button class="button-edit" alt="ред"></button>
|
|||
|
|
<button class="button-delete" alt="ред"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-lg-4 col-xxl-3">
|
|||
|
|
<div class="card">
|
|||
|
|
<img src="images/iphone_14_pro.png" class="card-img-top" alt="...">
|
|||
|
|
<div class="card-body">
|
|||
|
|
<h5 class="card-title">iPhone 13 Pro</h5>
|
|||
|
|
<p class="card-text">125 999 ₽</p>
|
|||
|
|
<!-- <div class="button-center">
|
|||
|
|
<a href="#" class="btn btn-primary">купить</a>
|
|||
|
|
</div> -->
|
|||
|
|
<div class="buttom-admin">
|
|||
|
|
<button class="button-edit" alt="ред"></button>
|
|||
|
|
<button class="button-delete" alt="ред"></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="what-buy">
|
|||
|
|
<h3>Где купить?</h3>
|
|||
|
|
<p>Вы можете приобрести товар у реселлера или оператора
|
|||
|
|
сотовой связи. Выбирайте любой удобный вариант.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<footer>
|
|||
|
|
<nav class="navbar bg-body-tertiary" data-bs-theme="dark">
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
<div class="navbar-text">
|
|||
|
|
Kozlovanastya260104@gmail.com
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
|
|||
|
|
</footer>
|
|||
|
|
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|