| 1 |
<!DOCTYPE html> |
| 2 |
<html xmlns:th="http://www.thymeleaf.org"> |
| 3 |
<head> |
| 4 |
<th:block th:fragment="head-content"> |
| 5 |
<meta charset="UTF-8"> |
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 7 |
<link rel="stylesheet" th:href="@{/css/styles.css}"> |
| 8 |
</th:block> |
| 9 |
</head> |
| 10 |
<body> |
| 11 |
<header th:fragment="navbar"> |
| 12 |
<nav class="navbar container"> |
| 13 |
<a th:href="@{/}" class="navbar-brand"> |
| 14 |
<h1>Webshop</h1> |
| 15 |
</a> |
| 16 |
<div class="navbar-actions"> |
| 17 |
<a th:href="@{/cart}" class="cart-button" aria-label="Cart"> |
| 18 |
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg> |
| 19 |
<span id="cartCount" class="cart-badge" style="display: none;">0</span> |
| 20 |
</a> |
| 21 |
</div> |
| 22 |
</nav> |
| 23 |
</header> |
| 24 |
</body> |
| 25 |
</html> |
| 26 |
|
| 27 |
|