SBSWebsite/index.htm at master · joshua-lucier/SBSWebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<title>Stowe Barber Shop</title>
<meta name="viewport" content="width=device-width">
<meta name="description" content="The Stowe Barber Shop is owned by Regina Crosby.  Customized haircuts for $14. No appointments necessary. Expertly cut hair in an old fashioned environment. If you're not satisfied, you don't pay!! The Stowe Barber Shop est détenue par Regina Crosby. Coupes sur mesure pour 14 $. Aucun rendez-vous nécessaire. Experte couper les cheveux dans un environnement à l'ancienne. Si vous n'êtes pas satisfait, vous ne payez pas!">
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta name="keywords" content="Stowe, Barber, Shop, Regina, Crosby, VT, small, business, main, park, hair, haircutter, haircutters, men, men's, boy, boy's, boys, everett, lamoille, morrisville, waterbury, custom, customized, christian, stowe sarber boutique Regina, Crosby, VT, petite, entreprise, main, parc, cheveux, tondeuse à cheveux, coiffeurs, hommes, hommes, garçon, garçon, garçons, everett, Lamoille, Morrisville, waterbury, coutume, personnalisée, chrétien">
<script type="text/javascript" src="libraries/modernizr.custom.77886.js"></script>
<link href="libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="libraries/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="monitor.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
	<header>
		<span></span>
		<h1 id="mytitle">Stowe <br> Barber Shop</h1>
		<!--<div id="mytitle"><img src="images/stowebarbershop.gif"></div>-->
	    <nav id="pageNav">
<div class="navbar">
  <div class="navbar-inner">
    <ul class="nav">
      <li class="active"><a href="#" id="menuHome">Home</a></li>
      <li class="divider-vertical"></li>
      <li><a href="#"  id="menuServices">Services</a></li>
      <li class="divider-vertical"></li>
      <li><a href="#" id="menuStyles">Styles & Examples</a></li>
       <li class="divider-vertical"></li>
      <li><a href="#" id="menuContact">Contact</a></li>
    </ul>
  </div>
</div>
		</nav>
	</header>
		<article>
			<div id="myContent">
				<H1 class="hidden">Home</H1>
<div class="services"><i>"Blessed is the nation who's God is the Lord" -Psalm 33:12</i></div>

			<p>Creative and stylish cuts performed in a retro atmosphere... big band music and vintage ads gives a 1940's ambiance... photos of local customers decorate the walls.</p>
			</div>
		</article>
<footer>
	<p>Web site built by <a href="http://www.joshualucier.com">Joshua M Lucier Support & Services</a></p>
</footer>
</div>

 <script src="libraries/jquery/jquery-1.8.2.min.js"></script>
 <!--<script src="libraries/jquery-ui-1.8.24.custom/js/jquery-ui-1.8.24.custom.min.js"></script>-->
 <script src="libraries/bootstrap/js/bootstrap.min.js"></script>
 <script type="text/javascript" src="libraries/jquery.galleriffic.js"></script>
 <script type="text/javascript" src="libraries/jquery.cycle.all.js"></script>
 <script type="text/javascript">
$(document).ready(function(){
	"use strict";
	$("#myContent").load("home.htm");

	$("#menuHome").click(function(){
		$("#myContent").load("home.htm");
	});
	$("#menuServices").click(function(){
		$("#myContent").load("services.htm");
	});
	$("#menuStyles").click(function(){
		$("#myContent").load("styles.htm");
	});
	$("#menuContact").click(function(){
		$("#myContent").load("contact.htm");
	});
	$("nav li").click(function(){
		$("nav li").removeClass('active');
		$(this).addClass('active');
	});
});

$(document).scroll(function(){
	"use strict";
	var nav = $(".navbar") ;
	var pole = $("header span");
	var navsection = $("#pageNav");
	var header = $("header");
	if (navsection.offset().top - navsection.outerHeight() <= $(this).scrollTop())
	{
		nav.addClass("navbar-fixed-top");
		pole.addClass("mytop");
	}
	else if (header.offset().top >= $(this).scrollTop())
	{
		nav.removeClass("navbar-fixed-top");
		pole.removeClass("mytop");
	}
});

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