--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="/templates/layout"
+ th:with="uri='/contact.html'"
+ >
+ <head>
+ <title>Contact</title>
+ <!--/*-->
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
+ <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
+ <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
+ <script src="../js/less-1.7.0.min.js"></script>
+ <!--*/-->
+ </head>
+ <body>
+ <div id="content" class="main pack cf" layout:fragment="maincontent">
+ <div class="pack">
+ <div class="p left">
+ <img class="p" src="../img/kai-moritz.jpg" th:src="@{/img/kai-moritz.jpg}" alt="Portrait"/>
+ </div>
+ <article class="p right">
+ <header><h1>Contact</h1></header>
+ <h2>Address</h2>
+ <p>
+ Kai Moritz<br />
+ Zumsandestr. 29a<br />
+ 48145 Münster
+ </p>
+ <h2>Email</h2>
+ <p><a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
+ <h2>Phone</h2>
+ <p>+49 (0) 176 20 50 47 47</p>
+ <h2>Networking</h2>
+ <ul>
+ <li><a href="https://www.google.com/+KaiMoritz" title="Google+">www.google.com/+KaiMoritz</a></li>
+ <li><a href="https://www.xing.com/profile/Kai_Moritz" title="Xing">www.xing.com/profile/Kai_Moritz</a></li>
+ </ul>
+ <!--
+ <h2>About Me</h2>
+ <h2><em>Übersetzung?!?</em> Jobportale</h2>
+ -->
+ </article>
+ </div>
+ </div>
+ </body>
+</html>