-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwholesale.html
242 lines (202 loc) · 10.4 KB
/
wholesale.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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RoutesCoffee</title>
<!-- BOOTSTRAP, MY STYLESHEET, FONT AWESOME, GOOGLEFONTS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="css/routescoffee.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
</head>
<body>
<nav>
<ul class="nav first-nav justify-content-end align-item-center">
<li class="nav-item">
<a class="nav-link" href="/myaccount.html">My Account</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/sustainability.html">Sustainability</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/greenroutecafe.html">Green Routes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa-solid fa-cart-shopping"></i> Cart</a>
</li>
</ul>
</nav>
<header>
<div class="d-flex justify-content-between flex-wrap">
<a href="/index.html"><img class="headerimg me-8 mb-4 account-header" src="https://routescoffee.co.uk/wp-content/uploads/2022/07/Routes-logo-1.svg"></a>
<ul class="logo-nav nav align-items-center">
<li class="nav-item">
<a class="nav-link" href="/index.html">Coffee</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/subscriptions.html">Subscriptions</a>
</li>
<li class="nav-item">
<a class="nav-link visit" href="/wholesale.html">Wholesale</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/events.html">Events</a>
</li>
</ul>
</div>
</div>
</div>
<div class="greenroute-header">
<h4 class="greenroute-title">Wholesale</h4>
</div>
</header>
<section class="wholesale-sect pb-5">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 pe-5">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="mini-title">Coffee</h2>
<p class="wholesale-p">When it comes to milk blends, we keep it simple. Our House Blends are
shown constant love and attention by our team to ensure delicious consistency in every
batch. We also showcase dozens of single lots each year to cater to the discerning
espresso
and filter coffee drinker.</p>
</div>
<div class="col-12 mt-3">
<h2 class="mini-title">Machines, grinders & equipment</h2>
<p class="wholesale-p">Being able to work with some of worlds most reputable coffee
engineering
brands allows us to offer competitive equipment packages built with your business’
coffee
program in mind. LaMarzocco, Mahlkonig, Victoria Arduino, Marco and Hario amongst
others.
</p>
</div>
<div class="col-12 mt-3">
<h2 class="mini-title">Support & Training</h2>
<p class="wholesale-p">Our team of account managers and trusted technicians are at your
service
to ensure the coffee is flowing the way it should be at all times. We offer
comprehensive
coffee training at our roastery and on-site to engage and calibrate your staff.</p>
</div>
<span class="wholesale-p mt-4">Ready to work together? Fill in the form below.</span>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 ps-auto">
<img src="/routesimages/Image4.jpg.webp">
</div>
</div>
</div>
</section>
<section class="enquiry pt-1 pb-4">
<div class="wholesale-content">
<img class="hr mb-5 mt-5 pt-5"
src="https://routescoffee.co.uk/wp-content/webp-express/webp-images/doc-root/wp-content/uploads/2022/07/Green-line1.png.webp">
<h2>Ready to work together?</h2>
<span class="enquireSubheader">Enquire now</span>
<form>
<div class="form-group wholesale-name row">
<label for="name">
<input type="text" class="form-control" id="name" placeholder="Name">
</label>
</div>
<div class="form-group wholesale-bn row">
<label for="businessName">
<input type="text" class="form-control" id="businessName" placeholder="Business name">
</label>
</div>
<div class="form-group wholesale-email row">
<label for="email">
<input type="text" class="form-control" id="email" placeholder="Email">
</label>
</div>
<div class="form-group wholesale-tell row">
<label for="enquiretext"><textarea class="form-control" id="enquiretext" placeholder="Tell us what you're looking for?" rows="5">fffff</textarea>
</label>
</div>
<div class="text-center"><button type="submit" class="btn enquiry-btn">Send Enquiry</button></div></form>
</div>
</section>
<footer>
<div class="d-flex justify-content-around flex-wrap footer-content">
<div>
<img class="headerimg mb-5" src="https://routescoffee.co.uk/wp-content/uploads/2022/07/Routes-logo-white.svg">
</div>
<div class="social-media align-self-center">
<ul class="media-icons">
<a href="#"><i class="fa-brands fa-instagram mb-5"></i></a>
<a href="#"><i class="fa-brands fa-facebook-f ms-4 mb-5"></i></a>
<a href="#"><i class="fa-brands fa-facebook-f ms-4 mb-5 mx-5"></i></a>
</ul>
</div>
</div>
<div class="container">
<div class="row address-and-links">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 address mb-5">
<ul>
<li>Unit 5</li>
<li>Fenchurch Court</li>
<li>Oxford</li>
<li>OX4 6ZN</li>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 links mb-2">
<ul>
<a href="#"><li class="mt-1">Coffee</li></a>
<a href="#"><li class="mt-1">Subscriptions</li></a>
<a href="#"><li class="mt-1">Wholesale</li></a>
<a href="#"><li class="mt-1">Events</li></a>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 links mb-2">
<ul>
<a href="#"><li class="mt-1">Sustainability</li></a>
<a href="#"><li class="mt-1">Green Routes</li></a>
<a href="#"><li class="mt-1">About</li></a>
<a href="#"><li class="mt-1">Contact</li></a>
</ul>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 links mb-2">
<ul>
<a href="#"><li class="mt-1">Terms & Conditions</li></a>
<a href="#"><li class="mt-1">Privacy Policy</li></a>
<a href="#"><li class="mt-1">FTC Compliance</li></a>
<a href="#"><li class="mt-1">Copyright Notice</li></a>
<a href="#"><li class="mt-1">Anti-Spam Policy</li></a>
<a href="#"><li class="mt-1">FAQs</li></a>
</ul>
</div>
</div>
<hr>
</div>
<div class="d-flex justify-content-around flex-wrap">
<div class="copyright">
<p class="copyright-p">©Copyright Routes Coffee. All Rights Reserved.</p>
</div>
<div class="credit">
<p class="credit-p">Coded by, <a href="#">Haneefah Witherspoon</a></p>
</div>
</div>
</footer>
<!-- JS SCRIPT / MY JS SCRIPT-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
</script>
</body>
</html>