Frontend-Projekt an thymeroot:1.1.0 angepasst
[website] / dist / about.html
1 <!DOCTYPE html>
2 <html
3     xmlns=""
4     xmlns:layout=""
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="" title="Visit the Homepage of the company">yourSHOUTER UG (haftungsbeschränkt)</a>
68         we publish results of a
69         <a href="" 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="" 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   </body>
80 </html>