juplo.de Git - website/blob - dist/thymeleaf/projects/html-experimente/fast-leer-einspaltig-mit-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='onecolumn'"
   8     >
   9   <head>
  10     <title>HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt</title>
  11     <link rel="stylesheet" type="text/css" href="../../../css/base.min.css"/>
  12     <style type="text/css">
  13       @import '../../../css/screen.min.css' screen;
  14       @import '../../../css/print.min.css' print;
  15     </style>
  16   </head>
  17   <body>
  18     <ol layout:fragment="breadcrumb">
  19       <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
  20       <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
  21       <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
  22       <li class="b"><strong class="b">Leer, einspaltig, Marginal</strong></li>
  23     </ol>
  24     <nav layout:fragment="navigation">
  25       <hr class="n"/>
  26       <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
  27       <h1 class="nav">Navigation</h1>
  28       <h2 class="nav menu">Section-Menu</h2>
  29       <ul id="menu" class="cf">
  30         <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
  31         <li class="m projects"><a href="../projects.html" th:href="@{/projects.html}" class="m selected">Projects</a></li>
  32         <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
  33       </ul>
  34     </nav>
  35     <article class="main" layout:fragment="maincontent">
  36       <header><h1>Fast leere einspaltige Seite mit Marginalinhalt</h1></header>
  37     </article>
  38     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
  39       MARGINAL-CONTENT
  40     </aside>
  41   </body>
  42 </html>