2 <%@page contentType="text/html;charset=UTF-8"%>
3 <%@page pageEncoding="UTF-8"%>
4 <%@page session="false" %>
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"/>
13 <a href="/" title="Home" id="logo">juplo</a>
14 <span id="slogan"><strong>Java</strong> bits from nerds for nerds</span>
17 <div class="content cols_2 cf">
18 <section id="content" class="main">
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.
29 <h1>H1:ÄäÖöÜüß@€¢<a href="#link">Link</a></h1>
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.
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.
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.
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.
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.
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.
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.
107 <li><em>italic</em></li>
108 <li><strong>bold</strong></li>
109 <li><strong><em>bold italic</em></strong></li>
112 <div class="marginal">
114 <a id="navigation"></a>
115 <h1 class="nav">Navigation</h1>
116 <h2 class="nav menu">Section-Menu</h2>
118 <li class="m blog"><a href="#blogs" class="m">Blog</a></li>
119 <li class="m projects"><strong class="m">Projects</strong></li>
123 <h1>Other nasty but marginal stuff</h1>
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.
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>