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