juplo.de Git - website/blob - dist/about.html

   1 <!DOCTYPE html>
   2 <html
   3     xmlns="http://www.w3.org/1999/xhtml"
   4     th:replace="~{/templates/layout.html :: layout(
   5       uri='/about.html',
   6       title='About',
   7       maincontent=~{:: .maincontent},
   8       marginalcontent=~{:: .marginalcontent}
   9       )}"
  10     >
  11   <head>
  12     <titl>About</title>
  13     <!--/*-->
  14     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  15     <link rel="stylesheet" type="text/css" href="css/base.css"/>
  16     <link rel="stylesheet" type="text/css" href="css/screen.css" media="screen"/>
  17     <link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>
  18     <!--*/-->
  19   </head>
  20   <body>
  21     <article class="maincontent">
  22       <header><h1>About</h1></header>
  23       <p>
  24         <span class="logo">juplo</span> is the place, where I collect and share
  25         my more or less private projects.
  26         It is a lab for experiments, that help me to do my job as a freelancer
  27         at the desired level of quality.
  28         Here, I can play with all the fancy new stuff, that might be a little
  29         bit to much bleeding edge, to be used on a production site of a paying
  30         client.
  31       </p>
  32       <p>
  33         I decided to share all this stuff, because I am always learning a lot
  34         from the internet-community.
  35         I wanted to give back a little and try to help and teach others, as I
  36         was helped and teached.
  37         Also, this is a good oportunity, to show what I am doing and to do a
  38         little self-publicity...
  39       </p>
  40       <p>
  41         <span class="logo">juplo</span> mainly consists of two parts:
  42       </p>
  43       <ul>
  44         <li>
  45           In the <a href="blog/" th:href="@{/blog/}">blog</a>, I summarize, how I solved
  46           some every-day problems, other people might stumble across too.
  47           I am introducing new projects there and announcing new versions and/or
  48           bugfixes to older projects.
  49         </li>
  50         <li>
  51           The other part of the site is the
  52           <a href="projects.html" th:href="@{/projects.html}">projects-section</a>.
  53           This is where I am hosting all projects, that I have made publicy
  54           available.
  55         </li>
  56       </ul>
  57       <p>
  58         If you want to hire me, you can find out more on the
  59         <a href="contact.html" th:href="@{/contact.html}">contact-page</a>.
  60         If you are not yet sure, if you want to hire me, you might be
  61         interessted in
  62         <a href="expertise.html" th:href="@{/expertise.html}">what I can do for you</a>, or
  63         <a href="references.html" th:href="@{/references.html}">what I have already done for others</a>.
  64       </p>
  65     </article>
  66     <aside class="marginalcontent">
  67       <h2>Funded by the Europian Union</h2>
  68       <p>
  69         As partner of the company
  70         <a href="http://yourshouter.com" title="Visit the Homepage of the company">yourSHOUTER UG (haftungsbeschränkt)</a>
  71         we publish results of a
  72         <a href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project">resarch-project</a>,
  73         that is funded by the European Union and the federal state Northrhine-Westphalia.
  74       </p>
  75       <p>
  76         <a href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project" class="img">
  77           <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%"/>
  78           <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%"/>
  79         </a>
  80       </p>
  81     </aside>
  82   </body>
  83 </html>