<!DOCTYPE html>
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>e-commerce</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link href="/css/ecom.css" rel="stylesheet"/>
    <link href="/css/articleDetail.css" rel="stylesheet"/>
</head>
<body>
<nav th:replace="fragments/header :: header">Header</nav>
    <div class="hero">
        <main>
            <div class="articledetail">
                <div class="row">
                    <div class="picture col-4">
                        <img src="/img/product-1.jpg" />
                    </div>
                    <div class="articleinfo col-6">
                        <h2>Tolle Kamera</h2>
                        <p>25.14 €</p>
                        <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="checkout col-2">
                        <h2>50.28 €</h2>
                        <p class="availability">Auf Lager</p>
                        <br>
                        <form>
                            <div class="quantity row">
                                <label>Menge:</label>
                                <select size="1">
                                    <option>2</option>
                                </select>
                            </div>
                        </form>
                        <br>
                        <br>
                        <button>In den Einkaufswagen</button>
                    </div>
                </div>
            </div>
        </main>
    </div>
<footer th:replace="fragments/footer :: footer"></footer>
</body>
</html>