internet-programming/lab2/stock.html

247 lines
17 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.

<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Акции</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="./style.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="./logo.png" alt="logo" width="128">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse justify-content-start" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link" href="index.html">Каталог</a>
<a class="nav-link active" href="stock.html">Акции</a>
<a class="nav-link" href="contacts.html">Контакты</a>
</div>
</div>
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
<div class="navbar-nav">
<a class="btn custom-btn" href="personalAccountLogin.html">Войти</a>
<a class="btn btn-warning" href="basket.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="d-flex justify-content-center align-items-center">
<h1 class="text-warning font-weight-bold">Акции</h1>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 mb-4">
<div class="card">
<img src="stock.png" class="card-img-top" alt="Product Image">
<div class="card-body">
<h5 class="card-title">Дарим кибер-призы</h5>
<p class="card-text">Вот так ачивка! Закажите Кибер-комбо и получите доступ к играм от MY.GAMES, а еще кокосовый батончик и шоколадное печенье «Cyber» от Bite. А также станьте автоматическим участником розыгрыша игровых ключей и больших пицц 29 июня.
</p>
</div>
<div class="card-footer">
<button class="btn btn-warning">Посмотреть</button>
</div>
</div>
</div>
</div>
</div>ч
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
Все права защищены © 2023-2024
</footer>
</body>
</html>