-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
233 lines (201 loc) · 11.9 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>Coastal Craft</title>
<meta name="description" content="Inspired By Culture - Coastal Craft Ice Cream is a group of chefs passionate about making ice cream for other chefs and for food enthusiasts.">
<meta property="og:url" content="http://www.jasonkarlavige.com/coastalcraft" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Coastal Craft" />
<meta property="og:description" content="Inspired By Culture - Coastal Craft Ice Cream is a group of chefs passionate about making ice cream for other chefs and for food enthusiasts." />
<meta property="og:image" content="http://coastalcraft.jasonkarlavige.com/images/profile_img.jpg"/>
<link href="https://fonts.googleapis.com/css?family=Hind:400,500,600" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Merienda+One" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,900,700" rel="stylesheet" type="text/css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/dcsns_wall.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
<link rel="shortcut icon" type="image/jpg" href="images/favicon.jpg">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<link href="css/iestyle.css" rel="stylesheet" type="text/css">
<![endif]-->
</head>
<body>
<div id="top"></div>
<header>
<div class="cap">
<ul class="navTitle">
<li class="navBrand"><a href="index.html"></a></li>
<li class="mobile-icon"><a href=""><i class="fa fa-bars"></i></a></li>
</ul>
<!--navTitle-->
<nav class="primary-menu">
<li class="nav-active"><a href="index.html">Home</a></li>
<li><a href="flavors.html">Flavors</a></li>
<li><a href="about.html">About</a></li>
<li><a href="create.html">Create</a></li>
<li><a href="contact.html">Contact</a></li>
</nav><!--primaryNav-->
<ul class="mobile-menu">
<li><a href="index.html">Home | <i class="fa fa-home mobile-nav-active"></i></a></li>
<li><a href="flavors.html">Flavors | <i class="fa fa-star"></i></a></li>
<li><a href="about.html">About | <i class="fa fa-info-circle"></i></a></li>
<li><a href="create.html">Create | <i class="fa fa-paint-brush"></i></a></li>
<li><a href="contact.html">Contact | <i class="fa fa-comment"></i></a></li>
</ul>
</div><!--cap-->
</header>
<div class="content-wrap">
<section id="head-banner" class="group">
<div class="cap wrap">
<div class="head-banner-wrap">
<h1>Inspired by <span id="culture">culture</span></h1>
<p>Coastal Craft Ice Cream is a group of chefs passionate about making ice cream for other chefs and for food enthusiasts.</p>
<p class="btn-head-banner-wrap"><a href="flavors.html" class="btn btn-head-banner">Shop</a></p>
</div><!--head-banner-wrap-->
</div><!--cap-->
</section>
<section class="collections group">
<div class="cap wrap">
<div class="section-head">
<h1>Collections</h1>
</div><!--collection-head-->
<!--Toffee Wrap-->
<div class="collections-wrap collections-wrap-top group">
<img src="images/collection_toffee.png" alt="Toffee Collection"/>
<div class="collections-text-wrap collections-text-wrap-right">
<h2>Coffee & Toffee Collection</h2>
<p>Coffee and toffee are each loved for their rich flavors - and they make awesome ice creams, too. You'll get two pints each of Sticky Toffee Pudding, Toffee Toasted Almond, Roasted Coffee Caramel, and Coffee & Chocolate.</p>
<p class="collections-btn-wrap"><a href="flavors.html" class="btn btn-collections">Buy Now</a></p>
</div><!--collections-text-wrap-->
</div><!--collections-wrap-->
<!--Coastal Wrap-->
<div class="collections-wrap collections-wrap-bottom">
<img class="collections-pick-img" src="images/collection_pick.png" alt="Pick your pints"/>
<div class="collections-text-wrap collections-text-wrap-left">
<h2>Coastal Collection</h2>
<p>Have fun and create your own custom collection – or put together an assortment for someone special. Choose up to 8 different flavors.</p>
<p class="collections-btn-wrap"><a href="flavors.html" class="btn btn-collections">Buy Now</a></p>
</div><!--collections-text-wrap-->
</div><!--collections-wrap-->
</div><!--cap-->
</section>
<section class="grand-opening group">
<div class="grand-opening-text">
<div class="cap wrap">
<div class="section-head">
<h3 id="grand-text">Grand Opening!</h3>
</div><!--section-head-->
<p>Join us <span id="opening-date">March 7th</span> for the grand opening of the Coastal Craft Ice Cream factory, located on the historic Route 1 in Portland, Maine. Great friends, new factory, a grand opening party with ice cream, shakes and cobbler.</p>
<p class="grand-btn-wrap"><a href="opening.html" class="btn btn-grand">Learn More</a></p>
</div><!--grand-opening-text-->
</div><!--cap-->
</section><!--grand-opening-->
<section class="featured-flavors">
<div class="cap wrap featured-wrap">
<div class="section-head">
<h2>Featured Flavors</h2>
</div><!--section-head-->
<div class="featured-flavors-contain group">
<div class="ft-flavor col-sm-half col-md-qt">
<img src="images/flavors/flavor_aunthazel.png" alt="Aunt Hazel"/>
<h5 id="flavor-hazel">Aunt Hazel</h5>
<p>Raid your classy aunt's chocolate stash. We make our own hazelnut praline (with just a pinch of black pepper) and add it to chocolate-hazelnut ice cream with chocolate chunks. Sophisticated. Irresistible.</p>
</div><!--ft-flavor-->
<div class="ft-flavor col-sm-half col-md-qt">
<img src="images/flavors/flavor_brownbutter.png" alt="Brown Butter Praline"/>
<h5 id="flavor-brownbutter">Brown Butter Praline</h5>
<p>The French call it beurre noisette, noting its similarity to the aroma of freshly roasted hazelnuts. We blend it into a slow-cooked caramel and ribbon it into our sweet cream ice cream while we “make it rain” with sugar-roasted praline pecans.</p>
</div><!--ft-flavor-->
<div class="ft-flavor col-sm-half col-md-qt">
<img src="images/flavors/flavor_cherriescream.png" alt="Cherries and Cream"/>
<h5 id="flavor-cherries">Cherries and Cream</h5>
<p>We make an old-school Philly-style mix for this sweet cream-forward treat. Simmered cherries mingle with sugar, vanilla, and lemon zest. To finish, we splash in a touch of almond extract and freshly squeezed lemon juice.</p>
</div><!--ft-flavor-->
<div class="ft-flavor col-sm-half col-md-qt">
<img src="images/flavors/flavor_mrbutter.png" alt="Mr. Butter"/>
<h5 id="flavor-mrbutter">Mr. Butter</h5>
<p>Peanut butter lovers, here’s your bliss. We gently fold lavish amounts of peanut butter ganache and chocolate chunks into chocolate ice cream. Your tongue is guaranteed to stick to the roof of your mouth.</p>
</div><!--ft-flavor-->
</div><!--featured-flavors-contain-->
<p class="featured-btn-wrap"><a href="flavors.html" class="btn btn-featured">View All</a></p>
</div><!--cap-->
</section><!--featured-flavors-->
<footer class="group">
<div class="cap wrap">
<div class="col-md-qt">
<ul class="footer-list no-border">
<li><h2>Links</h2></li>
<li><a href="#top"><i class="fa fa-caret-right"></i> Home</a></li>
<li><a href="flavors.html"><i class="fa fa-caret-right"></i> Flavors</a></li>
<li><a href="about.html"><i class="fa fa-caret-right"></i> About</a></li>
<li><a href="create.html"><i class="fa fa-caret-right"></i> Create</a></li>
<li><a href="contact.html"><i class="fa fa-caret-right"></i> Contact</a></li>
</ul><!--footer-list-->
</div><!--footer-menu-->
<div class="col-md-qt">
<ul class="footer-list">
<li><h2>Location</h2></li>
<li>Route 1</li>
<li>Portland, Maine</li>
<li>04101</li>
</ul><!--footer-list-->
</div>
<div class="col-md-qt">
<ul class="footer-list">
<li><h2>Contact</h2></li>
<li><a href="tel:859-555-9578"><i class="fa fa-phone"></i> (859)-555-9578</a></li>
<li><a href="mailto:[email protected]"><i class="fa fa-envelope"></i> Orders</a></li>
<li><a href="mailto:[email protected]"><i class="fa fa-envelope"></i> Info</a></li>
</ul><!--footer-list-->
</div>
<div class="col-md-qt">
<ul class="footer-list">
<li><h2>Social</h2></li>
<ul class="social-list">
<li><a href="images/social_sites/twitter_page.jpg" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="images/social_sites/fb_page.jpg" target="_blank"><i class="fa fa-facebook" target="_blank"></i></a></li>
<li><a href="images/social_sites/insta_page.jpg" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="snapchat.html"><img src="images/snapchat.png" id="snapchat" alt="Snapchat"/></a></li>
</ul><!--social-list-->
</ul><!--footer-list-->
</div>
</div><!--cap-->
<img src="images/lighthouse.png" id="lighthouse" alt="Lighthouse"/>
</footer>
<section class="copyright group">
<div class="copy-contain cap wrap">
<p>Coastal Craft Ice Cream © 2016</p> <br />
<p id="jk"><span>Website by </span><a href="http://jasonkarlavige.com/" target="_blank">Jason Karlavige</a></p>
</div><!--copy-contain-->
<a href="#top"><i class="fa fa-arrow-up top"></i></a>
</section><!--copyright-->
</div><!--content-wrap-->
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/mobile_menu.js"></script>
<script src="js/featured_descrip.js"></script>
<script>
$(document).ready(function(){
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top - 75;
$('html,body')
.animate({scrollTop: targetOffset}, 500);
return false;
}
}
});
});
</script>
</body>
</html>