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