<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Photography</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="photographyfluid.css" rel="stylesheet" type="text/css">
<link href="Layout.css" rel="stylesheet" type="text/css">
<!-- load jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<!-- load Galleria -->
<script src="galleria/galleria-1.2.8.min.js"></script>
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="respond.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
</head>
<body>
<div id="nav">
<p class ="center">
<hr>
<ul>
<li><a href="index3.html">HOME</a></li>
<li> <a href="photography2.html"style="text-decoration: none";>PHOTOGRAPHY</a></li>
<li><a href="2Danini2.html"style="text-decoration: none";>2D ANIMATION</a></li>
<li><a href="3dani2.html"style="text-decoration: none";>3D ANIMATION</a></li>
<li><a href="about_page.html"style="text-decoration: none";>ABOUT ME</a></li>
<li><a href="contactfluid.html"style="text-decoration: none";style="text-decoration: none";>CONTACT ME</a></li>
</ul>
<hr>
</div>
</p>
</div>
<div id="content">
<h1>Photography Portfolio</h1>
<div id="gallaria">
<a href="iw26 Architecture.jpg">
<img data-title="Architecture"
data-description="Architecture"
src="iw26 Architecture.jpg">
</a>
<a href="iw26 Landscape.JPG">
<img data-title="Landscape at Herne Bay"
data-description="Landscape"
src="iw26 Landscape.JPG">
</a>
<a href="iw26 Nature.jpg">
<img data-title="Nature"
data-description="Nature"
src="iw26 Nature.jpg">
</a>
<a href="iw26 Portrait.jpg">
<img data-title="Portrait"
src="iw26 Portrait.jpg">
</a>
<a href="iw26 Reflection.JPG">
<img data-title="Reflection"
src="iw26 Reflection.JPG">
</a>
<a href="iw26 Sport.jpg">
<img data-title="Sport"
data-description="Sport"
src="iw26 Sport.jpg">
</a>
<a href="iw26 Still Life.jpg">
<img data-title="Still Life"
data-description="Still Life"
src="iw26 Still Life.jpg">
</a>
</div>
</div>
<script>
// Load the classic theme
Galleria.loadTheme('galleria.classic.min.js');
// Initialize Galleria
Galleria.run('#galleria');
</script>
</body>
</html>