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