juplo.de Git - website/blob - dist/potemkin/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.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ü-aber-marginalinhalt.html'"
   8     >
   9   <head>
  10     <title>HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte</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:potemkin.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ü aber mit Marginalinhalt</h1></header>
  32       <p>Ein ganz bischen Text...</p>
  33     </article>
  34     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
  35       MARGINAL-CONTENT
  36     </aside>
  37   </body>
  38 </html>