juplo.de Git - website/blob - dist/thymeleaf/about.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='/about.html'"
   7     >
   8   <head>
   9     <title>About</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     <article class="main" layout:fragment="maincontent">
  19       <header><h1>About</h1></header>
  20       <p>
  21         <span class="logo">juplo</span> is the place, where I collect and share
  22         my more or less private projects.
  23         It is a lab for experiments, that help me to do my job as a freelancer
  24         at the desired level of quality.
  25         Here, I can play with all the fancy new stuff, that might be a little
  26         bit to much bleeding edge, to be used on a production site of a paying
  27         client.
  28       </p>
  29       <p>
  30         I decided to share all this stuff, because I am always learning a lot
  31         from the internet-community.
  32         I wanted to give back a little and try to help and teach others, as I
  33         was helped and teached.
  34         Also, this is a good oportunity, to show what I am doing and to do a
  35         little self-publicity...
  36       </p>
  37       <p>
  38         <span class="logo">juplo</span> mainly consists of two parts:
  39       </p>
  40       <ul>
  41         <li>
  42           In the <a href="blog.html" th:href="@{/blog.html}">blog</a>, I summarize, how I solved
  43           some every-day problems, other people might stumble across too.
  44           I am introducing new projects there and announcing new versions and/or
  45           bugfixes to older projects.
  46         </li>
  47         <li>
  48           The other part of the site is the
  49           <a href="projects.html" th:href="@{/projects.html}">projects-section</a>.
  50           This is where I am hosting all projects, that I have made publicy
  51           available.
  52         </li>
  53       </ul>
  54       <p>
  55         If you want to hire me, you can find out more on the
  56         <a href="contact.html" th:href="@{/contact.html}">contact-page</a>.
  57         If you are not yet sure, if you want to hire me, you might be
  58         interessted in
  59         <a href="expertise.html" th:href="@{/expertise.html}">what I can do for you</a>, or
  60         <a href="references.html" th:href="@{/references.html}">what I have already done for others</a>.
  61       </p>
  62     </article>
  63     <aside layout:fragment="marginalcontent" class="m">
  64       <h2>Funded by the Europian Union</h2>
  65       <p>
  66         As partner of the company
  67         <a href="http://yourshouter.com" title="Visit the Homepage of the company">yourSHOUTER UG (haftungsbeschränkt)</a>
  68         we publish results of a
  69         <a href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project">resarch-project</a>,
  70         that is funded by the European Union and the federal state Northrhine-Westphalia.
  71       </p>
  72       <p>
  73         <a href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project" class="img">
  74           <img src="../img/EFRE_Foerderhinweis_deutsch_farbig.svg" alt="Europäische Union: Investitionen in unsere Zukunft - Europäischer Fonds für regionale Entwicklung" th:src="@{/img/EFRE_Foerderhinweis_deutsch_farbig.svg}" width="100%"/>
  75           <img src="../img/Ziel2NRW_4c_1809_eps.svg" alt="EFRE.NRW 2014-2020: Invesitionen in Wachstum und Beschäftigung" th:src="@{/img/Ziel2NRW_4c_1809_eps.svg}" width="100%"/>
  76         </a>
  77       </p>
  78     </aside>
  79     <ul layout:fragment="footer">
  80       <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
  81       <li class="f"><a class="f" href="impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
  82       <li class="f about"><strong class="f">About</strong></li>
  83     </ul>
  84   </body>
  85 </html>