juplo.de Git - website/blob - src/main/webapp/index.jsp

   1 <!DOCTYPE html>
   2 <%@page contentType="text/html;charset=UTF-8"%>
   3 <%@page pageEncoding="UTF-8"%>
   4 <%@page session="false" %>
   5 <html>
   6   <head>
   7     <title>juplo - BRANDING</title>
   8     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   9     <link rel="stylesheet" type="text/css" href="css/base.css"/>
  10   </head>
  11   <body>
  12     <header id="header">
  13       <a href="/" title="Home" id="logo">juplo</a>
  14       <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
  15       <hr />
  16     </header>
  17     <nav id="nav">
  18     </nav>
  19     <section>
  20       <h1>Branding</h1>
  21       <p>
  22         Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit, sed do
  23         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  24         ad minim veniam, quis nostrud <a href="dort">exercitation</a> ullamco laboris nisi ut
  25         aliquip ex ea commodo consequat. Duis aute irure dolor in
  26         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  27         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  28         culpa qui officia deserunt mollit anim id est laborum.
  29       </p>
  30       <h1>H1:ÄäÖöÜüß@€¢<a href="#link">Link</a></h1>
  31       <p>
  32         ÄäÖöÜüß@€¢
  33       </p>
  34       <p>
  35         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  36         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  37         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  38         aliquip ex ea commodo consequat. Duis aute irure dolor in
  39         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  40         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  41         culpa qui officia deserunt mollit anim id est laborum.
  42       </p>
  43       <p>
  44         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  45         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  46         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  47         aliquip ex ea commodo consequat. Duis aute irure dolor in
  48         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  49         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  50         culpa qui officia deserunt mollit anim id est laborum.
  51       </p>
  52       <h2>H2: Heading</h2>
  53       <p>
  54         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  55         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  56         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  57         aliquip ex ea commodo consequat. Duis aute irure dolor in
  58         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  59         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  60         culpa qui officia deserunt mollit anim id est laborum.
  61       </p>
  62       <h1>H1: Heading</h1>
  63       <h2>H2: Heading</h2>
  64       <h3>H3: Heading</h3>
  65       <h4>H4: Heading</h4>
  66       <h1>H1: Heading</h1>
  67       <p>
  68         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  69         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  70         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  71         aliquip ex ea commodo consequat. Duis aute irure dolor in
  72         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  73         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  74         culpa qui officia deserunt mollit anim id est laborum.
  75       </p>
  76       <h2>H2: Heading</h2>
  77       <p>
  78         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  79         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  80         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  81         aliquip ex ea commodo consequat. Duis aute irure dolor in
  82         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  83         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  84         culpa qui officia deserunt mollit anim id est laborum.
  85       </p>
  86       <h3>H3: Heading</h3>
  87       <p>
  88         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  89         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  90         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  91         aliquip ex ea commodo consequat. Duis aute irure dolor in
  92         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  93         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  94         culpa qui officia deserunt mollit anim id est laborum.
  95       </p>
  96       <h4>H4: Heading</h4>
  97       <p>
  98         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  99         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
 100         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 101         aliquip ex ea commodo consequat. Duis aute irure dolor in
 102         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 103         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 104         culpa qui officia deserunt mollit anim id est laborum.
 105       </p>
 106       <ul>
 107         <li>normal</li>
 108         <li><em>italic</em></li>
 109         <li><strong>bold</strong></li>
 110         <li><strong><em>bold italic</em></li>
 111       </ul>
 112     </section>
 113     <footer id="footer">
 114     </footer>
 115   </body
 116 </html>