/
index.html
231 lines (179 loc) · 8.54 KB
/
index.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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="en">
<head>
<title>Nutty Squirrel Gelato – Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Nutty Squirrel Gelato is a small family business located in the Seattle area.">
<meta name="keywords" content="Nutty Squirrel, Seattle, Phinney Ridge, Northwest, Maple Valley, Washington, gelato, dessert, weddings, birthdays, catering, best gelato, natural, local, ice cream">
<meta name="author" content="Jodi Parker" />
<!--Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Lato:300,700|Vollkorn:400italic' rel='stylesheet' type='text/css'>
<!--TypeKit Fonts -->
<script type="text/javascript" src="//use.typekit.net/ppq6bwl.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--CSS -->
<link rel="stylesheet" href="css/main.css">
<!-- Favicon -->
<link rel=”shortcut icon” href=”img/favicon.ico”/>
<!-- Smooth scroll js -->
<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script>
<script type='text/javascript'>
$(window).load(function(){
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
});
</script>
<!-- Shrinking Nav On Scroll -->
<script>
$(window).scroll(function() {
if ($(this).scrollTop() > 1){
$('header').addClass("sticky");
$("img[src='img/logo.png']").attr("src","img/logo-2.png");
}
else{
$('header').removeClass("sticky");
$("img[src='img/logo-2.png']").attr("src","img/logo.png");
}
if ($('.page-section:in-viewport').length > 0) {
$('a[href="#menu"]').first().text ("ok");
}
else {
$('a[href="#menu"]').text ("Menu");
}
});
</script>
<!-- Jquery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.viewport.mini.js" type="text/javascript"></script>
</head>
<body>
<div class="message">
<h3>Pop-up shop ANNOUNCEMENT: Come visit our new <a href="#contact">Capitol Hill</a> location inside <a href="http://www.yelp.com/biz/eat-local-seattle-2" target="_blank">Eat Local</a>!</h3>
</div>
<header class="wrap-lg">
<a href="#skip" class="offscreen">Skip Content</a><!-- skip content option for screen readers - hidden offscreen -->
<a href="#home" id="logo"><img src="img/logo.png" alt="Nutty Squirrel logo"></a>
<ol id="nav">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#menu">Menu</a></li>
<li><a href="#catering">Catering</a></li>
<li><a href="#recognition">Recognition</a></li>
<li><a href="#contact">Contact</a></li>
</ol>
<div class="group" id="fa-icons">
<a href="https://www.facebook.com/NuttySquirrelGelato" target="_blank"><i class="fa fa-facebook-square fa-lg"></i></a>
<a href="http://instagram.com/NuttySquirrelGelato" target="_blank"><i class="fa fa-instagram fa-lg"></i></a>
<a href="https://plus.google.com/111462237560964349629" target="_blank"><i class="fa fa-google-plus-square fa-lg"></i></a>
</div>
</header><!-- /.wrap-lg-->
<section id="content">
<article id="home">
<div class="inner">
<div class="wrap-sm text-bg">
<a name="skip"></a><!-- screen readers skip to here -->
<h1>2016 <span>Gelato World Tour</span> Finalist</h1>
</div>
</div>
</article>
<article id="about">
<div class="inner">
<div class="wrap-mid">
<h2>About Us</h2>
<p>Nutty Squirrel is a small family business with one goal - to share our love of gelato with our friends and neighbors in the Northwest. We make our gelato and sorbetto right in the store, using only the freshest ingredients.</p>
<blockquote>"We want our shops to be a place to <span>celebrate</span> our local culture and <span>support</span> the community.”</blockquote>
<p>We wanted our name to reflect our community as well as our product, which is how “Nutty Squirrel” was born – to represent our beautiful, forested surroundings here in the Northwest, and the fresh nuts we use, like hazelnut, pistachio, and peanuts.</p>
</div>
</div>
</article>
<article id="menu">
<div class="inner">
<dl class="wrap-mid">
<dt>From market to table.</dt>
<dt>All natural, <span>seasonal</span> ingredients.</dt>
</dl>
</div>
</article>
<article id="menu-text">
<div class="inner">
<div class="wrap-mid">
<h2>Menu</h2>
<p>True to the Northwest, our flavors change with the seasons. Our case rotates on a daily basis to provide our customers with only the freshest gelato and sorbetto.</p>
<p>For today’s flavors, please visit our <a href="https://www.facebook.com/NuttySquirrelGelato" target="_blank" title="Find us on Facebook">Facebook</a>.</p>
<figure class="image">
<img src="img/pops.jpg" alt="">
<figcaption>Handmade gelato pops in a variety of flavors, including stracciatella and pistachio.</figcaption>
</figure>
<figure>
<img src="img/affogato.jpg" alt="">
<figcaption>Affogato – one scoop of gelato, topped with 2 shots of fresh-brewed espresso.</figcaption>
</figure>
</div>
</div>
</article>
<article id="catering">
<div class="inner">
<div class="wrap-mid">
<h1>Make your next occassion <span>truly</span> special.</h1>
</div>
</div>
</article>
<article id="catering-text">
<div class="inner">
<div class="wrap-mid">
<h2>Catering</h2>
<p>Birthdays, weddings, graduations, or just because, let Nutty Squirrel take care of everyone’s sweet tooth.</p>
<p>All you have to worry about is making memories.</p>
<p>Our tricycle “Strawberry” will be packed to the brim with an assortment of single-serve cups, or with our five-liter pans for serving up sky-high scoops.</p>
<figure>
<img src="img/cups.png" alt="" />
</figure>
</div>
</div>
</article>
<article id="recognition">
<div class="wrap-mid">
<h2>Recognition</h2>
<figure>
<img src="img/worldtour.jpg" alt="" />
</figure>
<p>"Worlds Best Gelato Competition" finalist at the 2016 Gelato World Tour</p>
<figure>
<img src="img/evening5.jpg" alt="" />
</figure>
<p class="last">"Best Ice Cream Shop" by Evening 5 News - 2014 & 2015</p>
</div>
</article>
<article id="contact">
<div class="inner">
<div class="wrap-mid" id="contact-text">
<h1>Contact Us</h1>
<h3>Capitol Hill – Seattle</h3>
<p><a href="https://www.google.com/maps/place/503+Broadway+E,+Seattle,+WA+98102/@47.6233665,-122.323419,17z/data=!3m1!4b1!4m5!3m4!1s0x5490152e71010f0f:0x394da395aeb577c6!8m2!3d47.6233665!4d-122.321225" target="_blank">503 Broadway E, Seattle, WA 98102</a></p>
<p>(inside <a href="http://www.yelp.com/biz/eat-local-seattle-2" target="_blank">Eat Local</a>)</p>
<h3>Phinney Ridge – Seattle</h3>
<p><a href="https://www.google.com/maps/place/7212+Greenwood+Ave+N,+Seattle,+WA+98103/@47.6815135,-122.3550567,17z/data=!3m1!4b1!4m2!3m1!1s0x5490143b1ca10683:0xeca47184a711e5da" target="_blank">7212 Greenwood Ave N, Seattle, WA 98103</a></p>
<h3>Four Corners – Maple Valley</h3>
<p><a href="https://www.google.com/maps/place/Nutty+Squirrel+Gelato/@47.362965,-122.02042,17z/data=!3m1!4b1!4m2!3m1!1s0x5490601f86602fc9:0x3312552cc37551fb" target="_blank">26636 Maple Valley-Black Diamond Road SE Suite H-100 Maple Valley, WA 98038</a></p>
<p class="first">Open 12pm-9pm daily</p>
<p class="first">e-mail: <a href="mailto:info@nuttysquirrelgelato.com" target="_top">info[at]nuttysquirrelgelato.com</a></p>
<div class ="last">
<a href="https://www.facebook.com/NuttySquirrelGelato" target="_blank"><i class="fa fa-facebook-square fa-lg"></i></a>
<a href="http://instagram.com/NuttySquirrelGelato" target="_blank"><i class="fa fa-instagram fa-lg"></i></a>
<a href="https://plus.google.com/111462237560964349629" target="_blank"><i class="fa fa-google-plus-square fa-lg"></i></a>
</div>
</div>
</div>
</article>
</section>
<footer class="wrap-lg">
<p class="group">©Copyright 2014 Nutty Squirrel Gelato — Maple Valley, WA</p>
</footer><!-- /.wrap-lg-->
</body>
</html>