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     >
   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>