<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <title>Checkout erfolgreich!</title>
    <link rel="stylesheet" th:href="@{/css/ecom.css}"/>
    <link rel="stylesheet" th:href="@{/css/listedArticles.css}"/>
    <script th:src="@{/js/scrollToContent.js}"></script>
    <script>
      window.setTimeout(function() {
         window.location.href = "/";
      }, 10000);

    </script>
</head>

<body>
<nav th:replace="fragments/header :: header">Header</nav>
<main class="modal">
    <div class="detailflex m">
        <h1> Bestellung erfolgreich! </h1>
        <p>
            <img th:src="@{/img/undraw_successful_purchase_secondary.svg}"/>
        </p>
        <p>
            Diese Seite leitet sie automatisch nach 10 Sekunden weiter.
        </p>
        <a class="button" th:href="@{/}"> Weiter </a>
    </div>
</main>
<footer th:replace="fragments/footer :: footer"></footer>

</body>
</html>
