Showing source for: https://in2aqua.com/
Duration: 0.72236s
Server: Apache
<html>
<head>
</head>
<body data-offset="100" data-spy="scroll" data-target="#nav-side" data-version="1.4.0">
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-BLGM608S3Z">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-BLGM608S3Z');
</script>
<!-- Basic Page Needs
================================================== -->
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>
Quality Kitchen and Bath Faucets
</title>
<meta content="bathroom remodel,kitchen remodel,bathroom design,kitchen design,faucet design,faucet companies,quality faucets,design faucets,faucets online" name="keywords">
<meta content="Quality Kitchen and Bath Faucets" name="description">
<meta content="Active Improvement Web Studio" name="author">
<!-- favicon -->
<link href="/images/favicon.png" rel="icon" sizes="32x32" type="image/png">
<!-- Mobile Specific Metas
================================================== -->
<meta content="width=device-width, initial-scale=1, maximum-scale=2" name="viewport">
<!-- jQuery -->
<script src="//in2aqua.net/js-plugin/respond/respond.min.js" type="text/javascript">
</script>
<!--<script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script>-->
<script crossorigin="anonymous" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" src="//code.jquery.com/jquery-2.2.4.js">
</script>
<!-- Bootstrap -->
<link href="//in2aqua.net/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
<script src="//in2aqua.net/bootstrap/js/bootstrap.js" type="text/javascript">
</script>
<!-- Cannot use min, fixed code in bootstrap 3.1.1, collapse menu -->
<!-- web font -->
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,800" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic" rel="stylesheet" type="text/css">
<script src="//in2aqua.net/js/modernizr-2.6.1.min.js">
</script>
<script src="//in2aqua.net/js-plugin/easing/jquery.easing.1.3.js" type="text/javascript">
</script>
<script src="//in2aqua.net/js-plugin/jquery-cookie/jquery.cookie.js" type="text/javascript">
</script>
<!-- Bootstrap Form Helpers -->
<link href="//in2aqua.net/js-plugin/BootstrapFormHelpers/dist/css/bootstrap-formhelpers.min.css" rel="stylesheet" type="text/css">
<script src="//in2aqua.net/js-plugin/BootstrapFormHelpers/dist/js/bootstrap-formhelpers.min.js" type="text/javascript">
</script>
<!-- fancyBox, http://fancyapps.com/fancybox -->
<link href="//in2aqua.net/js-plugin/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" rel="stylesheet" type="text/css">
<script src="//in2aqua.net/js-plugin/fancybox/source/jquery.fancybox.pack.js?v=2.1.5" type="text/javascript">
</script>
<link href="//in2aqua.net/js-plugin/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" rel="stylesheet" type="text/css">
<!-- Button helper -->
<script src="//in2aqua.net/js-plugin/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5" type="text/javascript">
</script>
<!-- Button helper -->
<!-- Bootstrap Validator, http://bootstrapvalidator.com -->
<link href="//in2aqua.net/js-plugin/BootstrapValidator-0.5.0/dist/css/bootstrapValidator.min.css" media="screen" rel="stylesheet" type="text/css">
<script src="//in2aqua.net/js-plugin/BootstrapValidator-0.5.0/dist/js/bootstrapValidator.min.js" type="text/javascript">
</script>
<!-- FormValidation, formvalidation.io -->
<link href="//in2aqua.net/js-plugin/formvalidation/dist/css/formValidation.min.css" media="screen" rel="stylesheet" type="text/css">
<script src="//in2aqua.net/js-plugin/formvalidation/dist/js/formValidation.min.js" type="text/javascript">
</script>
<script src="//in2aqua.net/js-plugin/formvalidation/dist/js/framework/bootstrap.min.js" type="text/javascript">
</script>
<!-- Bootbox to replace prompt function -->
<script src="//in2aqua.net/js-plugin/bootbox.min.js" type="text/javascript">
</script>
<!-- Font-Awesome -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Fuel UX, http://getfuelux.com, e.g. placard -->
<link href="//www.fuelcdn.com/fuelux/3.6.3/css/fuelux.min.css" rel="stylesheet">
<script src="//www.fuelcdn.com/fuelux/3.6.3/js/fuelux.min.js">
</script>
<!-- Ashley custom css -->
<link href="//in2aqua.net/css/layout.css" rel="stylesheet" type="text/css">
<link href="//in2aqua.net/css/colors.css" id="colors" rel="stylesheet" type="text/css">
<!-- in2aqua -->
<link href="//in2aqua.net/css/styles.css" rel="stylesheet" type="text/css">
<div class="navbar-fixed-top" id="global-status-bar">
</div>
<!-- Display database info for DEV environment -->
<!-- globalWrapper -->
<div class="localscroll" id="globalWrapper">
<style>
<!--
/* SIDE NAVIGATION
================================================== */
#nav-side { background:#777; left:0px; text-align:center; display:none; }
#nav-side li { display:block; margin:10px; }
#nav-side li a,
#nav-side li a:visited,
#nav-side li a:link,
#nav-side li a:active {
background:#CCC;
border-radius:100%;
display:block;
height:15px;
width:15px;
text-indent:-9999px;
padding:0px;
transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);}
#nav-side li.active a {
background:#555;
transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);animation-name:blinker;-webkit-animation-name:blinker;-moz-animation-name:blinker;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;}
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
/* Hover effect on mobile will leave a permanent highlight even after scrolling away */
@media(min-width:400px){
#nav-side li a:hover { background:#555; transform:scale(1.1); }
}
/* END SIDE NAVIGATION
================================================== */-->
</style>
<!-- header -->
<header class="navbar-static-top" id="mainHeader" role="banner">
<nav class="navbar navbar-default scrollMenu navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".navbar-ex1-collapse" data-toggle="collapse" type="button">
<span class="sr-only">
Toggle navigation
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</button>
<a class="navbar-brand" href="/">
<img alt="in2aqua" height="43" src="//in2aqua.net/images/main-logo.jpg" style="margin-left:10px;">
</a>
</div>
<!-- navbar-header -->
<div class="collapse navbar-collapse navbar-ex1-collapse" id="scrollTarget">
<ul class="nav navbar-nav pull-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" onmouseover="changeImage('mega-profi_portal','//in2aqua.net/images/ss-pro2pro.jpg');">
<i>
</i>
Pro-Portal
<b class="caret">
</b>
</a>
<div class="dropdown-menu mega-menu">
<ul style="padding-left:12px; padding-right:0px;">
<li style="padding-left:1em;">
<a href="/sign_in" onmouseover="changeImage('mega-profi_portal','//in2aqua.net/images/ss-sign_in__pro.jpg');changeLink('mega-profi_portal-link','/sign_in');">
Sign In
</a>
</li>
</ul>
</div>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" onmouseover="changeImage('mega-directory','//in2aqua.net/images/ss-directory__en.jpg');">
<i>
</i>
Showrooms
<b class="caret">
</b>
</a>
<div class="dropdown-menu mega-menu">
<ul style="padding-left:12px; padding-right:0px;">
<li style="padding-left:1em;">
<a href="/article/directory" onmouseover="changeImage('mega-directory','//in2aqua.net/images/ss-directory__en.jpg');changeLink('mega-directory-link','/article/directory');">
Directory
</a>
</li>
<li style="padding-left:1em;">
<a href="/article/map" onmouseover="changeImage('mega-directory','//in2aqua.net/images/ss-map__en.jpg');changeLink('mega-directory-link','/article/map');">
Map
</a>
</li>
</ul>
</div>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" onmouseover="changeImage('mega-shop','//in2aqua.net/images/ss-shop.jpg');">
<i>
</i>
Products
<b class="caret">
</b>
</a>
<div class="dropdown-menu mega-menu">
<ul style="padding-left:12px; padding-right:0px;">
<li style="padding-left:1em;">
<a href="/products__show?product_group=bath" onmouseover="changeImage('mega-shop','//in2aqua.net/images/ss-bath__en.jpg');changeLink('mega-shop-link','/products__show?product_group=bath');">
Bath
</a>
</li>
<li style="padding-left:1em;">
<a href="/products__show?product_group=shower" onmouseover="changeImage('mega-shop','//in2aqua.net/images/ss-shower__en.jpg');changeLink('mega-shop-link','/products__show?product_group=shower');">
Shower
</a>
</li>
<li style="padding-left:1em;">
<a href="/products__show?product_group=kitchen" onmouseover="changeImage('mega-shop','//in2aqua.net/images/ss-kitchen__en.jpg');changeLink('mega-shop-link','/products__show?product_group=kitchen');">
Kitchen
</a>
</li>
<li style="padding-left:1em;">
<a href="/products__show?product_group=rough-in" onmouseover="changeImage('mega-shop','//in2aqua.net/images/ss-rough-in__en.jpg');changeLink('mega-shop-link','/products__show?product_group=rough-in');">
Rough-ins
</a>
</li>
<li style="padding-left:1em;">
<a href="/product_list" onmouseover="changeImage('mega-shop','//in2aqua.net/images/ss-product_list.jpg');changeLink('mega-shop-link','/product_list');">
Product Index
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="/our_story">
<i>
</i>
About Us
</a>
</li>
<li>
<a href="/service">
<i>
</i>
Service
</a>
</li>
<li class="search" onclick='window.location.href="/product_list";' style="margin-left:20px;">
</li>
<li class="shopping-cart" onclick='window.location.href="/project__show";' style="margin-left:20px;">
0
</li>
</ul>
</div>
<!-- collapse -->
</nav>
</header>
<style>
<!--
body { padding-top:50px; } /* Needed for fixed top menu */
#defaultCountdown { text-align:center; padding:0px; margin-top:-60px; background:blue; display:none; }
.countdown-section { height:47px; width:47px; }
.countdown-amount { padding-top:10px;font-size:1em; }
.parallax { height:133px;background-attachment:fixed; }
@media(min-width:550px){ #defaultCountdown { margin-top:-85px; height:85px; }
.countdown-section { height:57px; width:57px; }
.countdown-amount { padding-top:13px; font-size:1.18em; }
.parallax { height:275px; } }
@media(min-width:700px){ #defaultCountdown { margin-top:-110px; height:110px; }
.countdown-section { height:68px; width:68px; }
.countdown-amount { padding-top:17px; font-size:1.37em; }
.parallax { height:350px; } }
@media(min-width:850px){ #defaultCountdown { margin-top:-135px; height:135px; }
.countdown-section { height:79px; width:79px; }
.countdown-amount { padding-top:21px; font-size:1.56em; }
.parallax { height:425px; } }
@media(min-width:1000px){ #defaultCountdown { margin-top:-160px; height:160px; }
.countdown-section { height:89px; width:89px; }
.countdown-amount { padding-top:25px; font-size:1.75em; }
.parallax { height:500px; } }
@media(min-width:1150px){ #defaultCountdown { margin-top:-185px; height:185px; }
.countdown-section { height:100px; width:100px; }
.countdown-amount { padding-top:28px; font-size:1.93em; }
.parallax { height:575px; } }
@media(min-width:1300px){ #defaultCountdown { margin-top:-210px; height:210px; }
.countdown-section { height:111px; width:111px; }
.countdown-amount { padding-top:32px; font-size:2.12em; }
.parallax { height:650px; } }
@media(min-width:1450px){ #defaultCountdown { margin-top:-235px; height:235px; }
.countdown-section { height:122px; width:122px; }
.countdown-amount { padding-top:36px; font-size:2.31em; }
.parallax { height:725px; } }
@media(min-width:1600px){ #defaultCountdown { margin-top:-260px; height:260px; }
.countdown-section { height:132px; width:132px; }
.countdown-amount { padding-top:40px; font-size:2.5em; }
.parallax { height:800px; } }
@media(min-width:1750px){ #defaultCountdown { margin-top:-285px; height:285px; }
.countdown-section { height:143px; width:143px; }
.countdown-amount { padding-top:43px; font-size:2.68em; }
.parallax { height:875px; } }
@media(min-width:1900px){ #defaultCountdown { margin-top:-310px; height:310px; }
.countdown-section { height:154px; width:154px; }
.countdown-amount { padding-top:47px; font-size:2.87em; }
.parallax { height:950px; } }
@media(min-width:2050px){ #defaultCountdown { margin-top:-335px; height:335px; }
.countdown-section { height:164px; width:164px; }
.countdown-amount { padding-top:51px; font-size:3.06em; }
.parallax { height:1025px; } }
@media(min-width:2200px){ #defaultCountdown { margin-top:-360px; height:360px; }
.countdown-section { height:175px; width:175px; }
.countdown-amount { padding-top:55px; font-size:3.25em; }
.parallax { height:1100px; } }
@media(min-width:2350px){ #defaultCountdown { margin-top:-385px; height:385px; }
.countdown-section { height:186px; width:186px; }
.countdown-amount { padding-top:58px; font-size:3.43em; }
.parallax { height:1175px; } }
@media(min-width:2500px){ #defaultCountdown { margin-top:-410px; height:410px; }
.countdown-section { height:197px; width:197px; }
.countdown-amount { padding-top:62px; font-size:3.62em; }
.parallax { height:1250px; } }
/* SIDE NAVIGATION
================================================== */
#nav-side { background:#777; left:0px; text-align:center; display:none; }
#nav-side li { display:block; margin:10px; }
#nav-side li a,
#nav-side li a:visited,
#nav-side li a:link,
#nav-side li a:active {
background:#CCC;
border-radius:100%;
display:block;
height:15px;
width:15px;
text-indent:-9999px;
padding:0px;
transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);}
#nav-side li.active a {
background:#555;
transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);animation-name:blinker;-webkit-animation-name:blinker;-moz-animation-name:blinker;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;}
@-moz-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
/* Hover effect on mobile will leave a permanent highlight even after scrolling away */
@media(min-width:400px) {
#nav-side li a:hover { background:#555; transform:scale(1.1); }
}
/* END SIDE NAVIGATION
================================================== */-->
</style>
<!-- content -->
<!-- Notes: xs: mobile devices, sm: tablets, md: laptops/smaller desktop screens, lg: large desktop screens -->
<!-- e.g. xs should use bigger number (less columns horizontally) than md -->
<div class="parallax" data-index="0" data-speed="7" style='background-image:url("//in2aqua.net/images/home/home__bg__1__en.jpg");background-repeat:no-repeat;zbackground-position:50% bottom;zbackground-color:gold;zposition:relative;zoverflow:hidden;width:100%;background-size:105% auto;-webkit-background-size:105% auto;-moz-background-size:105% auto;'>
</div>
<div class="nav-side-anchor" id="passion">
</div>
<div class="parallax-slider">
<a href="/article/passion">
<img alt="passion" src="//in2aqua.net/images/home/home__slider__passion__en.jpg" style="width:100%;">
</a>
</div>
<div class="parallax" data-index="1" data-speed="7" style='background-image:url("//in2aqua.net/images/home/home__bg__2__en.jpg");background-repeat:no-repeat;zbackground-position:50% bottom;zbackground-color:gold;zposition:relative;zoverflow:hidden;width:100%;background-size:105% auto;-webkit-background-size:105% auto;-moz-background-size:105% auto;'>
</div>
<div class="nav-side-anchor" id="award">
</div>
<div class="parallax-slider">
<a href="/article/award">
<img alt="award" src="//in2aqua.net/images/home/home__slider__award__en.jpg" style="width:100%;">
</a>
</div>
<div class="parallax" data-index="2" data-speed="7" style='background-image:url("//in2aqua.net/images/home/home__bg__4__en.jpg");background-repeat:no-repeat;zbackground-position:50% bottom;zbackground-color:gold;zposition:relative;zoverflow:hidden;width:100%;background-size:105% auto;-webkit-background-size:105% auto;-moz-background-size:105% auto;'>
</div>
<div class="nav-side-anchor" id="in2aqua">
</div>
<div class="parallax-slider">
<a href="/article/directory">
<img alt="in2aqua" src="//in2aqua.net/images/home/home__slider__in2aqua__en.jpg" style="width:100%;">
</a>
</div>
<div class="affix" id="nav-side">
<ul class="nav">
<li>
<a href="#passion">
passion
</a>
</li>
<li>
<a href="#award">
award
</a>
</li>
<li>
<a href="#in2aqua">
in2aqua
</a>
</li>
</ul>
</div>
<!-- content ends -->
<script>
<!--
// Adjust container height to prevent dangling footer
function setBodyHeight() {
$("#body").css("min-height",($(window).innerHeight()-138)+"px");
} // setBodyHeight
setBodyHeight();
$(window).resize(function() {
setBodyHeight();
}); // load-->
</script>
<!-- footer -->
<div class="row" id="footerRights">
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12" style="padding-left:0px;">
<!-- Explore <a href="/products">in2aqua</a> -->
<!-- <br> -->
© 2024
<a href="http://www.in2aqua.com">
in2aqua GmbH
</a>
. All rights reserved.
<!-- | <a href="/article/legal">Legal Notice</a> -->
<!-- | <a href="/article/newsroom">Buzz</a> -->
<!-- | <a href="/sitemap">Sitemap</a> -->
|
<a href="/article/inquiries">
Contact Us
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-0 pull-right">
<span id="siteseal" style="float:right;margin-left:10px;margin-top:11px;">
</span>
<!-- PayPal <a href="https://www.paypal.com/webapps/mpp/paypal-popup" title="How PayPal Works" onclick="javascript:window.open('https://www.paypal.com/webapps/mpp/paypal-popup','WIPaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700'); return false;">
<img style="float:right;margin-left:10px;" src="https://www.paypalobjects.com/webstatic/mktg/logo/AM_mc_vs_dc_ae.jpg" border="0" alt="PayPal Acceptance Mark" height="50"></a> PayPal Logo -->
</div>
</div>
<!-- footerRights -->
<!-- End footer -->
</div>
<!-- global wrapper -->
<!-- End Document
================================================== -->
<!-- Custom -->
<script src="//in2aqua.net/js/inc-functions.js" type="text/javascript">
</script>
<script src="//in2aqua.net/js/custom.js" type="text/javascript">
</script>
<script src="//in2aqua.net/js/inc-project.js" type="text/javascript">
</script>
<!-- Must be below jquery script load -->
<script>
<!--
// http://formvalidation.io/settings/
// http://formvalidation.io/validators/
function initializeFormValidator(form_name){
$('#'+form_name).formValidation({
framework: 'bootstrap',
excluded: [':disabled', ':hidden', ':not(:visible)'],
button: {
selector: '[type="submit"]:not([formnovalidate])',
disabled: ''
},
row: {
selector: '.field-group'
},
// Feedback icons
icon: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
live: 'disabled'
}); // .formValidation
} // initializeFormValidator
$(document).ready(function() {
UpdateCartNumber(0);
}); // document.ready
$(window).load(function(){
if ($('.match-height').length) matchMaxHeight("match-height");
// Make country selectbox to expand above instead of below
// 12px is for padding of bfh-countries
// 1/31/15 Moving country selection back to top navbar, disable expand to top code
//var heightCountrySelector = $(".bfh-countries").height(),
// heightSelectboxOptions = $(".bfh-selectbox-options").height();
//$(".bfh-selectbox-options").css("margin-top", "-"+(heightCountrySelector+heightSelectboxOptions+12)+"px");
}); // window.load
$(window).on("resize",function(e){
//if ($('#fullScreen').length) fullscreenImage();
if ($('.match-height').length) matchMaxHeight("match-height");
}); // window.resize-->
</script>
<a class="back-to-top" href="#" title="Back to top">
</a>
<script>
$('#nav-side a').on('click', function(e) {
e.preventDefault();
scrollToId($(this).attr('href'));
});
function scrollToId(id) {
var scrollTop;
scrollTop = $(id).offset().top - $("#sticky_link").height();
$('html, body').animate({
scrollTop: scrollTop
}, 1500);
}
function setParallaxBGPosition() {
$(".parallax").each(function() {
var visibleBy = ($(window).height() + $(window).scrollTop()) - $(this).offset().top;
if (visibleBy > 0) {
var yPos = -(visibleBy / $(this).data("speed"));
$(this).css("background-position", "50% " + yPos + "px");
}
});
return true;
}
function setNavSidePosition() {
if ($("#nav-side").length) {
var topNavSide = ($(window).height() - $("#nav-side").height()) / 2;
var topNavSideAnchor = ($(".parallax-slider").height() - $(window).height());
$("#nav-side").css("top", topNavSide + "px").show();
$(".nav-side-anchor").css("position", "relative").css("top", topNavSideAnchor + "px");
return true;
}
}
$(document).ready(function() {
if (navigator.userAgent.match(/iPhone/) || navigator.userAgent.match(/Android/) || navigator.userAgent.match(/iPad/)) {
$("#nav-side").addClass("hidden");
$(".parallax").css("background-attachment", "scroll");
} else setNavSidePosition();
if ($("#div-splash").length) {
var windowsWidth = window.innerWidth;
var divWidth = 500;
if (divWidth > windowsWidth - 40) divWidth = windowsWidth - 40;
$("#div-splash").width(divWidth).delay(5000).slideUp(1000);
}
});
$(window).load(function() {
setParallaxBGPosition();
});
$(window).scroll(function() {
setParallaxBGPosition();
});
$(window).resize(function() {
setNavSidePosition();
});
</script>
</body>
</html>