PIbd-21_Danilov_V.V._Intern.../Lab2/Product.html
Владимир Данилов cd47298d6e Отчеты
2023-12-19 00:48:16 +04:00

108 lines
8.2 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.

<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 = "./style.css">
</head>
<body class="h-100 d-flex flex-column">
<header>
<nav class="navbar navbar-expand-md">
<div class="container-fluid">
<a class = "navbar-brand" href = "./Home.html" style="color: #6A3502;">
<i class="fa-solid fa-microchip"></i>
Техник
</a>
<form class="d-flex">
<input class="form-control" type="search" placeholder="Поиск по сайту" aria-label="Search">
<button class="btn btn-outline-*" type="submit" style="color: #6A3502;"><i class="fa-solid fa-search"></i></button>
</form>
<a class="nav-link" href="./Login.html">Вход</a>
</div>
</nav>
</header>
<main class="container-fluid" style="background-color: antiquewhite;">
<h4>15.6" Ноутбук MSI Modern 15 B12M-211RU черный</h4>
<div class="d-flex row">
<article id="carouselExampleIndicators" class="carousel slide p-2 t-2 col-lg-5" data-bs-ride="carousel" style="background-color: white; border-radius: 12px;">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="Image/Laptop5-1.jpg" class="d-block" alt="logo" width="400">
</div>
<div class="carousel-item">
<img src="Image/Laptop5-2.jpg" class="d-block" alt="logo" width="400">
</div>
<div class="carousel-item">
<img src="Image/Laptop5-3.jpg" class="d-block" alt="logo" width="400">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</article>
<article class="d-flex flex-column p-2 col-lg-7">
<div class="p-2">
<div class="navbar-nav d-flex flex-lg-column" style="background-color: white; border-radius: 12px;">
<h5 class="text-center"> 46 999 Р</h5>
<button class="btn btn-warning justify-content-end" type="submit">Купить</button>
</div>
</div>
<div class="navbar-nav p-2">
<div style="background-color: white; border-radius: 12px;">
<h5 class="p-2">Описание</h5>
<a class="nav-link p-2" style="font-size: larger;"> Тонкий корпус ультрабука MSI Modern 15 B12M-215XRU сочетает возможности для оперативного решения сложных задач и оттачивания профессиональных навыков. В качестве ведущего звена производитель выбрал процессор Intel Core i3-1215U с 6-ядерной архитектурой и графический ускоритель Intel UHD Graphics. Это аппаратное оснащение не допускает задержек при обработке файлов и загрузке программ.
Ультрабук MSI Modern 15 B12M-215XRU незаменим для досуга за любимыми развлечениями. Экран диагональю 15.6 дюйма наполняет картинки широким спектром оттенков и не допускает задержек ввода. Матовое покрытие нейтрализует блики от солнечных лучей. Гарантом качественной передачи изображений и звука при проведении совещаний станет веб-камера разрешением 1 Мп и встроенный микрофон.</a>
</div>
</div>
</article>
</div>
<div>
<article class="d-flex flex-column t-2">
<div class="navbar-nav p-2">
<div style="background-color: white; border-radius: 12px;">
<h5 class="p-2">Характеристика</h5>
<a class="nav-link p-2" style="font-size: larger;"> Full HD (1920x1080), IPS, Intel
Core i5-12500H, ядра: 4 + 8 х 2.5 ГГц, RAM 16 ГБ, SSD 512 ГБ, GeForce RTX 4050 для ноутбуков 6 ГБ, без ОС</a>
</div>
</div>
</article>
</div>
<div>
<article class="d-flex flex-column t-2">
<div class="navbar-nav p-2">
<div style="background-color: white; border-radius: 12px;">
<h5 class="p-2">Самый популярный отзыв</h5>
<a class="nav-link p-2" style="font-size: larger;"> <p>markoni89</p> <b>Срок использования:</b> Менее месяца <p><b>Достоинства</b></p><p> отличный процессор 12 поколения, хорош и мощностью и энергопотреблением;</p>
<p><b>Недостатки</b></p><p>сильно маркий пластик корпуса (как и у всей линейки ноутов от MSI), странно что об этом не подумали заранее и вдвойне странно при такой удачной клавиатуре;</p>
<p><b>Комментарий</b></p><p>На данный момент это наилучший вариант для покупки по критерию цена-качество. Железо крайне бодрое, в этой ценовой категории у других производителей нет адекватной конкуренции, даже следующий класс может уступать данному товарищу от MSI.</p></a>
</div>
</div>
</article>
</div>
</main>
<footer class="footer mt-auto d-flex flex-shrink-0 align-items-center">
© 2023 Компания Техник. Администрация Сайта не несет ответственности за размещаемые Пользователями материалы (в т.ч. информацию и изображения), их содержание и качество.
</footer>
</body>
</html>