juplo.de Git - website/blob - dist/potemkin/html-experimente/breadcrumb.html

   1 <!DOCTYPE html>
   2 <html
   3     xmlns="http://www.w3.org/1999/xhtml"
   4     th:replace="~{/templates/layout.html :: layout(
   5       uri='/potemkin/html-experimente/breadcrumb.html',
   6       title=~{:: title},
   7       maincontent=~{:: .maincontent},
   8       marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}"
   9     >
  10   <head>
  11     <title id="title">HTML-Experimente - Langer Breadcrumb</title>
  12     <!--/*-->
  13     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  14     <link rel="stylesheet" type="text/css" href="../../css/base.css"/>
  15     <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen"/>
  16     <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print"/>
  17     <!--*/-->
  18   </head>
  19   <body>
  20     <ol id="crumbs">
  21       <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
  22       <li class="b"><a class="b" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
  23       <li class="b"><a class="b" href="html-experimente.html" th:href="@{/potemkin/html-experimente.html}">HTML-Experimente</a></li>
  24       <li class="b"><strong class="b">Dies ist ein Seite mit einem unendlich langen Breadcrumb-Eintrag der bestimmt nicht in den vorgesehenen Platz passt</strong></li>
  25     </ol>
  26     <article class="maincontent">
  27       <header><h1>Seite mit sehr langem Breadcrumb</h1></header>
  28       <p>Eine Seite mit einem extrem langen Breadcrumb...</p>
  29     </article>
  30   </body>
  31 </html>