This is the HTML source code for the album mockup of AutoRC.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Photo Title</title>
<link href="theme.css"rel="stylesheet" type="text/css" />
<script type="text/javascript" src="functions.js"></script>
</head>
<body id="gallery" onload="setWidthHeights();" onresize="setWidthHeights();">
<div id="container">
<div id="banner">
<ul id="sitemenu">
<li><a href="#">Home</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
<div id="album">
<div id="sidebar">
<h4>Gallery Sidebar</h4>
<ul>
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
</ul>
</div>
<div class="info">
<ul class="breadcrumb">
<li><a href="#">Gallery</a></li>
<li><a href="#">Album 1</a></li>
<li><a href="#">Sub Album</a></li>
<li>Sub Album</li>
</ul>
<h1>Photo Title</h1>
<p>This is my pictures presented in a simple photo album template.</p>
<ul class="pager">
<li><a href="#">Previous</a></li>
<li><a href="album.html">Album</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>
<div id="photo" class="item">
<a href="images/P1010099.jpg" title=""><img src="sized/P1010099.jpg" alt=""></a>
</div>
</div>
</div>
</body>
</html>
