Layout für Smartphones und sehr kleine Bildschirmgrößen überarbeitet
[website] / src / main / webapp / WEB-INF / templates / test / navigation.jsp
1 <%@page contentType="text/html;charset=UTF-8"%>
2 <%@page pageEncoding="UTF-8"%>
3 <%@page session="false" %>
4 <%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
5 <s:url var="base" value="/" />
6 <h1 class="nav">Navigation</h1>
7 <h2 class="nav menu">Section-Menu</h2>
8 <ul id="menu" class="cf">
9   <li class="m blog"><a href="${base}blog.html" class="m">Blog</a></li>
10   <li class="m projects"><a href="${base}projects.html" class="m selected">Projects</a></li>
11 </ul>
12 <h2 class="nav submenu">
13   <span class="s">Submenu for section</span>
14   <a class="s selected" href="${base}projects.html">Projects</a>
15 </h2>
16 <ul id="submenu" class="s active">
17   <li class="s sub"><a href="#" class="s">hibernate4-maven-plugin</a></li>
18   <li class="s sub"><a href="${base}projects/fix-swf.html" class="s">fix-swf</a></li>
19   <li class="s"><a href="#" class="s">jquery.openx</a></li>
20   <li class="s"><a class="s selected" href="${base}projects/html-experimente.html">HTML-Experimente</a></li>
21   <li class="s sub"><a href="#" class="s">accelerator</a></li>
22   <li class="s"><a href="${base}projects/typo.html" class="s">Typography</a></li>
23 </ul>