Die separaten CSS-Dateien für die Layouts TABLET, PHONE und TINY korrigiert
[website] / dist / thymeleaf / potemkin / html-experimente / fast-leer-kein-menü.html
1 <!DOCTYPE html>
2 <html
3     xmlns="http://www.w3.org/1999/xhtml"
4     xmlns:layout="http://www.thymeleaf.org"
5     xmlns:th="http://www.thymeleaf.org"
6     layout:decorator="/templates/layout"
7     th:with="contentclass='nomenu', uri='/potemkin/html-experimente/fast-leer-kein-menü.html'"
8     >
9   <head>
10     <title>HTML-Experimente - Fast leere Seite ohne Menü</title>
11     <!--/*-->
12     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
13     <link rel="stylesheet" type="text/css" href="../../../css/base.css"/>
14     <link rel="stylesheet" type="text/css" href="../../../css/screen.css" media="screen"/>
15     <link rel="stylesheet" type="text/css" href="../../../css/print.css" media="print"/>
16     <!--*/-->
17   </head>
18   <body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
19     <nav layout:fragment="navigation">
20       <hr class="n"/>
21       <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
22       <h1 class="nav">Navigation</h1>
23       <h2 class="nav menu">Section-Menu</h2>
24       <ul id="menu" class="cf">
25         <li class="m blog"><a href="../../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
26         <li class="m projects"><a href="../../potemkin.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
27         <li class="m about"><a href="../../about.html" th:href="@{/about.html}" class="m">About</a></li>
28       </ul>
29     </nav>
30     <article class="main" layout:fragment="maincontent">
31       <header><h1>Fast leere Seite ohne Menü</h1></header>
32       <p>Ein ganz bischen Text...</p>
33     </article>
34   </body>
35 </html>