juplo.de Git - website/blob - src/main/webapp/thymeleaf/templates/html5page.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:tiles="http://www.thymeleaf.org">
   3   <head tiles:replace="htmlhead">
   4     <title>juplo - BASISTEMPLATE</title>
   5     <meta name="viewport" content="width=device-width, initial-scale=1" />
   6     <link rel="stylesheet/less" type="text/css" href="../../less/all.less"/>
   7     <script src="../../js/less-1.5.1.js"></script>
   8   </head>
   9   <body id="top" th:class="contentclass" onload="prettyPrint()">
  10     <div id="page" class="cf">
  11       <header id="header">
  12         <h1 id="logo" tiles:include="header"><a href="#" title="Home" class="l">juplo</a></h1>
  13         <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
  14         <hr class="h" />
  15       </header>
  16       <div id="breadcrumb">
  17         <strong class="b title">You are here:</strong>
  18         <ol class="b" tiles:include="breadcrumb">
  19           <li class="b"><a class="b" href="#">Home</a></li>
  20           <li class="b"><a class="b" href="#">Projects</a></li>
  21           <li class="b"><a class="b" href="#">Fix SWF</a></li>
  22           <li class="b"><strong class="b">Overview</strong></li>
  23         </ol>
  24         <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>
  25         <hr class="b" />
  26       </div>
  27       <main class="content cf">
  28         <article id="content" class="main" tiles:replace="maincontent">
  29           <header><h1>Überschrift</h1></header>
  30           <p>
  31             <strong>Lorem ipsum</strong> dolor <a href="#">sit amet</a>, consectetur adipisicing elit, sed do
  32             eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  33             ad minim veniam, quis nostrud <a href="#">exercitation</a> ullamco laboris nisi ut
  34             aliquip ex ea commodo consequat. Duis aute irure dolor in
  35             reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  36             pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  37             culpa qui officia deserunt mollit anim id est laborum.
  38           </p>
  39         </article>
  40         <div class="marginal">
  41           <nav id="nav">
  42             <hr class="n"/>
  43             <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
  44             <!--/*-->
  45             <h1 class="nav">Navigation</h1>
  46             <h2 class="nav menu">Section-Menu</h2>
  47             <ul id="menu" class="cf">
  48               <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
  49               <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
  50               <li class="m about"><a href="${base}about.html" class="m">About</a></li>
  51             </ul>
  52             <h2 class="nav submenu">
  53               <span class="s">Submenu for section</span>
  54               <a class="s selected" href="${base}projects.html">Projects</a>
  55             </h2>
  56             <ul id="submenu" class="s">
  57               <li class="s sub off"><a href="#" class="s">hibernate4-maven-plugin</a></li>
  58               <li class="s sub">
  59                 <a href="${base}projects/fix-swf.html" class="s selected">fix-swf</a>
  60                 <ul class="s active">
  61                   <li class="s"><strong class="s">Overview</strong></li>
  62                   <li class="s"><a href="${base}projects/fix-swf/getting-started.html" class="s">Getting Started</a></li>
  63                   <li class="s"><a href="#" class="s">FAQ</a></li>
  64                   <li class="s"><a href="#" class="s">Documentation</a></li>
  65                 </ul>
  66               </li>
  67               <li class="s off"><a href="#" class="s">jquery.openx</a></li>
  68               <li class="s off"><a href="${base}projects/html-experimente.html" class="s">HTML-Experimente</a></li>
  69               <li class="s sub off"><a href="#" class="s">accelerator</a></li>
  70               <li class="s off"><a href="${base}projects/typo.html" class="s">Typography</a></li>
  71             </ul>
  72             <!--*/-->
  73             <div tiles:include="navigation" th:remove="tag"></div>
  74             <hr class="n"/>
  75           </nav>
  76           <aside class="m" tiles:replace="marginalcontent">
  77             <div class="widget widget_recent_entries">
  78               <h2 class="widgettitle">Recent Posts</h2>
  79               <ul>
  80                 <li>
  81                   <a href="#" title="Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</a>
  82                 </li>
  83                 <li>
  84                   <a href="#" title="hibernate4-maven-plugin 1.0.3 released!">hibernate4-maven-plugin 1.0.3 released!</a>
  85                 </li>
  86                 <li>
  87                   <a href="#" title="Log out from wrong Account with maven-appengine-plugin">Log out from wrong Account with maven-appengine-plugin</a>
  88                 </li>
  89                 <li>
  90                   <a href="#" title="Bidirectional Association with @ElementCollection">Bidirectional Association with @ElementCollection</a>
  91                 </li>
  92                 <li>
  93                   <a href="#" title="hibernate4-maven-plugin 1.0.2 released!">hibernate4-maven-plugin 1.0.2 released!</a>
  94                 </li>
  95                 <li>
  96                   <a href="#" title="hibernate4-maven-plugin 1.0.1 released!">hibernate4-maven-plugin 1.0.1 released!</a>
  97                 </li>
  98                 <li>
  99                   <a href="#" title="hibernate4-maven-plugin 1.0 released!">hibernate4-maven-plugin 1.0 released!</a>
 100                 </li>
 101                 <li>
 102                   <a href="#" title="hibernate4-maven-plugin">hibernate4-maven-plugin</a>
 103                 </li>
 104               </ul>
 105             </div>
 106           </aside>
 107         </div>
 108       </main>
 109       <footer id="footer">
 110         <hr class="f" />
 111         <ul id="footerlinks" tiles:include="footer">
 112           <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
 113           <li class="f"><a class="f" href="#">Impressum</a></li>
 114           <li class="f about"><a class="f" href="#">About</a></li>
 115         </ul>
 116       </footer>
 117     </div>
 118   </body>
 119 </html>