<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>e-commerce</title>
    <link href="/css/ecom.css" rel="stylesheet"/>
</head>
<body>
<nav th:replace="fragments/header :: header">Header</nav>
<main>
    <div class="detailgrid">
        <div class="m">
            <img src="/img/product-1.jpg"/>
        </div>
        <div class="m">
            <h1>Tolle Kamera</h1>
            <h2>25.14 €</h2>
            <p>
                Eine TOLLE Kamera <br>
                Jaja du denkst jetzt bestimmt: "Bei dem Preis kann sie gar nich sooo TOLL sein". <br>
                Aber glaub mir, sie is echt echt TOLL! <br>
                Indianerehrenwort!
            </p>
        </div>
        <div class="s">
            <h1>50.28 €</h1>
            <h2 class="secondarytext">Auf Lager</h2>
            <br>
            <form>
                <div>
                    <label class="nolinebreak">Menge:</label>
                    <select size="1">
                        <option>2</option>
                    </select>
                </div>
            </form>
            <br>
            <br>
            <button>In den Einkaufswagen</button>
        </div>
    </div>
</main>
<footer th:replace="fragments/footer :: footer"></footer>
</body>
</html>