juplo.de Git - website/blob - dist/contact.html

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