????

Your IP : 3.138.102.163

Current Path : /home2/morganrand/backup.morganrand.com/coupon/party-favors-pin/masonry-site/
Upload File :
Current File : /home2/morganrand/backup.morganrand.com/coupon/party-favors-pin/masonry-site/index.html

<!doctype html>
<html lang="en">
<head><script src="//cdn.optimizely.com/js/1865631164.js"></script>
	<meta charset="utf-8" />
	<title>jQuery Masonry</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<link rel="stylesheet" href="css/style.css" />  
    <script src="js/modernizr-transitions.js"></script>
	<!-- scripts at bottom of page -->
</head>
<body class="homepage ">
<section id="content">
	<div id="container" class="transitions-enabled clearfix">
		<div class="item big-text loading">
			<img src="http://i.imgur.com/6RMhx.gif" />
			Loading Examples
		</div>
	</div>
	<script src="js/jquery-1.7.1.min.js"></script>
	<script src="jquery.masonry.min.js"></script>
	<script>
	  $(function(){
		
		var $container = $('#container');
		
		$('#mini-container').masonry({
		  columnWidth: 50
		});
		
		$container.masonry({
		  itemSelector: '.item',
		  columnWidth: 240,
		  isAnimated: !Modernizr.csstransitions
		});
		
		// Sites using Masonry markup
		var $sites = $('#sites'),
			$loadingItem = $container.find('.loading');
			
		var ajaxError = function(){
		  $loadingItem.text('Could not load examples :(');
		};
		
		// dynamically load sites using Masonry from Zootool
		$.getJSON('')
		  .error( ajaxError )
		  .success(function( data ){
			
			// proceed only if we have data
			if ( !data || !data.length ) {
			  ajaxError();
			  return;
			}
			var items = [],
				item, datum;
			
			for ( var i=0, len = data.length; i < len; i++ ) {
			  datum = data[i];
			  item = '<div class="item example"><a href="' + datum.url + '">'
				+ '<img src="' + datum.image.replace('/l.', '/m.') + '" />'
				+ '<b>' + datum.title + '</b>'
				+ '</a></div>';
			  items.push( item );
			}
			
			var $items = $( items.join('') );
			$items.imagesLoaded(function(){
			  $container
				.masonry( 'remove', $loadingItem ).masonry()
				.append( $items ).masonry( 'appended', $items, true );
			});
			
		  });
		
	  });
	</script>
</section> <!-- #content -->
<!-- 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>