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

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3   <head>
   4     <title>HTML-Experimente - Layout PHONE</title>
   5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" th:remove="all"/>
   6     <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.css}"/>
   7     <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/phone.css" th:href="@{/css/phone.css}"/>
   8   </head>
   9   <body th:replace="~{/templates/layout.html :: body(
  10       uri='/potemkin/html-experimente/phone.html',
  11       title=~{:: title},
  12       maincontent=~{:: .maincontent},
  13       marginalcontent=~{:: .marginalcontent}, json='MERGE:/potemkin.json')}">
  14     <main class="maincontent">
  15       <header><h1>Layout für Smartphones</h1></header>
  16       <strong th:replace="/templates/layout.html :: maincontent">MAIN-CONTENT</strong>
  17     </main>
  18     <aside class="marginalcontent" th:replace="/templates/fragments.html :: marginalcontent">
  19       MARGINAL-CONTENT
  20     </aside>
  21   </body>
  22 </html>