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