Showcase Gallery in Freeway Pro 6

Freeway
19

This is the page with Exhibeo instances on it:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Christmas Tree Farm Photo Gallery Main</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width = device-width, minimum-scale = 1.00, maximum-scale = 1.60">
<meta name="generator" content="Freeway Pro 7.1.1">
<link rel=stylesheet href="css/masterpage1.css">
<link rel=stylesheet href="css/evergreenfarmgall.css">
<link rel=stylesheet href="css/sheet1.css">
<!--[if lt IE 9]>
<script src="Resources/html5shiv.js"></script>
<![endif]-->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

<style type="text/css">
    .fwNavItem a {
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }



/* Flexible images */
.flexImage {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
}


.fwNav1-toggle-label { width: 55px; height: 53px; 
}

/* Hide on desktop */
.mobileShow { display: none; }


/* 667px breakpoint (mobile) */
@media screen and (max-width:667px) {

}


/* Custom CSS classes */
	.mobileHide { display: none !important; }
	.mobileShow { display: block !important; }


</style>


<!-- jQuery library -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<!-- Cycle plugin -->
<script src="http://malsup.github.com/jquery.cycle2.js"></script>

<!-- namespacing jQuery and all plugins loaded so far -->
<script type="text/javascript">/*<![CDATA[*/
var WY = window.WY || {}; WY.$ = jQuery.noConflict(true);
/*]]>*/</script>	

<style type="text/css">
<?php if (webyep_bIsEditMode()) { echo '.cycle-prev, .cycle-next { display:none !important;} #WYSlideshow { width:25% !important;max-height:100% !important; overflow:visible !important  }'; } ?>
</style>

<!-- Note: This element must be the first element in the &lt;head&gt;. -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- /Note -->
<link rel="stylesheet" href="Resources/loader.css" />
<link rel="stylesheet" href="Resources/bloxx-styles.css" />
<script src="Resources/bloxx.js"></script>
</head>
<body>
<div id="PageDiv" class="f-cf">
	<div id="PageWrapper" class="f-cf"><div id="HeaderWrapper" class="f-cf"></div>
		<div id="navs" class="f-cf"><input type="checkbox" id="fwNav1-toggle">
			<label for="fwNav1-toggle" class="fwNav1-toggle-label"></label>
			<div class="fwNavContainer1">
				<label for="fwNav1-toggle" class="fwNav1-toggle-label fwNav1-toggle-close"></label>
				<ul class="CSSMenu f-fp f-lp" id="fwNav1">
					<li class="fwFirstChild fwNavItem"><a href="index.php"><span class="style4" style="text-decoration:none">HOME</span></a></li>
					<li class="fwNavItem"><a href="christmastrees.php"><span class="style4" style="text-decoration:none">TREES</span></a></li>
					<li class="fwNavItem"><a href="christmaswreaths.php"><span class="style32" style="text-decoration:none"><span class="style34" style="text-decoration:none">WREATHS</span></span></a></li>
					<li class="fwNavItem"><a href="#"><span class="style11" style="text-decoration:none"><span class="style34" style="text-decoration:none">GALLERY</span></span></a></li>
					<li class="fwLastChild fwNavItem"><a href="christmastreefarmdirections.php"><span class="style11" style="text-decoration:none"><span class="style34" style="text-decoration:none">DIRECTIONS</span></span></a></li>
				</ul>
			</div>
		</div>
		<div id="item1" class="f-cf AlignCenter"><div id="item6" class="f-cf fullwidthbackground"><div id="Box4" class="f-cf AlignCenter"><div id="ImageWrapper3" class="f-cf"><div id="ImageWrapper7" class="f-cf"><p class="AlignCenter f-fp f-lp"><img id="cameraiconmulticolor3" src="Resources/camera-icon-multicolor.png" alt="cameraiconmulticolor3"></p>
						</div>
						<div id="TitleWrapper6" class="f-cf"><h2 class="center f-fp f-lp">GALLERY 1</h2>
						</div>
						<div id="gal-1" class="f-cf"><div id="exhibeo-inst-1"></div>
						</div>
					</div>
				</div>
				<div id="Box1" class="f-cf AlignCenter"><div id="ImageWrapper1" class="f-cf"><div id="ImageWrapper2" class="f-cf"><p class="AlignCenter f-fp f-lp"><img id="cameraiconmulticolor1" src="Resources/camera-icon-multicolor.png" alt="cameraiconmulticolor1"></p>
						</div>
						<div id="TitleWrapper1" class="f-cf"><h2 class="center f-fp f-lp">GALLERY 2</h2>
						</div>
						<div id="gal-2" class="f-cf"><div id="exhibeo-inst-2"></div>
						</div>
					</div>
				</div>
				<div id="Box2" class="f-cf AlignCenter"><div id="ImageWrapper4" class="f-cf"><div id="ImageWrapper5" class="f-cf"><p class="AlignCenter f-fp f-lp"><img id="cameraiconmulticolor2" src="Resources/camera-icon-multicolor.png" alt="cameraiconmulticolor2"></p>
						</div>
						<div id="TitleWrapper2" class="f-cf"><h2 class="center f-fp f-lp">GALLERY 3</h2>
						</div>
						<div id="gal-3" class="f-cf"><div id="exhibeo-inst-3"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="FooterWrapper" class="f-cf"><div id="item5" class="f-cf"><p class="style12 f-lp"><span class="style26">© 2015 Evergreen Christmas Tree Farm<br>407 North Tower Hill Road&nbsp; Millbrook NY 12545&nbsp;&nbsp;(845) 677 378</span>5</p>
			</div>
		</div>
	</div>
	<div id="BottomSpacer" class="f-cf"></div>
</div>
<div id="exibid-1">
	<div class="thumb-container">
		<a class="thumb group" href="Resources/DSCN3481.jpg" data-thumb="Resources/DSCN3481_thumb.jpg">
			<img class="bloxx-stack" />
			<img class="bloxx-thumb-initial" src="Resources/DSCN3481_thumb.jpg" />
		</a>
	</div>
	<a class="hidden" href="Resources/PIX2.jpg" data-thumb="Resources/PIX2_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3479.jpg" data-thumb="Resources/DSCN3479_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3484.jpg" data-thumb="Resources/DSCN3484_thumb.jpg"></a>
	<a class="hidden" href="Resources/photo6.jpg" data-thumb="Resources/photo6_thumb.jpg"></a>
	<a class="hidden" href="Resources/PIX6.jpg" data-thumb="Resources/PIX6_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3483.jpg" data-thumb="Resources/DSCN3483_thumb.jpg"></a>
	<a class="hidden" href="Resources/photo5.jpg" data-thumb="Resources/photo5_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3485.jpg" data-thumb="Resources/DSCN3485_thumb.jpg"></a>
	<a class="hidden" href="Resources/PIX15.jpg" data-thumb="Resources/PIX15_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3480.jpg" data-thumb="Resources/DSCN3480_thumb.jpg"></a>
	<script>
		window.exibidBloxx = new Bloxx(document.getElementById("exibid-1"), {showThumbs:1});
	</script>
</div>

<div id="exibid-2">
	<div class="thumb-container">
		<a class="thumb group" href="Resources/DSCN3481.jpg" data-thumb="Resources/DSCN3481_thumb.jpg">
			<img class="bloxx-stack" />
			<img class="bloxx-thumb-initial" src="Resources/DSCN3481_thumb.jpg" />
		</a>
	</div>
	<a class="hidden" href="Resources/PIX2.jpg" data-thumb="Resources/PIX2_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3479.jpg" data-thumb="Resources/DSCN3479_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3484.jpg" data-thumb="Resources/DSCN3484_thumb.jpg"></a>
	<a class="hidden" href="Resources/photo6.jpg" data-thumb="Resources/photo6_thumb.jpg"></a>
	<a class="hidden" href="Resources/PIX6.jpg" data-thumb="Resources/PIX6_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3483.jpg" data-thumb="Resources/DSCN3483_thumb.jpg"></a>
	<a class="hidden" href="Resources/photo5.jpg" data-thumb="Resources/photo5_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3485.jpg" data-thumb="Resources/DSCN3485_thumb.jpg"></a>
	<a class="hidden" href="Resources/PIX15.jpg" data-thumb="Resources/PIX15_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3480.jpg" data-thumb="Resources/DSCN3480_thumb.jpg"></a>
	<script>
		window.exibidBloxx = new Bloxx(document.getElementById("exibid-2"), {showThumbs:1});
	</script>
</div>

<div id="exibid-3">
	<div class="thumb-container">
		<a class="thumb group" href="Resources/DSCN3481.jpg" data-thumb="Resources/DSCN3481_thumb.jpg">
			<img class="bloxx-stack" />
			<img class="bloxx-thumb-initial" src="Resources/DSCN3481_thumb.jpg" />
		</a>
	</div>
	<a class="hidden" href="Resources/PIX2.jpg" data-thumb="Resources/PIX2_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3479.jpg" data-thumb="Resources/DSCN3479_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3484.jpg" data-thumb="Resources/DSCN3484_thumb.jpg"></a>
	<a class="hidden" href="Resources/photo6.jpg" data-thumb="Resources/photo6_thumb.jpg"></a>
	<a class="hidden" href="Resources/PIX6.jpg" data-thumb="Resources/PIX6_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3483.jpg" data-thumb="Resources/DSCN3483_thumb.jpg"></a>
	<a class="hidden" href="Resources/photo5.jpg" data-thumb="Resources/photo5_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3485.jpg" data-thumb="Resources/DSCN3485_thumb.jpg"></a>
	<a class="hidden" href="Resources/PIX15.jpg" data-thumb="Resources/PIX15_thumb.jpg"></a>
	<a class="hidden" href="Resources/DSCN3480.jpg" data-thumb="Resources/DSCN3480_thumb.jpg"></a>
	<script>
		window.exibidBloxx = new Bloxx(document.getElementById("exibid-3"), {showThumbs:1});
	</script>
</div>
<script src="Resources/fwResponsiveMenus.js"></script>
<script type="text/javascript">//<![CDATA[

fwShowHideMenu("navs", 667);
fwAddListener(document.getElementById("fwNav1-toggle"), "click", function(){
	fwToggleMenu(this);
});
fwAddListener(window, "resize", function() {
    fwShowHideMenu("navs", 667);
});

//]]></script></body>
</html>

freewaytalk mailing list
email@hidden
Update your subscriptions at: