CSS-Effekt drop-shadow für das Logo eingebaut
[website] / dist / thymeleaf / about.html
index f2e072c..9133fe0 100644 (file)
@@ -2,38 +2,19 @@
 <html
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:layout="http://www.thymeleaf.org"
-    layout:decorator="templates/layout"
+    layout:decorator="/templates/layout"
+    th:with="uri='/about.html'"
     >
   <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>
+    <!--/*-->
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
+    <link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen"/>
+    <link rel="stylesheet" type="text/css" href="../css/print.css" media="print"/>
+    <!--*/-->
   </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>
         <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>
+    <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>
   </body>
 </html>