juplo.de Git - website/blob - dist/thymeleaf/contact.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="uri='/contact.html'"
   7     >
   8   <head>
   9     <title>Contact</title>
  10     <!--/*-->
  11     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  12     <link rel="stylesheet/less" type="text/css" href="../less/base.less"/>
  13     <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen"/>
  14     <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print"/>
  15     <script src="../js/less-1.7.0.min.js"></script>
  16     <!--*/-->
  17   </head>
  18   <body>
  19     <div id="content" class="main pack cf" layout:fragment="maincontent">
  20       <div class="pack">
  21         <div class="p left">
  22           <img class="p" src="../img/kai-moritz.jpg" th:src="@{/img/kai-moritz.jpg}" alt="Portrait"/>
  23         </div>
  24         <article class="p right">
  25           <header><h1>Contact</h1></header>
  26           <h2>Address</h2>
  27           <p>
  28             Kai Moritz<br />
  29             Zumsandestr. 29a<br />
  30             48145 Münster
  31           </p>
  32           <h2>Email</h2>
  33           <p><a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
  34           <h2>Phone</h2>
  35           <p>+49 (0) 176 20 50 47 47</p>
  36           <h2>Networking</h2>
  37           <ul>
  38             <li><a href="https://www.google.com/+KaiMoritz" title="Google+">www.google.com/+KaiMoritz</a></li>
  39             <li><a href="https://www.xing.com/profile/Kai_Moritz" title="Xing">www.xing.com/profile/Kai_Moritz</a></li>
  40           </ul>
  41           <!--
  42           <h2>About Me</h2>
  43           <h2><em>Übersetzung?!?</em> Jobportale</h2>
  44           -->
  45         </article>
  46       </div>
  47     </div>
  48   </body>
  49 </html>