+++ /dev/null
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tiles="http://www.thymeleaf.org">
- <head tiles:fragment="htmlhead">
- <title th:text="'juplo - ' + ${title}">juplo - STANDARDELEMENTE</title>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../less/all.less" th:href="@{/css/base.css}"/>
- <style type="text/css" th:inline="text">
- @import '[[@{/css/screen.css}]]' screen;
- @import '[[@{/css/print.css}]]' print;
- </style>
- <script src="../../js/base.js" th:src="@{/js/base.js}"></script>
- <script src="../../js/less-1.5.1.js" th:remove="all"></script>
- </head>
- <body>
- <h1 id="logo" tiles:fragment="header"><a href="${base}" title="Home" class="l">juplo</a></h1>
- <article id="content" class="main" tiles:fragment="maincontent">
- <p>
- <strong>Lorem ipsum</strong> dolor <a href="#" th:href="@{/projects/typo.html}">sit amet</a>, consectetur adipisicing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
- ad minim veniam, quis nostrud <a href="#" th:href="@{/projects/html-experimente.html}">exercitation</a> ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- <h2>Duis aute irure dolor</h2>
- <ul>
- <li>Operators and other mathematical stuff: -+/*</li>
- <li>Characters offten used in programming languages: {(<>)}@$?%*#;:&/\!^"'`~</li>
- <li>Special german characters: ÄäÖöÜü</li>
- <li>Other special characters: @?¢§%°</li>
- </ul>
- <h2>Excepteur sint occaecat cupidatat</h2>
- <p>
- Lorem ipsum dolor <em>sit amet</em>, consectetur adipisicing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
- ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
- aliquip ex ea commodo consequat. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
- eiusmod tempor incididunt ut labore et dolore magna aliqua. <strong>Ut enim
- ad minim veniam, quis nostrud <em>exercitation ullamco</em> laboris nisi ut
- aliquip ex ea commodo consequat</strong>. Duis aute irure dolor in
- reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
- pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
- </p>
- </article>
- <ul id="footerlinks" tiles:fragment="footer">
- <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
- <li class="f"><a class="f" href="#" th:href="@{/impressum.html}">Impressum</a></li>
- <li class="f about"><a class="f" href="#" th:href="@{/about.html}">About</a></li>
- </ul>
- </body>
-</html>