<!DOCTYPE html>
<html lang="en">

<head>
	<!-- Basic -->
	<meta charset="utf-8">
	<title>Safer House hold</title>
	<meta name="description" content="Please be sure to share your personal website http://www.saferhousehold.com/yourusername">
	<link rel="shortcut icon" href="../images/favicon.ico">
	<!-- Mobile Specific Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- Icon Fonts  -->
	<link rel="stylesheet" href="../font/style.css">
	<!-- Vendor CSS -->
	<link rel="stylesheet" href="../vendor/waves/waves.css">
	<link rel="stylesheet" href="../vendor/slick/slick.css">
	<link rel="stylesheet" href="../vendor/slick/slick-theme.css">
	<link rel="stylesheet" href="../vendor/magnific-popup/magnific-popup.css">
	<!-- Custom CSS -->
    <link href="../css/scrolling-nav.css" rel="stylesheet">
	<link rel="stylesheet" href="../css/style.css">
    
	<!-- Custom Fonts -->
	<link href='https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
	<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
	<link rel="stylesheet" type="text/css" href="../vendor/rs-plugin/css/settings.css" media="screen" />
	<!-- Head Libs -->
	<!--[if IE]>
	<link rel="stylesheet" href="css/ie.css">
	<![endif]-->
	<!--[if lte IE 8]>
	<script src="vendor/respond/respond.js"></script>
	<script src="vendor/excanvas/excanvas.js"></script>
	<![endif]-->
	<!-- Modernizr -->

</head>

<body class="index" id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

    <!-- Navigation -->
    



	<div id="loader-wrapper" class="loader-on">
		<div id="loader" class="mower-loader">
			<div class="mower"> <img src="../images/logo.png" alt=""> </div>
			<div class="grass"></div>
			<div class="text">Loading...</div>
		</div>
	</div>
	<!-- Modal Search -->
	<div class="overlay overlay-scale">
		<button type="button" class="overlay-close"> ✕ </button>
		<div class="overlay__content">
			<form id="search-form" class="search-form outer" action="#" method="post">
				<div class="input-group input-group--wd">
					<input type="text" class=" input--full" placeholder="search text here ..."> </div>
				<button class="btn btn--wd text-uppercase wave waves-effect">Search</button>
			</form>
		</div>
	</div>
	<!-- / end Modal Search -->
	<div class="wrapper">
		
		<header class="header header--max header--sticky ">
			<nav class="navbar navbar-wd  navbar-fixed-top" id="navbar" role="navigation">
				<div class="navbar-header">
					<div class="container">
						<button type="button" class="navbar-toggle" id="slide-nav"><i class="icon icon-menu"></i></button>
						<div class="row">
							<div class="col-sm-2 col-lg-3">
								<!--  Logo  -->
								<a class="logo" href="index.html"> <img class="logo-default" src="../images/logo.png" alt="" /> <img class="logo-mobile" src="../../images/logo.png" alt="" /> </a>
								<!-- End Logo -->
							</div>
							<div class="visible-lg col-lg-9">
								<div class="slogan">Create a more affordable, healthier and safer household. </div>
							</div>
					
						</div>
						
					</div>
				</div>
				
			</nav>
		</header>
		
		
		<div id="pageContent" class="page-content">
			
			<!-- END REVOLUTION SLIDER -->
			<!-- End Slider section -->
			<!-- Content section -->
			
			<section class="content white intro-section" id="pillarsWellness" >
				<div class="container">
                
                <div class="row ">
                <div class="col-sm-6 col-xs-12 bottom-space no-margin"> <h2 class="text-brown">The Four Pillars
of Wellness</h2></div>
 <div class="col-sm-6 col-xs-12 bottom-space no-margin text-center"><img src="../images/logo-changing.png" alt="Changing 4 better"></div>
                
                </div>
                <div class="clearfix"></div>
                <div class="row">
                 
                
                <div class="col-sm-6 col-xs-12 bottom-space no-margin"><div class="img-box"><img src="../images/img-health.jpg" alt="Health" > <div class="textupp">HEALTH</div>
      	        </div></div>
                <div class="col-sm-6 col-xs-12 bottom-space no-margin"><div class="img-box"> <img src="../images/img-personal.jpg" alt="Personal">   <div class="textupp"> PERSONAL
LIFE</div>
</div></div>
                <div class="col-sm-6 col-xs-12 bottom-space no-margin"><div class="img-box"><img src="../images/img-environment.jpg" alt="Environment"> <div class="textupp">ENVIRONMENT</div>
                </div></div>
                
                <div class="col-sm-6 col-xs-12 bottom-space no-margin"><div class="img-box"><img  src="../images/img-finances.jpg" alt="Finances"> <div class="textupp">FINANCES</div>
                </div></div>
                </div>
                
                </div>
			</section>
            

		
			<!-- End Content section -->
		</div>
		
	</div>
	<div id="watchVideo" class="form-modal video-outer-style" style="max-width:700px; height:auto; z-index:999999; position: relative;">
		<div style="display: block; position: relative; max-width: 100%;"><div style="padding-top: 56.25%;"><iframe src="http://players.brightcove.net/2985902074001/HJAsDsHE_default/index.html?videoId=5483451142001"

allowfullscreen

webkitallowfullscreen

mozallowfullscreen

style="width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;"></iframe></div></div>
	</div>
	<!-- Vendor -->
	<!-- jQuery 1.10.1-->
	<script src="../vendor/jquery/jquery.js"></script>
	<!-- Bootstrap 3-->
	<script src="../vendor/bootstrap/bootstrap.min.js"></script>
    
  
	<!-- Specific Page Vendor -->
	<script src="../vendor/waves/waves.min.js"></script>
	<script src="../vendor/slick/slick.min.js"></script>
	<script src="../vendor/parallax/jquery.parallax-1.1.3.js"></script>
	<script src="../vendor/waypoints/jquery.waypoints.min.js"></script>
	<script src="../vendor/waypoints/sticky.min.js"></script>
	<script src="../vendor/doubletaptogo/doubletaptogo.js"></script>
	<script src="../vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
	<script src="../vendor/isotope/isotope.pkgd.min.js"></script>
	<script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
	<!-- jQuery form validation -->
	<script src="../vendor/form/jquery.form.js"></script>
	<script src="../vendor/form/jquery.validate.min.js"></script>
	<!-- Custom -->
	<script src="../javascript/custom.js"></script>
	<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
	<script type="text/javascript" src="../vendor/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="../vendor/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function() {
			var fullwidth = "on";
			var fullscreen = "off";
			jQuery('.tp-banner').show().revolution({
				dottedOverlay: "none",
				delay: 5000,
				startwidth: 1920,
				startheight: 1200,
				hideThumbs: 200,
				hideTimerBar: "on",
				thumbWidth: 100,
				thumbHeight: 50,
				thumbAmount: 5,
				navigationType: "none",
				navigationArrows: "",
				navigationStyle: "",
				touchenabled: "on",
				onHoverStop: "off",
				swipe_velocity: 0.7,
				swipe_min_touches: 1,
				swipe_max_touches: 1,
				drag_block_vertical: false,
				parallax: "mouse",
				parallaxBgFreeze: "on",
				parallaxLevels: [7, 4, 3, 2, 5, 4, 3, 2, 1, 0],
				keyboardNavigation: "off",
				navigationHAlign: "center",
				navigationVAlign: "bottom",
				navigationHOffset: 0,
				navigationVOffset: 20,
				soloArrowLeftHalign: "left",
				soloArrowLeftValign: "center",
				soloArrowLeftHOffset: 20,
				soloArrowLeftVOffset: 0,
				soloArrowRightHalign: "right",
				soloArrowRightValign: "center",
				soloArrowRightHOffset: 20,
				soloArrowRightVOffset: 0,
				shadow: 0,
				fullWidth: fullwidth,
				fullScreen: fullscreen,
				spinner: "",
				stopLoop: "off",
				stopAfterLoops: -1,
				stopAtSlide: -1,
				shuffle: "off",
				autoHeight: "off",
				forceFullWidth: "off",
				hideThumbsOnMobile: "off",
				hideNavDelayOnMobile: 1500,
				hideBulletsOnMobile: "off",
				hideArrowsOnMobile: "off",
				hideThumbsUnderResolution: 0,
				hideSliderAtLimit: 0,
				hideCaptionAtLimit: 0,
				hideAllCaptionAtLilmit: 0,
				startWithSlide: 0,
				fullScreenOffsetContainer: ".header .navbar-wd"
			});
		}); //ready
	</script>
    
 
      <script src="../javascript/jquery.easing.min.js"></script>
     <script src="../javascript/scrolling-nav.js"></script>
</body>

</html>

<script src="../js/ifvisible.min.js" type="text/javascript"></script><script src="../js/timeme.js" type="text/javascript"></script><script type="text/javascript">TimeMe.setIdleDurationInSeconds(15);	TimeMe.setCurrentPageName("validation");	TimeMe.initialize();
		window.onbeforeunload = function () {
			xmlhttp=new XMLHttpRequest();
			xmlhttp.open("POST","../includes/timelog.php",false);
			xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			var timeSpentOnPage = TimeMe.getTimeOnCurrentPageInSeconds();
			xmlhttp.send("time="+timeSpentOnPage+"&page=validation&path=/home/tpnsaferhouse&templateType=0&type=new&visitorId=0&visitorIp=66.249.93.5&siteId=1128&prospectId=");
		};
			window.onload = function(){
				setInterval(function(){
					var timeSpentOnPage = TimeMe.getTimeOnCurrentPageInSeconds();
					//document.getElementById('timeInSeconds').textContent = timeSpentOnPage.toFixed(2);
				}, 25);
			}
		</script>