Projekt in ein JavaScript Frontend-Projekt umgewandelt
[website] / dist / thymeleaf / about.html
diff --git a/dist/thymeleaf/about.html b/dist/thymeleaf/about.html
new file mode 100644 (file)
index 0000000..f2e072c
--- /dev/null
@@ -0,0 +1,88 @@
+<!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>
+    <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>