-
Notifications
You must be signed in to change notification settings - Fork 0
/
shop.html
165 lines (141 loc) · 7.72 KB
/
shop.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
<!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 name="viewport" content="width=device-width, initial-scale=1">
<title>Shop</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">HOME</a></li>
<li><a href="shop.html" class="active">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 buy-container">
<div class="page-title">
<a href="index.html"><img src="images/back-btn.png" onMouseOver="this.src='images/back-btn_on.png'" onMouseOut="this.src='images/back-btn.png'" alt="Back"/></a>
<h1>COFFEE SHOP</h1>
</div>
<div class="fluid buy-section">
<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=""/>
<h2>Capitol Blend</h2>
<p>$10.95 (12oz.)</p></a>
</div>
<div class="fluid buy-section">
<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=""/>
<h2>Wellington & Strauss ®</h2>
<p>$12.95 (12oz.)</p></a>
</div>
<div class="fluid buy-section">
<a href="mochajava.html"><img src="images/shop/mochajava_off.jpg" onMouseOver="this.src='images/shop/mochajava_on.jpg'" onMouseOut="this.src='images/shop/mochajava_off.jpg'" alt=""/>
<h2>Mocha Java</h2>
<p>$14.95 (12oz.)</p></a>
</div>
<div class="fluid buy-section">
<a href="organicfrench.html"><img src="images/shop/orgranicfrench_off.jpg" onMouseOver="this.src='images/shop/orgranicfrench_on.jpg'" onMouseOut="this.src='images/shop/orgranicfrench_off.jpg'" alt=""/>
<h2>Organic French Roast</h2>
<p>$12.95 (12oz.)</p></a>
</div>
<div class="fluid buy-section">
<a href="bohemian.html"><img src="images/shop/bohemian_off.jpg" onMouseOver="this.src='images/shop/bohemian_on.jpg'" onMouseOut="this.src='images/shop/bohemian_off.jpg'" alt=""/>
<h2>Bohemian Blend</h2>
<p>$10.95 (12oz.)</p></a>
</div>
<div class="fluid buy-section">
<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=""/>
<h2>Java Estate</h2>
<p>$10.95 (12oz.)</p></a>
</div>
<div class="fluid buy-section">
<a href="whmountain.html"><img src="images/shop/whmountain_off.jpg" onMouseOver="this.src='images/shop/whmountain_on.jpg'" onMouseOut="this.src='images/shop/whmountain_off.jpg'" alt=""/>
<h2>W & H Mountain</h2>
<p>$15.95 (12oz.)</p></a>
</div>
</div><!--buy-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>