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