Internet-programming/laba2/cakes.html
2024-01-14 23:17:59 +04:00

56 lines
2.0 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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Готовые торты</title>
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link rel = "stylesheet" href="style.css" />
</head>
<header>
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">тяп-ляп</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="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a href="price.html">Прайс</a>
</li>
<a href="aboutUs.html">О нас</a>
</li>
<li class="nav-item">
<a href="contact.html">&#9742;Связаться с нами</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<body>
<h1>Варианты готовых тортов:</h1>
<div class="container text-center">
<div class="row cakes">
<div class="col">
<img src="images/mam.png" class="img_options" alt="mam" width="400">
<p>Маме<br>Цена: 1500 руб.</p>
</div>
<div class="col">
<img src="images/dad.png" class="img_options" alt="dad" width="400">
<p>Папе<br>Цена: 1600 руб.</p>
</div>
<div class="col">
<img src="images/podruge.png" class="img_options" alt="friend" width="400">
<p>Подружке<br>Цена: 1200 руб.</p>
</div>
</div>
</div>
</body>
</html>