-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbohemian.html
138 lines (120 loc) · 6.28 KB
/
bohemian.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
<!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>Bohemian 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/bohemian_off.jpg" alt="Bohemian" />
</div>
<div class="blend">
<h2>Bohemian Blend</h2>
<p>$10.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>Dark, smoky and bittersweet.</h3>
<p>A fulfilling cup for dark-roast lovers, our Italian roast is full-bodied but subtle, featuring a
honeysuckle sweetness adds intrigue to an already engaging blend. In the right hands,
coffee can be dark roasted so the sweetness blossoms.</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>