<html>
<head>
<title>Random</title>
<link rel="stylesheet" type="text/css" href="css/style1.css" />
<script src="js/jquery-1.4.4.min.js"></script>
<script src="js/menu.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<img src="imgs/logo.png" width="200"/>
</div>
<div id="menu">
<ul>
<li class="active" id="home" ><a href="#">Random</a></li>
<li id="event" ><a href="#" id="event">Random2</a></li>
<li id="about" ><a href="#" id="about">Random3</a></li>
</ul>
</div>
<div id="event_menu" class="submenu">
<ul id="nav">
<li><a href="random1.html">Random1</a></li>
<li><a href="random2.html">Random2</a></li>
<li><a href="random3.html">Random3</a></li>
</ul>
</div>
<div id="about_menu" class="submenu">
<ul id="nav">
<li><a href="random1.html">Random1</a></li>
<li><a href="random2.html">Random2</a></li>
<li><a href="random3.html">Random3</a></li>
</ul>
</div>
</div>
<div id="content">
<h1 style="font-family: 'century gothic';">(valfri text)</h1>
<p>Random</p>
</div>
<div id="footer">
<p>Random copyright notice</p>
</div>
</div>
</body>
</html>