-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdropoff.html
234 lines (216 loc) · 13.3 KB
/
dropoff.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
<!DOCTYPE html> <!-- * Property of Ed Gardner / Bottles for Bales ------------------->
<html>
<!-- ? https://bottlesforbales.org ---------------------------------->
<!-- - Author: Mitchell Falvo; https://github.com/greensourcecode --->
<!--? ------------------------------------------------------------------ HEAD ----------------------------------------------------------------------------->
<head>
<!-- Links and meta -->
<meta charset="utf-8" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" />
<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=Andada+Pro&family=Rye&display=swap" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description"
content="Ed Wagner's Bottles for Bales organization raised over $15,000 for Little Brook Farm Horse Sanctuary in 2021." />
<meta name="keywords" content="Bottles for Bales, Horse Sanctuary, Horse Rescue, Recycle" />
<nav class="navbar navbar-expand-md navbar-light sticky-top">
<div class="container-xl rounded-3 border border-dark border-2 bg-gradient" id="containerDark">
<a class="navbar-brand" href="./index.html">
<img src="img/site-logo.svg" alt="Bottles for Bales" >
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse mb-1 mt-0 mx-2 border-white" id="navbarSupportedContent">
<ul class="navbar-nav me-auto pt-2 align-items-center" id="containerDark">
<li class="nav-item">
<a class="nav-link active align-items-end btn btn-outline-dark mx-2 pt-1 pb-1" href="./index.html" id="containerDark"><strong> Home </strong></a>
</li>
<li class="nav-item">
<a class="nav-link align-items-end btn btn-outline-dark mx-2 mt-1 mb-1 pt-1 pb-1" href="#" id="containerDark"><strong> Drop-off Locations </strong></a>
</li>
<li class="nav-item">
<a class="nav-link align-items-end btn btn-outline-dark mx-2 pt-1 pb-1" href="./aboutus.html" id="containerDark"><strong> About Us </strong></a>
</li>
</ul>
</div>
</div>
</nav>
</head>
<!--?--------------------------------------------------------------- BODY --------------------------------------------------------------------------------->
<body id="body" class="bg-image"
style="background-image: url('img/twofaces.jpg'); height: 100vh; background-repeat: no-repeat; background-attachment: fixed;">
<!-- Greeting Container -->
<div class="drop-off container-lg mb-2 mt-2 border border-dark rounded-3 bg-gradient border-2" id="containerLight">
<div class="row">
<div class="col">
<h5 class="text-center mb-0">Drop-off Locations</h5>
<hr>
</div>
</div>
<div class="row justify-content-center">
<div class="col">
<!-- * Explain Bottles for bales ------------------------------------>
<p>
Below is a list of places you can drop off bottles. Just notify one of the staff that you are donating
to Bottles for Bales / Little Brook Farm.
</p>
</div>
</div>
</div>
<!-- Greeting Container -->
<div class="location container-lg mb-2 mt-2 border border-dark rounded-3 bg-gradient border-2 align-content-center"
id="containerDark">
<div class="row">
<div class="col">
<h5 class="text-center mt-3">Little Brook Farm</h5>
<hr>
</div>
</div>
<div class="row align-items-center">
<div class="col-sm-12 col-md-12 col-ld-12 pb-1 align-items-center">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2944.721988455498!2d-73.57610948454138!3d42.43365217918201!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89ddf0ba4ba5bd83%3A0xfa7c41ba823087b0!2sLittle%20Brook%20Farm!5e0!3m2!1sen!2sus!4v1644797563006!5m2!1sen!2sus"
width="100%" height="425" style="border:0; align-self: center;" allowfullscreen=""
loading="lazy"></iframe>
</div>
</div>
</div>
<!-- Greeting Container -->
<div class="location container-lg mb-2 mt-2 border border-dark rounded-3 bg-gradient border-2" id="containerLight">
<div class="row">
<div class="col">
<h5 class="text-center mt-3">East Greenbush Bottle and Can Redemption Center</h5>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12 col-ld-12 pb-1">
<!-- * Explain Bottles for bales ------------------------------------>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3492.7080211634084!2d-73.71332601608049!3d42.59762354254967!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89dde25d2e3bd6d9%3A0x76b321c4e4598606!2s6%20Cent%20Redemption!5e0!3m2!1sen!2sus!4v1644707360355!5m2!1sen!2sus"
width="100%" height="425" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
<!-- Greeting Container -->
<div class="location container-lg mb-2 mt-2 border border-dark rounded-3 bg-gradient border-2" id="containerDark">
<div class="row">
<div class="col">
<h5 class="text-center mt-3">Chatham Village Auto</h5>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12 col-ld-12 pb-1">
<!-- * Explain Bottles for bales ------------------------------------>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2948.266377491093!2d-73.60842564838107!3d42.358162043110624!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89ddf3cb2782a305%3A0x26725939b43f5792!2sChatham%20Village%20Auto!5e0!3m2!1sen!2sus!4v1644707461300!5m2!1sen!2sus"
width="100%" height="425" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
<!-- Greeting Container -->
<div class="location container-lg mb-2 mt-2 border border-dark rounded-3 bg-gradient border-2" id="containerLight">
<div class="row">
<div class="col">
<h5 class="text-center mt-3">Message In A Bottle Redemption Center</h5>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12 col-ld-12 pb-1">
<!-- * Explain Bottles for bales ------------------------------------>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2953.1379860308366!2d-73.76850404838297!3d42.254225749667945!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89dd9561ec14efeb%3A0x1fa048524ecef294!2sMessage%20In%20A%20Bottle!5e0!3m2!1sen!2sus!4v1644707526277!5m2!1sen!2sus"
width="100%" height="425" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
<!-- Greeting Container -->
<div class="location container-lg mb-2 mt-2 border border-dark rounded-3 bg-gradient border-2" id="containerDark">
<div class="row">
<div class="col">
<h5 class="text-center mt-3">Bottle and Can Depot</h5>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12 col-ld-12 pb-1">
<!-- * Explain Bottles for bales ------------------------------------>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2949.7264838797673!2d-73.75486814838163!3d42.32703224507616!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89ddeb65b0833835%3A0xb5550d0624d49fb0!2sBottle%20and%20Can%20Depot!5e0!3m2!1sen!2sus!4v1644707647114!5m2!1sen!2sus"
width="100%" height="425" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
<!-- Greeting Container -->
<div class="location container-lg mb-2 mt-2 border border-dark rounded-3 bg-gradient border-2 " id="containerLight">
<div class="row">
<div class="col">
<h5 class="text-center mt-3">Creating Redemption Center</h5>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12 col-ld-12 pb-1">
<!-- * Explain Bottles for bales ------------------------------------>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2067.5652793536437!2d-73.93137212400855!3d42.873290360326685!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89de6c03ec30c681%3A0x426a983002f12ceb!2sCreating%20Change%20Redemption%20Center!5e0!3m2!1sen!2sus!4v1644707731934!5m2!1sen!2sus"
width="100%" height="425" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
<!-- Greeting Container -->
<div class="location container-lg mb-2 mt-2 border border-dark rounded-3 bg-gradient border-2" id="containerDark">
<div class="row">
<div class="col">
<h5 class="text-center mt-3">Valu Space Storage Center</h5>
<hr>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12 col-ld-12 pb-1">
<!-- * Explain Bottles for bales ------------------------------------>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2924.928361451246!2d-73.75934854837239!3d42.85324581170189!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89de13113cefc389%3A0x8a6a97ad682fd1ee!2sValuSpace%20Personal%20Storage!5e0!3m2!1sen!2sus!4v1644707808969!5m2!1sen!2sus"
width="100%" height="425" style="border:0;" allowfullscreen="" loading="lazy"></iframe> </div>
</div>
</div>
</body>
<!--?--------------------------------------------------------------- FOOTER ------------------------------------------------------------------------------->
<footer>
<div class="container-xxl mb-1 rounded-3 border border-dark border-2 bg-gradient" id="containerDark">
<div class="row">
<div class="col-12 text-center">
<a class="btn bi-telephone-fill" href="tel:518-878-8201"><svg width="24" height="24" fill="currentColor"
viewBox="0 0 16 16">
<path
d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg></a>
<a class="btn bi-envelope" href="mailto: [email protected]"><svg width="24" height="24"
fill="currentColor" viewBox="0 0 16 16">
<path
d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z" />
</svg></a>
<a class="btn bi-facebook" target="_blank" href="https://www.facebook.com/ed.wagner.900"><svg width="24"
height="24" fill="currentColor" viewBox="0 0 16 16">
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
</svg></a>
</div>
</div>
</div>
</footer>
<!--?------------------------------------------------------------- APPENDIX ------------------------------------------------------------------------------->
<!-- * Scripts -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>
<!-- End of Page -->
</html>