Internet_Programming_PIbd-2.../лаб2/прим1/page7.html
2023-11-09 22:45:49 +04:00

76 lines
3.8 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">
<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="./style2.css">
</head>
<body class="h-100 d-flex flex-column">
<header>
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<name>
<img src ="images/logo.png" class="img-fluid" alt = "...">
Рарити шоп
</name>
</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-end" id="navbarNav">
<div class="navbar-nav">
<a class="nav-link active" href="./index.html">Главная</a>
<a class="nav-link active" href="./page5.html">Каталог</a>
<a class="nav-link active" href="./page3.html">Контакты</a>
<a class="nav-link active" href="./page3.html">Личный кабинет</a>
<a class="nav-link active" href="./page9.html">Корзина</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container-fluid row p-2 m-0">
<div class = "container-fluid m-0">
<div class = "row m-0">
<div class = "col col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 map h-75">
<div class = "h-75 d-flex flex-column justify-content-left align-items-left">
<img src ="images/платье вечернее пышное.png" class="w-75 img-fluid" alt = "..." >
</div>
</div>
<div class = "col col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 adress h-75">
<div class="text-center nameline">
Вечернее платье пышное "Бальный вечер"
</div>
<div class="cable-config">Выберите размер
<div class="cable-choose d-grid gap-2 d-md-block">
<button class="b" style="background-color: #50BAF5;">38-40</button>
<button class="b" style="background-color: #50BAF5;">40-42</button>
<button class="b" style="background-color: #50BAF5;">42-44</button>
<button class="b" style="background-color: #50BAF5;">44-46</button>
<button class="b" style="background-color: #50BAF5;">46-48</button>
<button class="b" style="background-color: #50BAF5;">48-50</button>
<button class="b" style="background-color: #50BAF5;">50-52</button>
<button class="b" style="background-color: #50BAF5;">Индивидуальный замер в магазине</button>
</div>
</div>
<div class="product-price">20000 руб.
<button type="button" class="btn btn-primary btn-lg">
<a class="nav-link active" href="./page9.html">В корзину</a>
</button>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-left align-items-left">
Рарити Шоп.ру Лёвушкина Анна ПИбд-21
</footer>
</body>
</html>