+++ /dev/null
-<!DOCTYPE html>
-<html
- xmlns="http://www.w3.org/1999/xhtml"
- xmlns:layout="http://www.thymeleaf.org"
- layout:decorator="templates/layout"
- >
- <head>
- <title>About</title>
- <!--/*-->
- <link rel="stylesheet" type="text/css" href="../css/base.min.css"/>
- <style type="text/css">
- @import '../css/screen.min.css' screen;
- @import '../css/print.min.css' print;
- </style>
- <!--*/-->
- </head>
- <body>
- <ol layout:fragment="breadcrumb">
- <li class="b"><a class="b" href="index.html" th:href="@{/index.html}">Home</a></li>
- <li class="b"><strong class="b">About</strong></li>
- </ol>
- <nav layout:fragment="navigation">
- <hr class="n"/>
- <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
- <h1 class="nav">Navigation</h1>
- <h2 class="nav menu">Section-Menu</h2>
- <ul id="menu" class="s active cf">
- <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
- <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
- <li class="m about"><strong class="m">About</strong></li>
- </ul>
- <h2 class="nav submenu"><span class="s">Submenu for section </span><strong class="s">About</strong></h2>
- <ul id="submenu">
- <li class="s sub"><a href="expertise.html" th:href="@{/expertise.html}" class="s">Expertise</a></li>
- <li class="s sub"><a href="references.html" th:href="@{/references.html}" class="s">References</a></li>
- <li class="s "><a href="contact.html" th:href="@{/contact.html}" class="s">Contact</a></li>
- </ul>
- </nav>
- <article class="main" layout:fragment="maincontent">
- <header><h1>About</h1></header>
- <p>
- <span class="logo">juplo</span> is the place, where I collect and share
- my more or less private projects.
- It is a lab for experiments, that help me to do my job as a freelancer
- at the desired level of quality.
- Here, I can play with all the fancy new stuff, that might be a little
- bit to much bleeding edge, to be used on a production site of a paying
- client.
- </p>
- <p>
- I decided to share all this stuff, because I am always learning a lot
- from the internet-community.
- I wanted to give back a little and try to help and teach others, as I
- was helped and teached.
- Also, this is a good oportunity, to show what I am doing and to do a
- little self-publicity...
- </p>
- <p>
- <span class="logo">juplo</span> mainly consists of two parts:
- </p>
- <ul>
- <li>
- In the <a href="blog.html" th:href="@{/blog.html}">blog</a>, I summarize, how I solved
- some every-day problems, other people might stumble across too.
- I am introducing new projects there and announcing new versions and/or
- bugfixes to older projects.
- </li>
- <li>
- The other part of the site is the
- <a href="projects.html" th:href="@{/projects.html}">projects-section</a>.
- This is where I am hosting all projects, that I have made publicy
- available.
- </li>
- </ul>
- <p>
- If you want to hire me, you can find out more on the
- <a href="contact.html" th:href="@{/contact.html}">contact-page</a>.
- If you are not yet sure, if you want to hire me, you might be
- interessted in
- <a href="expertise.html" th:href="@{/expertise.html}">what I can do for you</a>, or
- <a href="references.html" th:href="@{/references.html}">what I have already done for others</a>.
- </p>
- </article>
- <aside layout:fragment="marginalcontent" class="m">
- <h2>Funded by the Europian Union</h2>
- <p>
- As partner of the company
- <a href="http://yourshouter.com" title="Visit the Homepage of the company">yourSHOUTER UG (haftungsbeschränkt)</a>
- we publish results of a
- <a href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project">resarch-project</a>,
- that is funded by the European Union and the federal state Northrhine-Westphalia.
- </p>
- <p>
- <a href="http://yourshouter.com/projekte/crowdgest%C3%BCtzte-veranstaltungs-suchmaschine.html" title="Show details about the funded resarch-project" class="img">
- <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%"/>
- <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%"/>
- </a>
- </p>
- </aside>
- <ul layout:fragment="footer">
- <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
- <li class="f"><a class="f" href="impressum.html" th:href="@{/impressum.html}">Impressum</a></li>
- <li class="f about"><strong class="f">About</strong></li>
- </ul>
- </body>
-</html>