Website-Inhalte und Styling in JavaScript Frontend-Projekt separiert
[website] / dist / thymeleaf / projects / html-experimente / phone.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 Smartphones'"
8     >
9   <head layout:fragment="head">
10     <title>HTML-Experimente - Layout PHONE</title>
11     <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/base.css" th:href="@{/css/base.css}"/>
12     <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../../css/phone.css" th:href="@{/css/phone.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 PHONE</strong></li>
21     </ol>
22     <nav layout:fragment="navigation" th:include="projects/html-experimente :: navigation ('phone')">
23       NAVIGATION
24     </nav>
25     <aside layout:fragment="marginalcontent" th:replace="templates/fragments :: marginalcontent">
26       MARGINAL-CONTENT
27     </aside>
28   </body>
29 </html>