2019-11-25 16:15:36 +01:00
<!DOCTYPE html>
< html lang = "de" dir = "ltr" xmlns:th = "http://www.thymeleaf.org" >
2020-01-17 18:03:28 +01:00
< head >
< meta charset = "utf-8" >
< title > e-commerce< / title >
< link rel = "stylesheet" type = "text/css" href = "css/ecom.css" >
< / head >
< body >
< nav th:replace = "fragments/header :: header" > Header< / nav >
< main >
< div class = 'hero' >
2019-11-26 16:21:29 +01:00
< div class = 'content-width' >
2020-01-17 18:03:28 +01:00
< h1 > Angebote< / h1 >
< div class = 'grid m base shadow' >
< section >
< img th:src = "@{/img/product-1.jpg}" / >
< h2 > Lorem Ipsum< / h2 >
< p class = 'price' > 25.14 €< / p >
< p >
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
< / p >
< / section >
< section >
< img th:src = "@{/img/product-2.jpg}" / >
< h2 > Lorem Ipsum< / h2 >
< p class = 'price' > 10.14 €< / p >
< p >
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
< / p >
< / section >
< section >
< img th:src = "@{/img/product-3.jpg}" / >
< h2 > Lorem Ipsum< / h2 >
< p class = 'price' > 25.14 €< / p >
< p >
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
< / p >
< / section >
< section >
< img th:src = "@{/img/product-4.jpg}" / >
< h2 > Lorem Ipsum< / h2 >
< p class = 'price' > 10.14 €< / p >
< p >
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
< / p >
< / section >
< section >
< img th:src = "@{/img/product-5.jpg}" / >
< h2 > Lorem Ipsum< / h2 >
< p class = 'price' > 44.14 €< / p >
< p >
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
< / p >
< / section >
< section class = "spacer" > < / section >
< section class = "spacer" > < / section >
< section class = "spacer" > < / section >
< section class = "spacer" > < / section >
< / div >
2019-11-26 16:21:29 +01:00
< / div >
< div class = "vertical-spacer s" > < / div >
2020-01-17 18:03:28 +01:00
< / div >
< div class = '' >
2019-11-26 16:21:29 +01:00
< div class = 'content-width' >
2020-01-17 18:03:28 +01:00
< h1 > Personalisierte Empfehlungen< / h1 >
< div class = "grid l" >
< img th:src = "@{/img/undraw_successful_purchase_secondary.svg}" / >
< div >
< h2 > Werde jetzt Kunde< / h2 >
< p > Jetzt Kunde werden und viele Vorteile sichern,
wie z.B. personalisierte Empfehlungen. < / p >
< button > Registieren< / button >
< / div >
< / div >
2019-11-26 16:21:29 +01:00
< / div >
< div class = "vertical-spacer s" > < / div >
2020-01-17 18:03:28 +01:00
< / div >
< / main >
2019-11-26 16:21:29 +01:00
< footer th:replace = "fragments/footer :: footer" > < / footer >
2019-11-25 16:15:36 +01:00
< / body >
< / html >