--- /dev/null
+<!DOCTYPE html>
+<html
+ xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:layout="http://www.thymeleaf.org"
+ layout:decorator="templates/layout"
+ >
+ <head>
+ <title>Typography</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>
+ <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
+ </head>
+ <body onload="prettyPrint()">
+ <ol layout:fragment="breadcrumb">
+ <li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
+ <li class="b"><a class="b" href="../projects.html" th:href="@{/projects.html}">Projects</a></li>
+ <li class="b"><strong class="b">Typography</strong></li>
+ </ol>
+ <ul layout:fragment="submenu">
+ <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
+ <li class="s sub"><a href="../fix-swf.html" th:href="@{/projects/fix-swf.html}" class="s">fix-swf</a></li>
+ <li class="s"><a href="#" class="s">jquery.openx</a></li>
+ <li class="s"><a href="../html-experimente.html" th:href="@{/projects/html-experimente.html}" class="s">HTML-Experimente</a></li>
+ <li class="s sub"><a href="#" class="s">accelerator</a></li>
+ <li class="s"><strong class="s">Typography</strong></li>
+ </ul>
+ <article layout:fragment="maincontent">
+ <header><h1>Typography</h1></header>
+ <p>
+ Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit,
+ sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore
+ magna aliqua. Ut enim ad minim veniam, quis nostrud
+ <a href="#dort">exercitation</a> ullamco laboris nisi ut aliquip
+ <em>ex ea</em> commodo consequat. Duis aute irure dolor in reprehenderit
+ in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ <strong>Excepteur sint <em>occaecat</em> cupidatat non proident</strong>,
+ sunt in culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <h2>Ein Link <a href="#link">im Titel</a></h2>
+ <p>Ein Link <a href="#link">im Text</a>.</p>
+ <h2>Normal / Italic / Bold / Bold+Italic</h2>
+ <ul>
+ <li>normal</li>
+ <li><em>italic</em></li>
+ <li><strong>bold</strong></li>
+ <li><strong><em>bold italic</em></strong></li>
+ </ul>
+ <p>
+ ÄäÖöÜüß@€¢
+ <strong>ÄäÖöÜüß@€¢</strong>
+ <em>ÄäÖöÜüß@€¢</em>
+ <strong><em>ÄäÖöÜüß@€¢</em></strong>
+ </p>
+ <h1>H1: Heading</h1>
+ <h2>H2: Heading</h2>
+ <h3>H3: Heading</h3>
+ <h4>H4: Heading</h4>
+ <h1>H1: Heading</h1>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <h2>H2: Heading</h2>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <h3>H3: Heading</h3>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <h4>H4: Heading</h4>
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+ </p>
+ <h1>Preformatted code</h1>
+ <p>
+ <em>Juplo Branding</em> uses
+ <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html" title="Visit prettify's README">google-code-prettify</a> for automatic
+ syntax highlighting.
+ </p>
+ <pre class="prettyprint linenums"><code class="language-xml"><plugin>
+ <groupId>ro.isdc.wro4j</groupId>
+ <artifactId>wro4j-maven-plugin</artifactId>
+ <version>${wro4j.version}</version>
+ <configuration>
+ <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
+ <cssDestinationFolder>${project.build.directory}/${project.build.finalName}/css/</cssDestinationFolder>
+ </configuration>
+ <executions>
+ <execution>
+ <phase>package</phase>
+ <goals>
+ <goal>run</goal>
+ </goals>
+ </execution>
+ </executions>
+</plugin>
+</code></pre>
+ </article>
+ </body>
+</html>