-
Notifications
You must be signed in to change notification settings - Fork 0
/
fantasy.html
137 lines (97 loc) · 5.91 KB
/
fantasy.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
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Odette's Hair Salon :: Themed Events</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="header">
<a href="odetteHomePage.html"><img id="logo" src="images/logo.png" width="188" height="191" alt="Odette's Hair Salon Home" /></a>
<div id="title">
<h1>Odette's Hair Salon</h1>
<div id="address">2035 S. Washington St.<br />
Suite 171-8A<br />
Naperville, IL. 60565<br />
<span id="desktop">Phone (555) 555-5555</span><a id="mobile" href="tel:(555) 555-5555">Phone (555) 555-5555</a><br />
<a id="email" href="mailto:[email protected]">[email protected]</a><br /><br />
</div><!--closes address-->
</div><!--closes the title div-->
</div><!--closes header-->
<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>Themed Events</a></li>
</ul>
</li><!--closes the bridal parent-->
<li><a href="contact.html">Contact Me</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>Themed Events</a></li>
<li><a href="contact.html">Contact Me</a></li>
</ul>
</div><!--closes tinyNav-->
<div id="main">
<div id="desc">
<p><span class="fLetter">G</span>oing to a Renaissance Faire? Comic-Con? Your office holding a theme party? Or just looking for something truly unique? Style your hair to suit!</p>
<p>Check out the gallery of work I've done for some of my clients. Bring pictures with your ideas.</p>
</div>
<h2>Themed Services & Pricing</h2>
<div id="prices">
<ul>
<li>❖   Consultation (required)....................Free</li>
<li>❖   Cut.....................................................$50</li>
<li>❖   Color: <br />
<span class="color">full head................................................$125</span><br />
<span class="color">highlights..............................................$100</span><br />
<span class="color">each additional color............................$50</span></li>
<li>❖   Blow-out & Style................................$80/hour</li>
</ul>
</div><!--closes prices div-->
<h3>Gallery</h3>
<div id="gallery">
<ul>
<span class="block"><li><img src="images/color5.jpg" width="180" height="279" alt="Fiery red" /><br /><span class="text">Fiery red.</span></li></span>
<span class="block"><li><img src="images/50s2.jpg" width="183" height="275" alt="Keratin treatment with sleek roll" /><span class="text">Keratin treatment with sleek Victory roll.</span></li></span>
<span class="block"><li><img src="images/braids2.jpg" width="194" height="260" alt="Lord of the Rings style" /><span class="text">Lord of the Rings style.</span></li></span>
<span class="block"><li><img src="images/lotr3.jpg" width="194" height="259" alt="Lord of the Rings braid" /><span class="text">Lord of the Rings complex braid.</span></li></span>
<span class="block"><li><img src="images/ren1.jpg" width="188" height="208" alt="Renaissance braid" /><span class="text">Renaissance braid.</span></li></span>
<span class="block"><li><img src="images/ren2.jpg" width="187" height="270" alt="Renaissance style with decorative hairnet" /><span class="text">Renaissance style with decorative hairnet.</span></li></span>
<span class="block"><li><img src="images/starwars1.jpg" width="183" height="275" alt="Triple loops" /><span class="text">Triple loops.</span></li></span>
<span class="block"><li><img src="images/starwars2.jpg" width="216" height="197" alt="Braided loops into bun" /><span class="text">Braided loops into swirled bun.</span></li></span>
<span class="block"><li><img src="images/vikingsmen1.jpg" width="234" height="215" alt="Men's Viking braid" /><span class="text">Men's Viking braid.</span></li></span>
</ul>
</div><!--closes gallery-->
</div><!--closes main-->
<div id="bottomNav">
<a href="odetteHomePage.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>Themed Events</a> ~ <a href="contact.html">Contact Me</a>
</div><!--closes bottomNav-->
<div id="copyright">
<p>Copyright © 2018 Odette's Hair Salon</p>
<p class="created">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>