Untitled

<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
	<head>
		<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
		<title>Business-co Bootstarp Website Template | Home :: w3layouts</title>
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
		<!-- web-font -->
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
		<!-- web-font -->
		<!-- js -->
		<script src="js/jquery.min.js"></script>
		<script src="js/modernizr.custom.js"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		<!-- js -->
		<!-- start-smoth-scrolling -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
		<!-- start-smoth-scrolling -->
		<style type="text/css">
.auto-style1 {
	font-family: serif;
	font-size: xx-large;
}
</style>
	</head>
	<body>
		<!-- header -->
		<div id="home" class="head-bg">
			<div class="h-top">
				<div class="header">
					<!-- container -->
					<div class="container">
						<div class="header-top">
							<div class="header-logo">
								<a href="#">
								<img src="images/logo.jpg" alt="" height="97" width="97" /></a>
							</div>
							<div class="clearfix" style="font-family: Tahoma; font-weight: bold; font-size: x-large"> &nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;
								<span class="auto-style1">W.H.Heyden &amp;
								Associates</span></div>
						</div>
						<div class="border"> </div>
						<div class="top-nav">
							<span class="menu">Click here for menu</span>
							<ul class="nav1">
								<li><a href="#home" class="scroll">Home</a></li>
								<li><a href="#about" class="scroll">About Us</a></li>
								<li><a href="#investment" class="scroll">Investment Plans</a></li>
								<li><a href="#affiliate" class="scroll">Affiliate Program</a></li>
								<li><a href="#news" class="scroll">News</a></li>
								<li><a href="#faq" class="scroll">FAQ</a></li>
								<li><a href="#contact" class="scroll">Contact Us</a></li>
							</ul>
							<!-- script-for-menu -->
							 <script>
							   $( "span.menu" ).click(function() {
								 $( "ul.nav1" ).slideToggle( 300, function() {
								 // Animation complete.
								  });
								 });
							</script>
						<!-- /script-for-menu -->
						</div>
					</div>
					<!-- //container -->
				</div>
			</div>
			<!-- banner-info -->
			<div class="banner-info">
				<!-- container -->
				<!-- //container -->
			</div>
		</div>
		<!-- //header -->
		<!-- about -->
		<div id="about" class="about">
			<!-- container -->
			<div class="container">
				<h3>About Us</h3>
				<div class="border line"> </div>
				<p>It  only took me six days. same time it took the lord to make the world. I now issue a new commandment: thou shalt <span>do the dance</span>. Circumstances have taught me that a man's ethics are the only possessions he will take beyond the grave. No, this is mount everest. You should flip on the discovery channel from time to time. <span>But i guess</span> you can't now, being dead and all.</p>
				<div class="button"><a href="#">Read More</a></div>
			</div>
			<!-- //container -->
		</div>
		<!-- //about -->
		<!-- plan -->
		<!-- //team -->
		<!-- map -->
		<div id="contact" class="map">
			<div class="black">
				<img src="images/find.png" alt="" />
				<div class="contact">
					<div class="contact-info">
						<h5>Contacts</h5>
						<div class="border white"> </div>
						<div class="contact-grids">
							<div class="contact-grid">
								<p>Telephone:</p>
								<p class="sub-text">+12 345 6789</p>
							</div>
							<div class="contact-grid">
								<p>Adress:</p>
								<p class="sub-text">Some street, 21</p>
							</div>
							<div class="contact-grid">
								<p>E-mail:</p>
								<p class="sub-text">info@company.com</p>
							</div>
							<div class="clearfix"> </div>
							<label class="u-arrow"> </label>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- //map -->
				<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear'
								 		};
										*/

										$().UItoTop({ easingType: 'easeOutQuart' });

									});
								</script>
									<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!-- content-Get-in-touch -->
	</body>
</html>