juplo.de Git - website/blob - src/main/webapp/thymeleaf/projects/html-experimente/tiny.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="title='Layout für sehr kleine Bildschirmgrößen'"
   8     >
   9   <head layout:fragment="head">
  10     <title>HTML-Experimente - Layout TINY</title>
  11     <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
  12     <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../../../css/tiny.css" th:href="@{/css/tiny.css}"/>
  13     <script src="../../../js/less-1.7.0.min.js" th:remove="all"></script>
  14   </head>
  15   <body>
  16     <ol layout:fragment="breadcrumb">
  17       <li class="b"><a class="b" href="../../index.html" th:href="@{/index.html}">Home</a></li>
  18       <li class="b"><a class="b" href="../../projects.html" th:href="@{/projects.html}">Projects</a></li>
  19       <li class="b"><a class="b" href="../html-experimente.html" th:href="@{/projects/html-experimente.html}">HTML-Experimente</a></li>
  20       <li class="b"><strong class="b">Layout TINY</strong></li>
  21     </ol>
  22     <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('tiny')">
  23       NAVIGATION
  24     </nav>
  25     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
  26       MARGINAL-CONTENT
  27     </aside>
  28   </body>
  29 </html>