<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="author" content="Kyle Cook">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Gallery || Beautiful Creation Photography</title>
<link href="./css/bootstrap.min.css" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
</head>
<body>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#">BeautifulCreationPhotography</a>
<ul class="nav">
<li><a href="./index.html">Home</a></li>
<li class="active"><a href="#">Gallery</a></li>
</ul>
<div class="nav-collapse">
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div id="gallery">
<img src="./photos/Echo_Lake.jpg">
<img src="./photos/Marmot.jpg">
<img src="./photos/RMNP_1.jpg">
</div>
<hr>
<footer class="footer">
<p>© Kyle Cook 2012</p>
</footer>
</div> <!-- /container -->
<script src="./js/jquery-1.7.1.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/gallery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("img").hover(onHover,offHover);
});
</script>
</body>
</html>