-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjava.html
139 lines (121 loc) · 6.35 KB
/
java.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
<!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>Java Estate</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/java_off.jpg' alt="Java Estate" />
</div>
<div class="blend">
<h2>Java Estate</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>The island of Java is one of the oldest coffee producing regions in the world.</h3>
<p>From the carefully attended government-owned estates in Eastern Java comes this
distinctive Indonesian coffee. A light floral acidity complements a viscous body, and
supports flavors that include hazelnut, cashew, and almond. A mild, yet full and
rewarding 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>