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

   1 <!DOCTYPE html>
   2 <html
   3     xmlns="http://www.w3.org/1999/xhtml"
   4     xmlns:layout="http://www.thymeleaf.org"
   5     layout:decorator="templates/layout"
   6     th:with="contentclass='nomenu'"
   7     >
   8   <head>
   9     <title>Home</title>
  10     <link rel="stylesheet/less" type="text/css" href="../less/all.less" th:remove="all"/>
  11     <script src="../js/less-1.7.0.min.js" th:remove="all"></script>
  12   </head>
  13   <body>
  14     <ol layout:fragment="breadcrumb">
  15       <li class="b"><strong class="b">Home</strong></li>
  16     </ol>
  17     <h1 layout:fragment="header"><strong class="l">juplo</strong></h1>
  18     <nav layout:fragment="navigation">
  19       <hr class="n"/>
  20       <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
  21       <h1 class="nav">Navigation</h1>
  22       <h2 class="nav menu">Section-Menu</h2>
  23       <ul id="menu" class="cf">
  24         <li class="m blog"><a href="../blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
  25         <li class="m projects"><a href="../projects" th:href="@{/projects.html}" class="m">Projects</a></li>
  26         <li class="m about"><a href="../about.html" th:href="@{/about.html}" class="m">About</a></li>
  27       </ul>
  28     </nav>
  29     <main class="main" layout:fragment="maincontent">
  30       <div class="pack bg cf">
  31         <div class="p left">
  32           <h1>hibernate4-maven-plugin</h1>
  33           <p>
  34             <strong>Lorem ipsum</strong> dolor
  35             <a href="projects/typo.html" th:href="@{/projects/typo.html}">sit amet</a>,
  36             consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
  37             labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
  38             <a href="projects/html-experimente.html" th:href="@{/projects/html-experimente.html}">exercitation</a>
  39             ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
  40             irure dolor in reprehenderit in voluptate velit esse cillum dolore
  41             eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  42             proident, sunt in culpa qui officia deserunt mollit anim id est
  43             laborum.
  44           </p>
  45         </div>
  46         <div class="p right">
  47           <h1>fix-swf</h1>
  48           <p>
  49             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  50             eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  51             ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  52             aliquip ex ea commodo consequat.
  53           </p>
  54         </div>
  55       </div>
  56       <div class="single">
  57         <h1>accelerator</h1>
  58         <p>
  59           Duis aute irure dolor in
  60           reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  61           pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  62           culpa qui officia deserunt mollit anim id est laborum.
  63         </p>
  64       </div>
  65       <div class="pack bg cf">
  66         <div class="p right">
  67           <h1>jquery.openx</h1>
  68           <p>
  69             Duis aute irure dolor in
  70             reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  71             pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  72             culpa qui officia deserunt mollit anim id est laborum.
  73           </p>
  74         </div>
  75         <div class="p left">
  76           <h1>Regex-Lab</h1>
  77           <p>
  78             Excepteur sint occaecat cupidatat non proident, sunt in
  79             culpa qui officia deserunt mollit anim id est laborum.
  80           </p>
  81         </div>
  82       </div>
  83       <div class="pack cf">
  84         <div class="p left">
  85           <h1>jquery.openx</h1>
  86           <p>
  87             Duis aute irure dolor in
  88             reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  89             pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  90             culpa qui officia deserunt mollit anim id est laborum.
  91           </p>
  92         </div>
  93         <div class="p right">
  94           <h1>Regex-Lab</h1>
  95           <p>
  96             Excepteur sint occaecat cupidatat non proident, sunt in
  97             culpa qui officia deserunt mollit anim id est laborum.
  98           </p>
  99         </div>
 100       </div>
 101     </main>
 102     <div layout:fragment="marginalcontent">
 103       <aside class="m">
 104         <div class="widget widget_recent_entries">
 105           <h1 class="widgettitle">Recent Posts</h1>
 106           <ul>
 107             <li>
 108               <a href="blog/article.html" th:href="@{/blog/article.html}" 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>
 109             </li>
 110             <li>
 111               <a href="#" title="hibernate4-maven-plugin 1.0.3 released!">hibernate4-maven-plugin 1.0.3 released!</a>
 112             </li>
 113             <li>
 114               <a href="#" title="Log out from wrong Account with maven-appengine-plugin">Log out from wrong Account with maven-appengine-plugin</a>
 115             </li>
 116             <li>
 117               <a href="#" title="Bidirectional Association with @ElementCollection">Bidirectional Association with @ElementCollection</a>
 118             </li>
 119             <li>
 120               <a href="#" title="hibernate4-maven-plugin 1.0.2 released!">hibernate4-maven-plugin 1.0.2 released!</a>
 121             </li>
 122             <li>
 123               <a href="#" title="hibernate4-maven-plugin 1.0.1 released!">hibernate4-maven-plugin 1.0.1 released!</a>
 124             </li>
 125             <li>
 126               <a href="#" title="hibernate4-maven-plugin 1.0 released!">hibernate4-maven-plugin 1.0 released!</a>
 127             </li>
 128             <li>
 129               <a href="blog/comments.html" th:href="@{/blog/comments.html}" title="hibernate4-maven-plugin">hibernate4-maven-plugin</a>
 130             </li>
 131           </ul>
 132         </div>
 133       </aside>
 134     </div>
 135   </body>
 136 </html>