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       <ul id="menu">
  19         <li class="m blog"><a href="#blogs" class="m">Blog</a></li>
  20         <li class="m projects"><a href="#projects" class="m">Projects</a></li>
  21       </ul>
  22     </nav>
  23     <section>
  24       <h1>Branding</h1>
  25       <p>
  26         Lorem ipsum dolor <a href="#da">sit amet</a>, consectetur adipisicing elit, sed do
  27         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  28         ad minim veniam, quis nostrud <a href="dort">exercitation</a> ullamco laboris nisi ut
  29         aliquip ex ea commodo consequat. Duis aute irure dolor in
  30         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  31         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  32         culpa qui officia deserunt mollit anim id est laborum.
  33       </p>
  34       <h1>H1:ÄäÖöÜüß@€¢<a href="#link">Link</a></h1>
  35       <p>
  36         ÄäÖöÜüß@€¢
  37       </p>
  38       <p>
  39         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  40         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  41         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  42         aliquip ex ea commodo consequat. Duis aute irure dolor in
  43         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  44         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  45         culpa qui officia deserunt mollit anim id est laborum.
  46       </p>
  47       <p>
  48         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  49         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  50         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  51         aliquip ex ea commodo consequat. Duis aute irure dolor in
  52         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  53         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  54         culpa qui officia deserunt mollit anim id est laborum.
  55       </p>
  56       <h2>H2: Heading</h2>
  57       <p>
  58         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  59         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  60         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  61         aliquip ex ea commodo consequat. Duis aute irure dolor in
  62         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  63         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  64         culpa qui officia deserunt mollit anim id est laborum.
  65       </p>
  66       <h1>H1: Heading</h1>
  67       <h2>H2: Heading</h2>
  68       <h3>H3: Heading</h3>
  69       <h4>H4: Heading</h4>
  70       <h1>H1: Heading</h1>
  71       <p>
  72         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  73         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  74         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  75         aliquip ex ea commodo consequat. Duis aute irure dolor in
  76         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  77         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  78         culpa qui officia deserunt mollit anim id est laborum.
  79       </p>
  80       <h2>H2: Heading</h2>
  81       <p>
  82         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  83         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  84         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  85         aliquip ex ea commodo consequat. Duis aute irure dolor in
  86         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  87         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  88         culpa qui officia deserunt mollit anim id est laborum.
  89       </p>
  90       <h3>H3: Heading</h3>
  91       <p>
  92         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  93         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
  94         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  95         aliquip ex ea commodo consequat. Duis aute irure dolor in
  96         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
  97         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  98         culpa qui officia deserunt mollit anim id est laborum.
  99       </p>
 100       <h4>H4: Heading</h4>
 101       <p>
 102         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
 103         eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
 104         ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 105         aliquip ex ea commodo consequat. Duis aute irure dolor in
 106         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 107         pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 108         culpa qui officia deserunt mollit anim id est laborum.
 109       </p>
 110       <ul>
 111         <li>normal</li>
 112         <li><em>italic</em></li>
 113         <li><strong>bold</strong></li>
 114         <li><strong><em>bold italic</em></li>
 115       </ul>
 116     </section>
 117     <footer id="footer">
 118     </footer>
 119   </body
 120 </html>