-
Notifications
You must be signed in to change notification settings - Fork 0
/
shop.html
125 lines (88 loc) · 4.5 KB
/
shop.html
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Odette's Hair Salon :: Shop</title>
<link href="odette.css" rel="stylesheet" type="text/css" />
<meta charset="UTF-8" />
<link href="https://fonts.googleapis.com/css?family=Monsieur+La+Doulaise" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Odette's Hair Salon is the premier salon in Naperville. We do cuts, styling, color, and perms for both women and men. We work with you to bring out your natural beauty for yourself with consideration to your work and lifestyle." />
<style type="text/css"></style>
<link rel="icon" href="xfavicon.ico" type="image/x-icon" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="nav">
<ul>
<li><a href="women.html">Women's Hair</a></li>
<li><a href="men.html">Men's Hair</a></li>
<li class="subMenu"><a>Special Occasions</a>
<ul class="nestMenu">
<li><a href="bridal.html">Bridal</a></li>
<li><a href="fantasy.html">Themed Events</a></li>
</ul>
</li><!--closes the bridal parent-->
<li><a href="contact.html">Contact Me</a></li>
<li><a>Shop</a></li>
</ul>
</div><!--closes nav-->
<div id="tinyNav">
<ul>
<li><a href="women.html">Women's Hair</a></li>
<li><a href="men.html">Men's Hair</a></li>
<li><a href="bridal.html">Bridal</a></li>
<li><a href="fantasy.html">Themed Events</a></li>
<li><a href="contact.html">Contact Me</a></li>
<li><a>Shop</a></li>
</ul>
</div><!--closes tinyNav-->
<div id="main">
<div id="desc"><span class="fLetter">T</span>ake care of your new look with these products:<br /></div>
<div id="owner">
<img class="left" src="images/brush.png" width="244" height="104" alt="boar bristle hair brush" />
<p>Extend the time between washings and promote healthier hair by using your own natural oils.</p>
<p>This boar hair, bristle brush naturally conditions your hair and scalp.</p><br />
<p class="cost">Price: $195</p>
<form class="shopFrm" method="post"
action="http://www.webdevfoundations.net/scripts/cart.asp">
<input type="hidden" name="desc1" id="desc1" value="Boar Bristle Hair Brush" />
<input type="hidden" name="cost1" id="cost1" value="$195" />
<input class="submitCart" type="submit" value="Add to Cart" />
</form>
<img class="left" src="images/comb.jpg" width="110" height="258" alt="comb" />
<p>Detangle hair easily with this wide-tooth comb.</p>
<p>Made by hand with smooth tapered teeth and rounded tips.</p>
<p>Perfect for getting the knots out before styling with ease and comfort.</p>
<p>Remember to use this comb with wet hair. Work tangles and knots out from the ends of your hair upwards. Wet hair is more fragile than dry hair.</p>
<br /><br /><br />
<p class="cost">Price: $50</p>
<form class="shopFrm" method="post"
action="http://www.webdevfoundations.net/scripts/cart.asp">
<input type="hidden" name="desc2" id="desc2" value="Detangling Comb" />
<input type="hidden" name="cost2" id="cost2" value="$50" />
<input class="submitCart" type="submit" value="Add to Cart" />
</form>
<p>Questions regarding any of these items, contact me via email and I'll be happy to assist!</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
<div id="gc">
Gift Certificates are also available!
</div><!--coses gc-->
</div><!--closes owner-->
</div><!--closes main-->
<div id="bottomNav">
<a href="index.html">Home</a> ~ <a href="women.html">Women's Hair</a> ~ <a href="men.html">Men's Hair</a> ~ <a href="bridal.html">Bridal</a> ~ <a href="fantasy.html">Themed Events</a> ~ <a href="contact.html">Contact Me</a> ~ <a>Shop</a>
</div><!--closes bottomNav-->
<div id="copyright">
<p>Copyright © 2017 Odette's Hair Salon</p>
<p>created by N. Mikyska</p>
</div><!--closes the copyright div-->
</div><!--closes wrapper-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="ohs.js"></script>
</body>
</html>