44 lines
1.4 KiB
HTML
44 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns:th="http://www.thymeleaf.org">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Магазин электротоваров</title>
|
||
<link rel="stylesheet" th:href="@{/css/styles.css}">
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<h1>Магазин электротоваров</h1>
|
||
<p>Все для вашего дома и офиса</p>
|
||
</header>
|
||
|
||
<div class="container">
|
||
<div class="register-container">
|
||
<a href="/register" class="register-button">Регистрация</a>
|
||
</div>
|
||
|
||
<h2>Каталог товаров</h2>
|
||
|
||
<div class="catalog">
|
||
<div th:each="product : ${products}" class="product">
|
||
<img th:src="${product.imageUrl}" alt="Product Image" style="width: 300px;">
|
||
<h3 th:text="${product.name}"></h3>
|
||
<p th:text="${product.description}"></p>
|
||
<p>Цена: <span th:text="${product.price} + ' $'"></span></p>
|
||
<button>Добавить в корзину</button>
|
||
</div>
|
||
</div>
|
||
|
||
<a href="#" style="margin-top: 2rem; display: inline-block;">
|
||
<button style="padding: 1rem 2rem; font-size: 1.2rem;">Перейти в корзину</button>
|
||
</a>
|
||
</div>
|
||
|
||
<footer>
|
||
<p>© 2024 Магазин электротоваров. Все права защищены.</p>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|