????

Your IP : 216.73.216.174

Current Path : /home2/morganrand/www/2014/mosaic/specs/
Upload File :
Current File : /home2/morganrand/www/2014/mosaic/specs/html.html

<!DOCTYPE html>
<html lang="en">
<head><script src="//cdn.optimizely.com/js/1865631164.js"></script>
	<meta charset="utf-8">
	<title>Mosaic Flow</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<style>
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	}

body {
	font-family:"Helvetica Neue", Arial, sans-serif;
	}

.mosaicflow__column {
	float:left;
	}

.mosaicflow__item {
	position:relative;
	}
	.mosaicflow__item img {
		display:block;
		width:100%;
		max-width:500px;
		height:auto;
		}
	</style>
</head>
<body>
	<p></p>

	<div class="mosaicflow">
		<div class="mosaicflow__item">
			<img src="http://sapegin.github.com/jquery.mosaicflow/img/2012-08-20_5D_1287_Artem_Sapegin.jpg"  alt="">
			<p>Dessi the Dachshund</p>
		</div>

		<div class="mosaicflow__item">
			<img src="http://sapegin.github.com/jquery.mosaicflow/img/2012-08-24_5D_2066_Artem_Sapegin.jpg"  alt="">
			<p>Tsiri on Baltic Sea</p>
		</div>

		<div class="mosaicflow__item">
			<img src="http://sapegin.github.com/jquery.mosaicflow/img/2012-10-21_5D_3178_Artem_Sapegin.jpg"  alt="">
			<p>Ciyar the Saluki</p>
		</div>

		<div class="mosaicflow__item">
			<img src="http://sapegin.github.com/jquery.mosaicflow/img/2012-08-26_5D_2551_Artem_Sapegin.jpg"  alt="">
			<p>Tsiri Having Fun by the Sea</p>
		</div>

		<div class="mosaicflow__item">
			<img src="http://sapegin.github.com/jquery.mosaicflow/img/2012-08-26_5D_2323_Artem_Sapegin.jpg"  alt="">
			<p>Dessi Meets the Sea</p>
		</div>

		<div class="mosaicflow__item">
			<img src="http://sapegin.github.com/jquery.mosaicflow/img/2012-05-19_5D_9670_Artem_Sapegin.jpg"  alt="">
			<p>Tsiri the Saluki</p>
		</div>

		<div class="mosaicflow__item">
			<img width="300" height="200" src="http://sapegin.github.com/jquery.mosaicflow/img/2012-08-20_5D_1165_Artem_Sapegin.jpg"  alt="">
			<p>Dessi on a Waterfall</p>
		</div>

		<div class="mosaicflow__item">
			<img src="http://sapegin.github.com/jquery.mosaicflow/img/2011-05-28_5D_4035_Artem_Sapegin.jpg"  alt="">
			<p>Dessi in Dandelion Field</p>
		</div>

		<div class="mosaicflow__item">
			<img src="http://sapegin.github.com/jquery.mosaicflow/img/2012-12-09_5D_3758_Artem_Sapegin.jpg"  alt="">
			<p>New Year Postcard from Tsiri and Ciyar</p>
		</div>

		<div class="mosaicflow__item">
			<img src="http://sapegin.github.com/jquery.mosaicflow/img/2012-10-21_5D_3422_Artem_Sapegin.jpg"  alt="">
			<p>Beautiful Afghan Hound Girl</p>
		</div>

		<div class="mosaicflow__item">
			<img src="http://sapegin.github.com/jquery.mosaicflow/img/2012-10-21_5D_3414_Artem_Sapegin.jpg"  alt="">
			<p>Running Ciyar and Afgan Girl</p>
		</div>

		<div class="mosaicflow__item">
			<img src="http://sapegin.github.com/jquery.mosaicflow/img/2012-08-26_5D_2378_Artem_Sapegin.jpg"  alt="">
			<p>Dessi Walking on a Sea Shore</p>
		</div>
	</div>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script src="../jquery.mosaicflow.js"></script>

<!-- Hotjar Tracking Code for wanderfuls.com -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:78806,hjsv:5};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script></body>
</html>