2020-01-25 13:59:08 +01:00
<!DOCTYPE html>
< html lang = "de" dir = "ltr" xmlns:th = "http://www.thymeleaf.org" >
< head >
2020-04-27 09:48:24 +02:00
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=0.75, user-scalable=no" >
2020-01-25 13:59:08 +01:00
2020-04-27 09:48:24 +02:00
< title > Angebote< / title >
< link rel = "stylesheet" th:href = "@{/css/ecom.css}" / >
2020-01-25 13:59:08 +01:00
< / head >
< body >
2020-04-27 09:48:24 +02:00
< nav th:replace = "fragments/header :: header" > Header< / nav >
< main >
< div class = 'hero' >
< div class = 'content-width' >
2020-01-25 13:59:08 +01:00
< h1 > Angebote< / h1 >
2020-04-27 09:48:24 +02:00
< script th:src = "@{/js/back.js}" > < / script >
< div class = "back" data-group = "shop" data-name = "Zurück zur Startseite." data-insert = "false" > < / div >
2020-01-25 13:59:08 +01:00
< div class = 'grid m base shadow' >
2020-04-27 09:48:24 +02:00
< section > < a th:href = "@{/shop/articles/1234}" class = "section" >
2020-01-25 13:59:08 +01:00
2020-04-27 09:48:24 +02:00
< img th:src = "@{/img/product-1.jpg}" / >
< h2 > Lorem Ipsum< / h2 >
< p class = 'price' > 25.14 EUR< / p >
< p >
2020-01-25 13:59:08 +01:00
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
2020-04-27 09:48:24 +02:00
< / p >
< / a >
< / section >
< section > < a th:href = "@{/shop/articles/1234}" class = "section" >
2020-01-25 13:59:08 +01:00
2020-04-27 09:48:24 +02:00
< img th:src = "@{/img/product-2.jpg}" / >
< h2 > Lorem Ipsum< / h2 >
< p class = 'price' > 10.14 EUR< / p >
< p >
2020-01-25 13:59:08 +01:00
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
2020-04-27 09:48:24 +02:00
< / p >
< / a >
< / section >
< section > < a th:href = "@{/shop/articles/1234}" class = "section" >
2020-01-25 13:59:08 +01:00
2020-04-27 09:48:24 +02:00
< img th:src = "@{/img/product-3.jpg}" / >
< h2 > Lorem Ipsum< / h2 >
< p class = 'price' > 25.14 EUR< / p >
< p >
2020-01-25 13:59:08 +01:00
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
2020-04-27 09:48:24 +02:00
< / p >
< / a >
< / section >
< section > < a th:href = "@{/shop/articles/1234}" class = "section" >
2020-01-25 13:59:08 +01:00
2020-04-27 09:48:24 +02:00
< img th:src = "@{/img/product-4.jpg}" / >
< h2 > Lorem Ipsum< / h2 >
< p class = 'price' > 10.14 EUR< / p >
< p >
2020-01-25 13:59:08 +01:00
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
2020-04-27 09:48:24 +02:00
< / p >
< / a >
< / section >
< section >
< a th:href = "@{/shop/articles/1234}" class = "section" >
< img th:src = "@{/img/product-5.jpg}" / >
< h2 > Lorem Ipsum< / h2 >
< p class = 'price' > 44.14 EUR< / p >
< p >
Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte.
< / p >
< / a >
< / section >
< section class = "spacer" > < / section >
< section class = "spacer" > < / section >
< section class = "spacer" > < / section >
< section class = "spacer" > < / section >
2020-01-25 13:59:08 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / div >
< div class = "vertical-spacer s" > < / div >
< / div >
< div class = '' >
< div class = 'content-width' >
2020-01-25 13:59:08 +01:00
< h1 > Personalisierte Empfehlungen< / h1 >
< div class = "grid l" >
2020-04-27 09:48:24 +02:00
< 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 >
< p >
< a class = "button" th:href = "@{/register}" > Registieren< / a >
< / p >
< / div >
2020-01-25 13:59:08 +01:00
< / div >
2020-04-27 09:48:24 +02:00
< / div >
< div class = "vertical-spacer s" > < / div >
< / div >
< / main >
< footer th:replace = "fragments/footer :: footer" > < / footer >
2020-01-25 13:59:08 +01:00
< / body >
< / html >