-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
413 lines (410 loc) · 28.1 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
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
<!doctype html>
<html>
<head>
<title>Honey</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles/honey.css?v=1.0.2">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="icon" href="assets/images/favico.ico" type="image/x-icon">
<link rel="shortcut icon" href="assets/images/favico.ico" type="image/x-icon"> </head>
<body class="at-home at-top">
<header class="top-nav home">
<div class="logo">
<a href="#home" class="home-link"> </a>
</div>
<nav>
<ul class="section-links">
<li><a href="#how-it-works">How It Works</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#about">About</a></li>
</ul>
<ul class="cta-links">
<!-- <li><a href="#">Blog</a></li> -->
<li><a href="#" class="button">Download App</a></li>
</ul>
</nav>
</header>
<main>
<section id="home" class="page-section intro-section bg-overlay" data-bg-src="assets/images/backgrounds/intro.jpg">
<div class="inner">
<div class="content">
<h4><span>Real Nutrition.</span> <span>Real Dietitians.</span></h4>
<h1>Healthy just got a whole lot happier.</h1>
<a href="#" class="app-store-link"><img src="assets/images/svg/download-btn.svg" alt="Download on the App Store" /></a>
<p>
<a href="#how-it-works" class="scroll-link"><img src="assets/images/svg/scroll.svg" alt="Scroll" /></a>
</p>
</div>
</div>
</section>
<div class="phone-frame-wrapper">
<div class="phone-frame">
<div class="phone-screen"> <img src="assets/images/screenshots/biteoftheday.jpg" /> </div>
</div>
</div>
<section id="how-it-works" class="page-multi-section">
<section id="profile" class="page-section bg-white">
<div class="section-photo" style="background-image: url('assets/images/backgrounds/profile.jpg');"></div>
<div class="section-screenshot">
<div class="phone-frame">
<div class="phone-screen"> <img src="assets/images/screenshots/editprofile.jpg" /> </div>
</div>
</div>
<div class="inner">
<div class="content">
<h2>Customize your profile</h2>
<p>Identify your interests from nine different categories to make your Honey experience unique.</p>
<div class="profile-slider-icons">
<div class="slider-item">
<div class="bite-icon"> <img class="outline" src="assets/images/svg/bites/buzz2.svg"> <img class="fill" src="assets/images/svg/bites/buzz.svg"> </div>
</div>
<div class="slider-item">
<div class="bite-icon"> <img class="outline" src="assets/images/svg/bites/fertile2.svg"> <img class="fill" src="assets/images/svg/bites/fertile.svg"> </div>
</div>
<div class="slider-item">
<div class="bite-icon"> <img class="outline" src="assets/images/svg/bites/fit2.svg"> <img class="fill" src="assets/images/svg/bites/fit.svg"> </div>
</div>
<div class="slider-item">
<div class="bite-icon"> <img class="outline" src="assets/images/svg/bites/healthy2.svg"> <img class="fill" src="assets/images/svg/bites/healthy.svg"> </div>
</div>
<div class="slider-item">
<div class="bite-icon"> <img class="outline" src="assets/images/svg/bites/hearty2.svg"> <img class="fill" src="assets/images/svg/bites/hearty.svg"> </div>
</div>
<div class="slider-item">
<div class="bite-icon"> <img class="outline" src="assets/images/svg/bites/kid2.svg"> <img class="fill" src="assets/images/svg/bites/kid.svg"> </div>
</div>
<div class="slider-item">
<div class="bite-icon"> <img class="outline" src="assets/images/svg/bites/lite2.svg"> <img class="fill" src="assets/images/svg/bites/lite.svg"> </div>
</div>
<div class="slider-item">
<div class="bite-icon"> <img class="outline" src="assets/images/svg/bites/sugar2.svg"> <img class="fill" src="assets/images/svg/bites/sugar.svg"> </div>
</div>
<div class="slider-item">
<div class="bite-icon"> <img class="outline" src="assets/images/svg/bites/tasty2.svg"> <img class="fill" src="assets/images/svg/bites/tasty.svg"> </div>
</div>
</div>
<div class="cycle cycle-captions">
<div class="cycle-item active">
<h4>Buzz</h4>
<p>The best new products, hot topics, food trends and research findings.</p>
</div>
<div class="cycle-item">
<h4>Fertile</h4>
<p>Information about how food and activity impact your fertility and your pre and post natal experiences.</p>
</div>
<div class="cycle-item">
<h4>Fit</h4>
<p>All about exercise, strength, fitness, and endurance. </p>
</div>
<div class="cycle-item">
<h4>Healthy</h4>
<p>Anything and everything relating to general health and wellness.</p>
</div>
<div class="cycle-item">
<h4>Hearty</h4>
<p>Tips and recommendations related to cardiovascular health.</p>
</div>
<div class="cycle-item">
<h4>Kid</h4>
<p>Best practice for nourishing our children and families. </p>
</div>
<div class="cycle-item">
<h4>Lite</h4>
<p>Real deal info about weight loss and maintenance; No diets here, just solid advice about mindful eating.</p>
</div>
<div class="cycle-item">
<h4>Sugar</h4>
<p>Information about diabetes or any type of glucose sensitivity or intolerance.</p>
</div>
<div class="cycle-item">
<h4>Tasty</h4>
<p>Awesome recipes, cooking tips, and tricks of the trade for food prep, storage and safety.</p>
</div>
</div>
</div>
</div>
</section>
<section id="find-dietitians" class="page-section bg-white">
<div class="section-photo" style="background-image: url('assets/images/backgrounds/find-dietitians.jpg');"></div>
<div class="section-screenshot">
<div class="phone-frame">
<div class="phone-screen"> <img src="assets/images/screenshots/dietitian.jpg" /> </div>
</div>
</div>
<div class="inner">
<div class="content">
<h2>Find Registered Dietitians who are experts in your interest areas</h2>
<p>Search through our vast database of Dietitians. Find the best ones for you, follow them and read their posts.</p>
<div class="dietitian-slider-photos">
<div class="slider-item dietitian">
<div class="dietitian-photo"> <img src="assets/images/dietitian1.png"> </div>
</div>
<div class="slider-item dietitian">
<div class="dietitian-photo"> <img src="assets/images/dietitian4.png"> </div>
</div>
<div class="slider-item dietitian">
<div class="dietitian-photo"> <img src="assets/images/dietitian3.png"> </div>
</div>
<div class="slider-item dietitian">
<div class="dietitian-photo"> <img src="assets/images/dietitian2.png"> </div>
</div>
</div>
<div class="cycle cycle-captions">
<div class="cycle-item active">
<h4>Jackie Topol, <span class="cred">MS, RD, CSO, CDN</span></h4>
<p>Expertise: Culinary Nutrition, Oncology</p>
</div>
<div class="cycle-item">
<h4>Laura Moretti, <span class="cred">MS, RD, CSSD</span></h4>
<p>Expertise: Sports Nutrition, Eating Disorders</p>
</div>
<div class="cycle-item">
<h4>Alex Briceno, <span class="cred">RD, LD/N</span></h4>
<p>Expertise: Pediatric Nutrition, Pre/Post Natal Nutrition</p>
</div>
<div class="cycle-item">
<h4>Carolyn Brown, <span class="cred">MS, RD</span></h4>
<p>Expertise: Weight Management </p>
</div>
</div>
</div>
</div>
</section>
<section id="feed" class="page-section feed-section bg-white">
<div class="section-photo" style="background-image: url('assets/images/backgrounds/feed.jpg');"></div>
<div class="section-screenshot">
<div class="phone-frame">
<div class="phone-screen"> <img src="assets/images/screenshots/homefeed.jpg" /> </div>
</div>
</div>
<div class="inner">
<div class="content">
<h2>Tailor your home feed</h2>
<p>Every day your feed will fill itself with highly curated and customized nutrition information from Honey and each of the dietitians you follow.</p>
<div class="did-you-know">
<h4>Did you know?</h4>
<div class="cycle cycle-shuffle">
<div class="cycle-item active">
<p>Dietary sources of Cholesterol do NOT raise blood cholesterol.</p>
</div>
<div class="cycle-item">
<p>Calories are Calories regardless of the time of the day they are consumed.</p>
</div>
<div class="cycle-item">
<p>Many vegetables become more nutritious after being cooked.</p>
</div>
<div class="cycle-item">
<p>High fructose corn syrup is almost identical in nutrition profile to your typical table sugar.</p>
</div>
</div>
<button class="cycle-shuffle-button fa fa-refresh"></button>
</div>
</div>
</div>
</section>
</section>
<section id="features" class="page-section features-section bg-grey">
<div class="inner">
<div class="content">
<h2>Features</h2>
<div class="features-phone phone-frame">
<div class="features-phone-screenshot phone-screen"> <img src="assets/images/screenshots/biteoftheday.jpg" /> </div>
<div class="features-phone-screenshot phone-screen active"> <img src="assets/images/screenshots/thehive.jpg" /> </div>
<div class="features-phone-screenshot phone-screen"> <img src="assets/images/screenshots/honeypot.jpg" /> </div>
<div class="features-phone-screenshot phone-screen"> <img src="assets/images/screenshots/bestbite.jpg" /> </div>
</div>
<div class="features-content">
<div class="features-content-item">
<h3>Bite of the Day</h3>
<p>Every morning you will be notified with our bite of the day featuring a news update, new product, important tip, or recommendation.</p>
</div>
<div class="features-content-item active">
<h3>The Hive</h3>
<p>Save any bite to your hive and you'll be able to access it quickly whenever you need.</p>
</div>
<div class="features-content-item">
<h3>Honey Pot</h3>
<p>The weekly Honey Pot is a place where you can ask anything and everything nutrition related. Honey will answer your questions within the feed or in upcoming bites.</p>
</div>
<div class="features-content-item">
<h3>Best Bite</h3>
<p>Honey Best Bites are products and services that get our stamp of approval because they meet our high standards for quality, taste, cost, and accessibility.</p>
</div>
</div>
</div>
</div>
</section>
<section id="about" class="page-section about-section bg-white">
<div class="inner">
<div class="content">
<h1>Think Honey. <em>It's that simple.</em></h1>
<p>We are busy, hard working moms who also happen to be premier trained and highly experienced Registered Dietitians in the city that never sleeps. Having spent nearly 15 years privately counseling individuals and families to meet their nutrition
and wellness goals, we began thinking of all the ways we could provide the same level of customized care in a more accessible and affordable way, without that big apple price tag.</p>
<div class="founders">
<div class="half michal"> <img src="assets/images/dietitian-michal.png">
<h4>MICHAL HERTZ, <span class="cred">MS, RD, CDN</span></h4> </div>
<div class="half rebecca"> <img src="assets/images/dietitian-rebecca.png">
<h4>REBECCA APPLEMAN, <span class="cred">RD, CDN</span></h4> </div>
</div>
<div class="pledge">
<div class="third">
<h3>We Understand</h3>
<h5>We understand how you relate to food: to satisfy, fuel, nourish, soothe, entertain, sustain, distract, comfort, and energize.</h5> </div>
<div class="third">
<h3>We Know</h3>
<h5>We know that nutrition is the best form of preventative medicine. You want the facts, but finding them, understanding them, and using them on a daily basis is just not effective without expert guidance.</h5> </div>
<div class="third">
<h3>We Created</h3>
<h5>We created a platform that delivers everything you need and want to know about food, weight, exercise, health and wellness in a practical, digestible way to enhance your daily health, overall wellness and longevity.</h5> </div>
</div>
</div>
</div>
</section>
<footer class="bottom bg-orange"> <img src="assets/images/svg/honeylogo-white.svg">
<div class="newsletter">
<h3>Join our newsletter for Honey updates.</h3>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//thinkhoney.us11.list-manage.com/subscribe/post?u=ba88915c2fd5bc768e85aade2&id=2af64e6f02" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<input type="email" placeholder="Email Address" name="EMAIL" class="required email" id="mce-EMAIL"> </div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_ba88915c2fd5bc768e85aade2_2af64e6f02" tabindex="-1" value=""> </div>
<div class="clear">
<input type="submit" value="" name="subscribe" id="mc-embedded-subscribe" class="button"> </div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
<h5>Thanks to our clients, families and friends for inspiring Honey. The questions you've asked in our offices, at our holiday meals, in the hallways at school and on the soccer sidelines helped bring Honey to life! Now it's our turn to deliver. We will strive to take the highly specialized nutrition care you deserve and deliver it straight to your pocket daily.</h5>
<div class="social">
<a href="http://www.facebook.com/HoneyDietitianonDemand" class="fa fa-facebook" target="_blank"></a>
<a href="http://instagram.com/think.honey/" class="fa fa-instagram" target="_blank"></a>
<a href="http://twitter.com/thinkhoney" class="fa fa-twitter" target="_blank"></a>
<a href="mailto:info@thinkhoney.com" class="fa fa-envelope" target="_blank"></a>
</div>
<h5 class="copyright">Want to get in touch? <a href="mailto:info@thinkhoney.com" target="_blank">Contact Us</a> <br> ©2015 Think Honey, LLC. All rights reserved. | Site by <a href="http://together-creative.com" target="_blank">Together</a></h5> </footer>
</main>
<aside id="side-nav">
<ul class="indicators">
<li>
<a href="#home">
<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g sketch:type="MSArtboardGroup" transform="translate(-1419.000000, -395.000000)" fill="#F69523" class="indicator-dot">
<g sketch:type="MSLayerGroup" transform="translate(1409.000000, 359.500000)">
<g transform="translate(10.000000, 36.000000)" sketch:type="MSShapeGroup">
<path d="M5.71049377,9.91867925 L7.76616694,9.91867925 C8.03059976,9.91867925 8.27516089,9.76657682 8.40729014,9.52932615 L10.7277448,5.36561321 C10.8595254,5.12818059 10.8595254,4.83471024 10.7277448,4.59727763 L8.40729014,0.416644205 C8.27516089,0.179575472 8.03059976,0.0132816712 7.76616694,0.0132816712 L3.12578066,0.0132816712 C2.86152215,0.0132816712 2.61678671,0.178483827 2.48465745,0.415916442 L0.164377156,4.58636119 C0.0983125301,4.70498652 0.0657159997,4.84216981 0.0657159997,4.97425876 C0.0657159997,5.10652965 0.0983125301,5.24152965 0.164377156,5.36015499 L2.48465745,9.52787062 C2.61678671,9.76512129 2.86152215,9.91867925 3.12578066,9.91867925 L5.71049377,9.91867925"></path>
</g>
</g>
</g>
</g>
</svg>
</a>
</li>
<li class="multi">
<a href="#how-it-works">
<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g sketch:type="MSArtboardGroup" transform="translate(-1419.000000, -395.000000)" fill="#F69523" class="indicator-dot">
<g sketch:type="MSLayerGroup" transform="translate(1409.000000, 359.500000)">
<g transform="translate(10.000000, 36.000000)" sketch:type="MSShapeGroup">
<path d="M5.71049377,9.91867925 L7.76616694,9.91867925 C8.03059976,9.91867925 8.27516089,9.76657682 8.40729014,9.52932615 L10.7277448,5.36561321 C10.8595254,5.12818059 10.8595254,4.83471024 10.7277448,4.59727763 L8.40729014,0.416644205 C8.27516089,0.179575472 8.03059976,0.0132816712 7.76616694,0.0132816712 L3.12578066,0.0132816712 C2.86152215,0.0132816712 2.61678671,0.178483827 2.48465745,0.415916442 L0.164377156,4.58636119 C0.0983125301,4.70498652 0.0657159997,4.84216981 0.0657159997,4.97425876 C0.0657159997,5.10652965 0.0983125301,5.24152965 0.164377156,5.36015499 L2.48465745,9.52787062 C2.61678671,9.76512129 2.86152215,9.91867925 3.12578066,9.91867925 L5.71049377,9.91867925"></path>
</g>
</g>
</g>
</g>
</svg>
</a>
<ul>
<li>
<a href="#profile">
<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g sketch:type="MSArtboardGroup" transform="translate(-1419.000000, -395.000000)" fill="#F69523" class="indicator-dot">
<g sketch:type="MSLayerGroup" transform="translate(1409.000000, 359.500000)">
<g transform="translate(10.000000, 36.000000)" sketch:type="MSShapeGroup">
<path d="M5.71049377,9.91867925 L7.76616694,9.91867925 C8.03059976,9.91867925 8.27516089,9.76657682 8.40729014,9.52932615 L10.7277448,5.36561321 C10.8595254,5.12818059 10.8595254,4.83471024 10.7277448,4.59727763 L8.40729014,0.416644205 C8.27516089,0.179575472 8.03059976,0.0132816712 7.76616694,0.0132816712 L3.12578066,0.0132816712 C2.86152215,0.0132816712 2.61678671,0.178483827 2.48465745,0.415916442 L0.164377156,4.58636119 C0.0983125301,4.70498652 0.0657159997,4.84216981 0.0657159997,4.97425876 C0.0657159997,5.10652965 0.0983125301,5.24152965 0.164377156,5.36015499 L2.48465745,9.52787062 C2.61678671,9.76512129 2.86152215,9.91867925 3.12578066,9.91867925 L5.71049377,9.91867925"></path>
</g>
</g>
</g>
</g>
</svg>
</a>
</li>
<li>
<a href="#find-dietitians">
<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g sketch:type="MSArtboardGroup" transform="translate(-1419.000000, -395.000000)" fill="#F69523" class="indicator-dot">
<g sketch:type="MSLayerGroup" transform="translate(1409.000000, 359.500000)">
<g transform="translate(10.000000, 36.000000)" sketch:type="MSShapeGroup">
<path d="M5.71049377,9.91867925 L7.76616694,9.91867925 C8.03059976,9.91867925 8.27516089,9.76657682 8.40729014,9.52932615 L10.7277448,5.36561321 C10.8595254,5.12818059 10.8595254,4.83471024 10.7277448,4.59727763 L8.40729014,0.416644205 C8.27516089,0.179575472 8.03059976,0.0132816712 7.76616694,0.0132816712 L3.12578066,0.0132816712 C2.86152215,0.0132816712 2.61678671,0.178483827 2.48465745,0.415916442 L0.164377156,4.58636119 C0.0983125301,4.70498652 0.0657159997,4.84216981 0.0657159997,4.97425876 C0.0657159997,5.10652965 0.0983125301,5.24152965 0.164377156,5.36015499 L2.48465745,9.52787062 C2.61678671,9.76512129 2.86152215,9.91867925 3.12578066,9.91867925 L5.71049377,9.91867925"></path>
</g>
</g>
</g>
</g>
</svg>
</a>
</li>
<li>
<a href="#feed">
<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g sketch:type="MSArtboardGroup" transform="translate(-1419.000000, -395.000000)" fill="#F69523" class="indicator-dot">
<g sketch:type="MSLayerGroup" transform="translate(1409.000000, 359.500000)">
<g transform="translate(10.000000, 36.000000)" sketch:type="MSShapeGroup">
<path d="M5.71049377,9.91867925 L7.76616694,9.91867925 C8.03059976,9.91867925 8.27516089,9.76657682 8.40729014,9.52932615 L10.7277448,5.36561321 C10.8595254,5.12818059 10.8595254,4.83471024 10.7277448,4.59727763 L8.40729014,0.416644205 C8.27516089,0.179575472 8.03059976,0.0132816712 7.76616694,0.0132816712 L3.12578066,0.0132816712 C2.86152215,0.0132816712 2.61678671,0.178483827 2.48465745,0.415916442 L0.164377156,4.58636119 C0.0983125301,4.70498652 0.0657159997,4.84216981 0.0657159997,4.97425876 C0.0657159997,5.10652965 0.0983125301,5.24152965 0.164377156,5.36015499 L2.48465745,9.52787062 C2.61678671,9.76512129 2.86152215,9.91867925 3.12578066,9.91867925 L5.71049377,9.91867925"></path>
</g>
</g>
</g>
</g>
</svg>
</a>
</li>
</ul>
</li>
<li>
<a href="#features">
<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g sketch:type="MSArtboardGroup" transform="translate(-1419.000000, -395.000000)" fill="#F69523" class="indicator-dot">
<g sketch:type="MSLayerGroup" transform="translate(1409.000000, 359.500000)">
<g transform="translate(10.000000, 36.000000)" sketch:type="MSShapeGroup">
<path d="M5.71049377,9.91867925 L7.76616694,9.91867925 C8.03059976,9.91867925 8.27516089,9.76657682 8.40729014,9.52932615 L10.7277448,5.36561321 C10.8595254,5.12818059 10.8595254,4.83471024 10.7277448,4.59727763 L8.40729014,0.416644205 C8.27516089,0.179575472 8.03059976,0.0132816712 7.76616694,0.0132816712 L3.12578066,0.0132816712 C2.86152215,0.0132816712 2.61678671,0.178483827 2.48465745,0.415916442 L0.164377156,4.58636119 C0.0983125301,4.70498652 0.0657159997,4.84216981 0.0657159997,4.97425876 C0.0657159997,5.10652965 0.0983125301,5.24152965 0.164377156,5.36015499 L2.48465745,9.52787062 C2.61678671,9.76512129 2.86152215,9.91867925 3.12578066,9.91867925 L5.71049377,9.91867925"></path>
</g>
</g>
</g>
</g>
</svg>
</a>
</li>
<li>
<a href="#about">
<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g sketch:type="MSArtboardGroup" transform="translate(-1419.000000, -395.000000)" fill="#F69523" class="indicator-dot">
<g sketch:type="MSLayerGroup" transform="translate(1409.000000, 359.500000)">
<g transform="translate(10.000000, 36.000000)" sketch:type="MSShapeGroup">
<path d="M5.71049377,9.91867925 L7.76616694,9.91867925 C8.03059976,9.91867925 8.27516089,9.76657682 8.40729014,9.52932615 L10.7277448,5.36561321 C10.8595254,5.12818059 10.8595254,4.83471024 10.7277448,4.59727763 L8.40729014,0.416644205 C8.27516089,0.179575472 8.03059976,0.0132816712 7.76616694,0.0132816712 L3.12578066,0.0132816712 C2.86152215,0.0132816712 2.61678671,0.178483827 2.48465745,0.415916442 L0.164377156,4.58636119 C0.0983125301,4.70498652 0.0657159997,4.84216981 0.0657159997,4.97425876 C0.0657159997,5.10652965 0.0983125301,5.24152965 0.164377156,5.36015499 L2.48465745,9.52787062 C2.61678671,9.76512129 2.86152215,9.91867925 3.12578066,9.91867925 L5.71049377,9.91867925"></path>
</g>
</g>
</g>
</g>
</svg>
</a>
</li>
</ul>
</aside>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="scripts/honey.js?v=1.0.2"></script>
</body>
</html>