2 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.thymeleaf.org">
4 <title>Fragments</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
6 <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
7 <style type="text/css">
8 @import '../css/screen.min.css' screen;
9 @import '../css/print.min.css' print;
13 <h1>Explanation fo the german word "Impressum"</h1>
15 <aside class="m" th:fragment="about">
16 <h1>What the f*#!@ is an <em>Impressum</em> ?!?</h1>
17 The german law enforces the so called <em>Impressum</em> to enable
18 customers to easily find out all juristically relevant informations
19 about the company, that rules a site.
20 <h1>Find out more...</h1>
21 If you just want to learn more about juplo you should better
22 <a href="../about.html" th:href="@{/about.html}" title="Learn more about juplo now">visit our about-pages</a>.
25 <h1>Work-in-progress-hint</h1>
27 <article class="main" layout:fragment="wip(title)">
28 <header><h1 th:text="${title}">PAGE-TITLE</h1></header>
29 <div class="wip" th:fragment="wip">
30 <img class="w" src="/img/comming-soon.png" alt="Comming soon..."/>
31 <p th:include="templates/layout :: maincontent" th:remove="tag">
37 <h1>Marginalspalte</h1>
39 <div th:fragment="marginalcontent" th:remove="tag">
41 <h1>Other nasty but marginal stuff</h1>
43 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
44 eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
45 ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
46 aliquip ex ea commodo consequat. Duis aute irure dolor in
47 reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
48 pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
49 culpa qui officia deserunt mollit anim id est laborum.
53 <h1>More nasty stuff</h1>
55 This one is really short!