-
Notifications
You must be signed in to change notification settings - Fork 0
/
signature.html
141 lines (123 loc) · 6.52 KB
/
signature.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
<!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>Wellington & Strauss Blend</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="shop.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="blend"> <!--50% for desktop & tablet, this on left -->
<img src="images/shop/signature_off.jpg" alt="Wellington & Strauss" />
</div>
<div class="blend">
<h2>Wellington & Strauss ®</h2>
<p>$12.95 (12oz.)</p>
<p class="blend-btn"><a href="https://www.paypal.com/us/webapps/mpp/send-money-online">ADD TO CART</a></p>
</div>
<div class="blendDescrip"> <!--width = to both blends -->
<h3>Our signature blend!</h3>
<p>Dark, smooth and sweet with a beautiful floral aroma, exceptionally clean acidity
and a heavy, nutty body. Flavor nuances include fresh citrus fruits and fine
chocolate. Wellington & Strauss ® Blend’s complexity makes for both a flavorful
espresso with rich, rusty reddish-brown color as well an excellent drip coffee. This
fabled blend is featured in coffee bars, cafes and restaurants across the United
States that strive to create the "perfect cup".</p>
</div>
</div> <!--blend-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>