Projekt in ein JavaScript Frontend-Projekt umgewandelt
[website] / 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     >
7   <head>
8     <title>Contact</title>
9     <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
10     <style type="text/css">
11       @import '../css/screen.min.css' screen;
12       @import '../css/print.min.css' print;
13     </style>
14   </head>
15   <body>
16     <ol layout:fragment="breadcrumb">
17       <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
18       <li class="b"><a class="b" href="about.html" th:href="@{/about.html}">About</a></li>
19       <li class="b"><strong class="b">Contact</strong></li>
20     </ol>
21     <nav layout:fragment="navigation">
22       <hr class="n"/>
23       <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
24       <h1 class="nav">Navigation</h1>
25       <h2 class="nav menu">Section-Menu</h2>
26       <ul id="menu" class="s active cf">
27         <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
28         <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
29         <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m selected">About</a></li>
30       </ul>
31       <h2 class="nav submenu"><span class="s">Submenu for section </span><a href="about.html" th:href="@{/about.html}" class="s">About</a></h2>
32       <ul id="submenu">
33         <li class="s sub"><a href="expertise.html" th:href="@{/expertise.html}" class="s">Expertise</a></li>
34         <li class="s sub"><a href="references.html" th:href="@{/references.html}" class="s">References</a></li>
35         <li class="s"><strong class="s">Contact</strong></li>
36       </ul>
37     </nav>
38     <div id="content" class="main pack cf" layout:fragment="maincontent">
39       <div class="pack">
40         <div class="p left">
41           <img class="p" src="../img/kai-moritz.jpg" th:src="@{/img/kai-moritz.jpg}" alt="Portrait"/>
42         </div>
43         <article class="p right">
44           <header><h1>Contact</h1></header>
45           <h2>Address</h2>
46           <p>
47             Kai Moritz<br />
48             Zumsandestr. 29a<br />
49             48145 M√ľnster
50           </p>
51           <h2>Email</h2>
52           <p><a href="mailto:kai@juplo.de">kai@juplo.de</a></p>
53           <h2>Phone</h2>
54           <p>+49 (0) 176 20 50 47 47</p>
55           <h2>Networking</h2>
56           <ul>
57             <li><a href="https://www.google.com/+KaiMoritz" title="Google+">www.google.com/+KaiMoritz</a></li>
58             <li><a href="https://www.xing.com/profile/Kai_Moritz" title="Xing">www.xing.com/profile/Kai_Moritz</a></li>
59           </ul>
60           <!--
61           <h2>About Me</h2>
62           <h2><em>√úbersetzung?!?</em> Jobportale</h2>
63           -->
64         </article>
65       </div>
66     </div>
67   </body>
68 </html>