Nastya_Kozlova/internet_programming
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
924c080763
internet_programming/laba2/ip laba2/catalog.html
Nastya_Kozlova 924c080763 laba2 html
2023-11-17 14:46:26 +04:00

193 lines
8.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>
Reference in New Issue View Git Blame Copy Permalink