-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
184 lines (155 loc) · 8.23 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
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Wellington & Strauss Coffee Roasters</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div class="fluid header">
<div class="fluid headerLogo"><a href="index.html"><img src="images/wsBox.png" alt=""/></a></div>
<div class="fluid nav">
<ul>
<li><a href="index.html" class="active">HOME</a></li>
<li><a href="shop.html">BUY COFFEE</a></li>
<li><a href="wholesale.html">WHOLESALE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<div class="fluid location-container">
<div class="fluid location1">
<p>345 Market ST.</p>
</div>
<div class="fluid location2">
<p>Harrisonburg, VA 22801</p>
</div>
<div class="fluid location3">
<p>1-800-555-8365</p>
</div>
</div>
</div> <!--header-->
<div class="fluid banner">
<div class="fluid bannerLogo"><img src="images/wsNew.png" alt="Wellington & Strauss"/></div>
<h2>Handcrafting unique brands of extraordinary coffee from around the globe since 2011.</h2>
<div class="banner-btn-wrap1">
<p class="banner-btn1"><a href="about.html">OUR STORY</a></p>
</div>
<div class="banner-btn-wrap2">
<p class="banner-btn2"><a href="shop.html">BUY COFFEE</a></p>
</div>
</div>
<div class="fluid coffee-container">
<div class="fluid coffee-section">
<h2>Try Our Signature Blend</h2>
<a href="signature.html"><img src="images/shop/signature_off.jpg" onMouseOver="this.src='images/shop/signature_on.jpg'" onMouseOut="this.src='images/shop/signature_off.jpg'" alt=""/>
<h3>Wellington & Strauss ®</h3>
<p>This
fabled blend is featured in coffee bars, cafes and restaurants across the United
States that strive to create the "perfect cup".</p></a>
</div>
<div class="fluid coffee-section">
<h2>Grind of the Month</h2>
<a href="java.html"><img src="images/shop/java_off.jpg" onMouseOver="this.src='images/shop/java_on.jpg'" onMouseOut="this.src='images/shop/java_off.jpg'" alt=""/>
<h3>Java Estate</h3>
<p>The island of Java is one of the oldest coffee producing regions in the world.</p></a>
</div>
<div class="fluid coffee-section">
<h2>Most Popular Blend</h2>
<a href="capitol.html"><img src="images/shop/capitol_off.jpg" onMouseOver="this.src='images/shop/capitol_on.jpg'" onMouseOut="this.src='images/shop/capitol_off.jpg'" alt=""/>
<h3>Capitol Blend</h3>
<p>This all-day coffee is a tribute to the beautiful capitol in Washington DC.</p></a>
</div>
<div class="fluid buy-btn-wrap">
<p class="buy-btn"><a href="shop.html">VIEW ALL</a></p>
</div>
</div><!--coffee-container-->
<div class="fluid tips-container">
<div class="fluid tips">
<h3>Which grind works for you?</h3>
</div>
<div class="fluid tips-btn-wrap">
<p class="tips-btn"><a href="tips.html">VIEW TIPS</a></p>
</div>
</div>
<div class="fluid cafe-container">
<div class="fluid cafe">
<img src="images/inside-3.jpg" alt=""/>
</div>
<div class="fluid cafe">
<h3>Stop by our cafe!</h3>
<p>We serve our famous coffee, tea, and bakery products. Stop in, or grab an order to go!</p>
<div class="map"><a href="https://www.google.com/maps/place/45+E+Market+St,+Harrisonburg,+VA+22801/@38.449094,-78.868073,17z/data=!3m1!4b1!4m2!3m1!1s0x89b492cee74abc2d:0x73f75b0a9f29e0a4" target="_blank"><img src="images/locationimg.jpg" onMouseOver="this.src='images/locationimg_ON.jpg'" onMouseOut="this.src='images/locationimg.jpg'" alt=""/></a>
</div>
</div>
</div><!--cafe-container-->
<div class="fluid footer-container">
<div class="fluid footerList">
<ul>
<li><h4>Wellington & Strauss Coffee Roasters</h4></li>
<li><a href="index.html">HOME</a></li>
<li><a href="shop.html">BUY COFFEE</a></li>
<li><a href="wholesale.html">WHOLESALE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<div class="fluid footerList">
<ul>
<li><h4>Location & Phone:</h4></li>
<li>345 Market Street,</li>
<li>Harrisonburg, VA 22801</li>
<li><a href="tel:1-800-555-8365">1-800-555-8365</a></li>
<li><a href="https://www.google.com/maps/place/45+E+Market+St,+Harrisonburg,+VA+22801/@38.449094,-78.868073,17z/data=!3m1!4b1!4m2!3m1!1s0x89b492cee74abc2d:0x73f75b0a9f29e0a4" target="_blank">View Map</a></li>
</ul>
</div>
<div class="fluid footerList">
<ul>
<li><h4>For orders, information, or support:</h4></li>
<li><a href="mailto:orders@Wellington&StraussCoffee.com">orders@Wellington&StraussCoffee.com</a></li>
<li><a href="mailto:info@Wellington&StraussCoffee.com">info@Wellington&StraussCoffee.com</a></li>
<li><a href="mailto:support@Wellington&StraussCoffee.com">support@Wellington&StraussCoffee.com</a></li>
</ul>
</div>
<div class="fluid certified">
<div class="certifiedImage">
<a href="http://fairtradeusa.org/certification" target="_blank"><img src="images/ftc.png" alt="Fair Trade"/></a>
</div>
<div class="certifiedImage">
<a href="http://www.usda.gov/wps/portal/usda/usdahome" target="_blank"><img src="images/organic.png" alt="Organic"/></a>
</div>
</div>
</div><!--footer-container-->
<div class="fluid copyright">
<p>© 2015 Wellington & Strauss Coffee Roasters</p>
<ul>
<li><a href="https://www.facebook.com/" target="_blank"><img src="images/social/facebook_off.png" onMouseOver="this.src='images/social/facebook_on.png'" onMouseOut="this.src='images/social/facebook_off.png'" alt="Facebook"/></a></li>
<li><a href="https://twitter.com/" target="_blank"><img src="images/social/twitter_off.png" onMouseOver="this.src='images/social/twitter_on.png'" onMouseOut="this.src='images/social/twitter_off.png'" alt="Twitter"/></a></li>
<li><a href="https://www.pinterest.com/" target="_blank"><img src="images/social/pintrest_off.png" onMouseOver="this.src='images/social/pintrest_on.png'" onMouseOut="this.src='images/social/pintrest_off.png'" alt="Pinterest"/></a></li>
<li><a href="https://instagram.com/" target="_blank"><img src="images/social/insta_off.png" onMouseOver="this.src='images/social/insta_on.png'" onMouseOut="this.src='images/social/insta_off.png'" alt="Instagram"/></a></li>
</ul>
</div> <!--copyright-->
</div>
</body>
</html>