-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·363 lines (320 loc) · 26 KB
/
index.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
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
<script src="https://kit.fontawesome.com/97ef315d72.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" type="image/png" href="img/dav_favicon.jpg">
<title>DAV Thrift Store — Lubbock, TX - Disabled American Veterans</title>
</head>
<body class="container">
<!-- --============================================================================HEADER================================================================================================================================================================= -->
<header id="header" class="header">
<div class="logo-img">
<picture>
<source type="image/webp" media="(min-width:75em)" size="237w" srcset="img/DAVblack-logo_lg.webp">
<source type="image/webp" media="(min-width:56.25em)" size="190w" srcset="img/DAVblack-logo_med.webp">
<source type="image/webp" media="(min-width:37.5em)" size="140w" srcset="img/DAVblack-logo_sm.webp">
<source type="image/webp" media="(max-width:37.4375em)" size="95w" srcset="img/DAVblack-logo_tiny.webp">
<img srcset="img/DAVblack-logo_tiny.jpg, img/DAVblack-logo_sm.jpg, img/DAVblack-logo_med.jpg, img/DAVblack-logo_lg.jpg" sizes="
(max-width: 37.4375em) 95w, (min-width: 37.5em) 140w, (min-width: 56.25em) 190w, (min-width: 75em) 237w" alt="Store front image" src="img/DAVblack-logo.jpg">
</picture>
<!-- sizes="
(max-width: 37.4375em) 95w, (min-width: 37.5em) 140w, (min-width: 56.25em) 190w, (min-width: 75em) 237w" alt="Store front image" src="img/DAVblack-logo.jpg" -->
</div>
<!-- --============================================================================nav================================================================================================================================================================= -->
<nav class="nav">
<div class="button__donate nav__link"><i class="fa fa-solid fa-heart"></i><a href="#donations">Donate</a></div>
<div id="phone-nav-open" class="phone-nav__icon"></div>
<ul id="phone-nav" class="nav__list">
<li class="nav-about"><a class="nav__link" href="#dav">About Us</a></li>
<li class="nav-finds"><a class="nav__link" href="#features">Unique Finds</a></li>
<li class="nav-gallery"><a class="nav__link" href="#gallery">Gallery</a></li>
<!-- <li class="nav__link-donate nav-donate"><i class="fa fa-solid fa-heart"></i><a href="#donations">Donate</a></li> -->
<li class="nav-vol"><a class="nav__link" href="#volunteer">Volunteer</a></li>
<li class="nav-vet"><a id="vet-resources" class="nav__link" href="#">Veteran Resources</a></li>
<li class="nav-dav-site"><a target="_blank" class="nav__link" href="https://davtexas.org/thrift-stores/lubbock-thrift/"><span class="nav__visit">davtexas.org</span></a></li>
<li id="fb" class="nav-fb"><a class="nav__link" target="_blank" href="https://m.facebook.com/davthriftstore/"><i class="fab fa-facebook-f"></i></a></li>
</ul>
<button id="phone-nav-close" class="phone-nav__close">X</button>
</nav>
</header>
<!-- --============================================================================DAV================================================================================================================================================================= -->
<section id="dav" class="dav">
<div class="dav__info">
<figure class="dav__shape"></figure>
<h1>DAV Thrift Store Program</h1>
<p>The Lubbock area DAV Thrift Store is a project of the <a class="dav__link" target="_blank" href="https://davtexas.org/">DAV Department of Texas</a> and sponsored by <a class="dav__link" target="_blank" href="https://www.dav44.org/">local chapter 44</a>. Your donations of usable clothing and household items help support the activities of the DAV in Lubbock and surrounding areas. Clothing and other needed items are provided by referral to veterans in need at no charge. Money generated by the stores help fund DAV projects in the state of Texas.</p>
</div>
</section>
<!-- --============================================================================ABOUT================================================================================================================================================================= -->
<section id="about" class="about">
<div class="about-us">
<!-- ==========================================================EXPANDED-NAV============================================================================================================== -->
<nav id="nav-exp" class="nav-exp nav-exp__hide">
<button id="nav-exp__close" class="nav-exp__close">X</button>
<ul class="nav-exp__list">
<li class="nav-exp__item-1">
<div class="nav-exp__contact">
<p class="nav-exp__name">US Veterans Center</p>
<address><a class="nav-exp__link nav-exp__address" target="_blank" href="https://www.google.com/maps/place/3106+50th+St,+Lubbock,+TX+79413/data=!4m2!3m1!1s0x86fe6d645c598621:0x8f443232b66212bd?sa=X&ved=2ahUKEwin8_-tu8PyAhWXKs0KHaGWA_0Q8gF6BAgFEAE">3106 50th St Lubbock, TX 79413</a></address>
<p>Phone:<a class="nav-exp__link" href="TEL:8067929782"> (806) 792-9782</a></p>
</div>
</li>
<li class="nav-exp__item-2">
<div class="nav-exp__contact">
<p class="nav-exp__name">Disabled American Veterans<br>Local Office</p>
<address><a class="nav-exp__link nav-exp__address" target="_blank" href="https://www.google.com/maps/place/7414+83rd+St,+Lubbock,+TX+79424/@33.518341,-101.9848574,17z/data=!3m1!4b1!4m5!3m4!1s0x86fe7478dcdf48d7:0x2a6425ca6945db0d!8m2!3d33.518341!4d-101.9826687">7414 83rd St, Lubbock TX 79424</a></address>
<p>Phone:<a class="nav-exp__link" href="TEL:8067717779"> (806) 771-7779</a></p>
</div>
</li>
<li class="nav-exp__item-3">
<div class="nav-exp__contact">
<p class="nav-exp__name">Disabled American Veterans<br>Regional Office</p>
<address><a class="nav-exp__link nav-exp__address" target="_blank" href="https://www.google.com/maps/dir/34.2274628,-102.7479904/one+veterans+plaza+waco+tx/@32.8446041,-102.1583665,7z/data=!3m1!4b1!4m9!4m8!1m1!4e1!1m5!1m1!1s0x864f824e92abaf7d:0xd7a8719011da7fd3!2m2!1d-97.1292443!2d31.5513913">One Veterans Plaza Waco, TX 76799</a></address>
<p>Phone:<a class="nav-exp__link" href="TEL:254299-9932"> (254) 299-9932</a></p>
<p>website: <a class="nav-exp__link" target="_blank" href="https://www.benefits.va.gov/waco/">here</a></p>
</div>
</li>
<li class="nav-exp__item-4">
<div class="nav-exp__contact">
<p class="nav-exp__name">Lubbock VA Clinic</p>
<address><a class="nav-exp__link nav-exp__address" target="_blank" href="https://www.google.com/maps/place/3510+4th+St,+Lubbock,+TX+79415/@33.593562">3510 4th Street Lubbock, TX 79415-5346</a></address>
<p>Phone:<a class="nav-exp__link" href="TEL:8064723400"> (806) 4723400</a></p>
<p>website: <a class="nav-exp__link" target="_blank" href="https://www.va.gov/find-locations/facility/vha_504BY">here</a></p>
</div>
</li>
</ul>
</nav>
<!-- --=====================================================about-us__store-front======================================================================= -->
<div class="about-us__store-front store-front">
<picture id="img">
<source type="image/webp" media="(min-width:112.5em)" size="900w" srcset="img/IMG_store-front_lg.webp">
<source type="image/webp" media="(min-width:37.5em)" size="600w" srcset="img/IMG_store-front_med.webp">
<!-- <source type="image/webp" media="(min-width:37.5em)" srcset="img/IMG_store-front_sm.webp"> -->
<source type="image/webp" media="(max-width:37.4375em)" srcset="img/IMG_store-front_tiny.webp">
<img srcset="img/IMG_store-front_tiny.jpg 325w, img/IMG_store-front_sm.jpg 450w, img/IMG_store-front_med.jpg 600w, img/IMG_store-front_lg.jpg 900w" sizes="
(min-width:112.5em) 900w
(min-width:56.25em) 600w,
(min-width:37.5em) 450w,
(max-width:37.4375em) 325w" alt="Store front image" src="img/IMG_store-front4.jpg">
</picture>
<!-- sizes="
(min-width:112.5em) 900w
(min-width:56.25em) 600w,
(min-width:37.5em) 450w,
(max-width:37.4375em) 325w" alt="Store front image" src="img/IMG_store-front4.jpg" -->
<address class="store-front__address caveat">1301 Buddy Holly Ave, Lubbock, Tx 79401</address>
<a class="store-front__phone link caveat" href="TEL:8067637229"> (806) 763-7229</a>
\
<div class="store-front__hours">
<h2 class="store-front__hours--store">Store Hours:</h2>
<p class="store-front__hours--days">Tuesday - Saturday<br>9am - 5pm</p>
<p class="store-front__hours--closed">closed Sunday and Monday</p>
</div>
</div>
<!-- --=====================================================about-us__location======================================================================= -->
<div class="about-us__location">
<div class="location__map">
<a target="_blank" href="https://www.google.com/maps/dir/34.2294528,-102.7473408/disabled+american+veterans+thrift+store+lubbock+tx/@33.9049016,-102.8521449,9z/data=!3m1!4b1!4m9!4m8!1m1!4e1!1m5!1m1!1s0x86fe12d5509a50dd:0xb0a7bfe007db4358!2m2!1d-101.8442233!2d33.5833288">
<iframe title="Google map" class="location__map--google" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3323.8473263994138!2d-101.84624075002905!3d33.58331308064159!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x86fe12d5509cbcf7%3A0x74ffa262bbcd7bc5!2s1301%20Buddy%20Holly%20Ave%2C%20Lubbock%2C%20TX%2079401!5e0!3m2!1sen!2sus!4v1626886418186!5m2!1sen!2sus"></iframe></a>
</div>
<div class="location__info">
<figure class="location__info--shape"></figure>
<p>Located in Lubbock, TX in the heart of the historical<br><span class="caveat buddy-holly">Buddy Holly district,</span> DAV Thrift Store has been a landmark in the community for over 20years.</p>
<p class="location__info--position">We're just off I-27 and FM114 (19th st), take exit 3 and head west on FM114 for 3 blocks to Buddy Holly Ave, turn right and we are on the right side between 13th and 14th streets. Click the map for navigation. We hope to see you soon!
</p>
</div>
</div>
</div>
</section>
<!-- --============================================================================FEATURES================================================================================================================================================================= -->
<section id="features" class="features">
<div class="features__info">
<h2>Our inventory is refreshingly unique and replenished daily...</h2>
<p>Thousands of items are added to our inventory daily so there will always be something new to see. You'll find name brands and great values, gently used clothing and household items, thrifty treasures and one-of-a-kind, unique finds.</p>
</div>
<div class="feature">
<svg style="fill: #021441;">
<use href="img/sprite.svg#icon-home3"></use>
</svg>
<h4 class="feature__heading">Furniture</h4>
<p class="feature__text">We have a wonderful selection of used furniture items for the entire home including entertainment centers, china cabinets, dining room sets, living-room and bedroom furniture. You’ll find antiques and estate-sale items in our store as well.</p>
</div>
<div class="feature">
<svg style="fill: #021441;">
<use href="img/sprite.svg#icon-spoon-knife"></use>
</svg>
<h4 class="feature__heading">Household Items</h4>
<p class="feature__text">Kitchen appliances, - including blenders, crock-pots, toaster ovens, lamps, power tools and various electrical gadgets - Blankets, comforters, sheets and curtains are many of the bargains you can find. </p>
</div>
<div class="feature">
<svg style="fill: #021441;">
<use href="img/sprite.svg#icon-film"></use>
</svg>
<h4 class="feature__heading">Media</h4>
<p class="feature__text">We have a massive collection of books - Children’s, educational, mystery and romance as well as cookbooks & magazines - vintage and gently used records, CDs, DVDs, VHS and cassette tapes.New titles arrive every day! </p>
</div>
<div class="feature">
<svg style="fill: #021441;">
<use href="img/sprite.svg#icon-svg"></use>
</svg>
<h4 class="feature__heading">Collectibles</h4>
<p class="feature__text">We carry hard to find, sometimes rare items such as sports memorabilia, coins, limited edition paintings, dolls, collector plates, toys and rare books.</p>
</div>
<div class="feature">
<svg style="fill: #021441;">
<use href="img/sprite.svg#icon-power-cord"></use>
</svg>
<h4 class="feature__heading">Electronics</h4>
<p class="feature__text">TV’s, radios, DVD and CD players, computers and game consoles. Power cords, accessories and cables for all your electronic needs.</p>
</div>
<div class="feature">
<svg style="fill: #021441;">
<use href="img/sprite.svg#icon-user-tie"></use>
</svg>
<h4 class="feature__heading">Clothing, Shoes & Accessories</h4>
<p class="feature__text">We have an enormous selection of quality women’s, men’s, and children’s clothing, shoes, purses, belts, ties hats and gloves. Whether your needs are for work, play, or dressy occasions, we have them all here at prices that can’t be beat!</p>
</div>
<p class="features__more">. . . and so much more!</p>
</section>
<!-- --============================================================================VOLUNTEER================================================================================================================================================================= -->
<section id="volunteer" class="volunteer">
<svg style="fill: #021441;">
<use href="img/sprite.svg#icon-slideshare"></use>
</svg>
<h2>Volunteer</h2>
<div class="volunteer__info">
<p>There’s no better way than offering your time and energy as a volunteer to show your appreciation to the veterans of our country. We would appreciate and value your time in helping to keep the store merchandise organized and restocked, sort clothing, and perform other work as needed. Contact the <a class="link" href="TEL:8067637229">store number</a> with any questions regarding volunteering and so that we can learn the hours you are available and what type of work you would like to contribute.</p>
<p>We also work with the "Court Referral Program" as an alternate sentencing option for the Superior, Municipal, Traffic and Juvenile Court systems here in Texas. Community service is considered restitution by an offender through helping his or her community. The service means actions, activity and engagement -- doing something that needs to be done and that helps the community or a cause. Contact the store and let us know how we can help each other. </p>
</div>
</section>
<!-- --============================================================================GALLERY================================================================================================================================================================= -->
<section id="gallery" class="gallery">
<figure class="gallery__item gallery__item--1"><img src="img/IMG_2329.jpg" alt="Gallery image 1" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--2"><img src="img/IMG_2309.jpg" alt="Gallery image 2" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--3"><img src="img/IMG_2293.jpg" alt="Gallery image 3" loading="lazy" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--4"><img src="img/IMG_2276.jpg" alt="Gallery image 4" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--5"><img src="img/IMG_2301.jpg" alt="Gallery image 5" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--6"><img src="img/IMG_2288.jpg" alt="Gallery image 6" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--7"><img src="img/IMG_2296.jpg" alt="Gallery image 7" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--8"><img src="img/IMG_2330.jpg" alt="Gallery image 8" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--9"><img src="img/IMG_2292.jpg" alt="Gallery image 9" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--10"><img src="img/IMG_2327.jpg" alt="Gallery image 10" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--11"><img src="img/IMG_2300.jpg" alt="Gallery image 11" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--12"><img src="img/IMG_2290.jpg" alt="Gallery image 12" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--13"><img src="img/IMG_2315.jpg" alt="Gallery image 13" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--14"><img src="img/IMG_2286.jpg" alt="Gallery image 14" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--15"><img src="img/IMG_2321.jpg" alt="Gallery image 15" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--16"><img src="img/IMG_2280.jpg" alt="Gallery image 16" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--17"><img src="img/IMG_2269.jpg" alt="Gallery image 17" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--18"><img src="img/IMG_2313.jpg" alt="Gallery image 18" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--19"><img src="img/IMG_2271.jpg" alt="Gallery image 19" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--20"><img src="img/IMG_2281.jpg" alt="Gallery image 20" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--21"><img src="img/IMG_2272.jpg" alt="Gallery image 21" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--22"><img src="img/IMG_2333.jpg" alt="Gallery image 22" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--23"><img src="img/IMG_2331.jpg" alt="Gallery image 23" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--24"><img src="img/IMG_2273.jpg" alt="Gallery image 24" loading="lazy" class="gallery__img"></figure>
<figure class="gallery__item gallery__item--25"><img src="img/IMG_2274.jpg" alt="Gallery image 25" loading="lazy" class="gallery__img"></figure>
</section>
<!-- --============================================================================DONATIONS================================================================================================================================================================= -->
<section id="donations" class="donations">
<h2><svg class="donations__title" style="fill: #021441;">
<use href="img/sprite.svg#icon-volunteer_activism"></use>
</svg>Donations</h2>
<p>DAV Thrift Store relies on the generous donations of the local community to collect used clothing and household items.Please bring your tax-deductible donations to the front patio of the store. Dropoffs are accepted during regular <a class="link" href="">operating hours</a>, Tue - Sat 9:00am-5:00pm. For questions concerning large donations please call us at <a class="link" href="TEL:8067637229">806-763-7229.</a></p>
<h3>Donation Guidelines</h3>
<h4>Items We Can Use</h4>
<div class="donation__info">
<ul class="donation__list">
<li>Men's, women's and children's clothing</li>
<li>Appliances</li>
<li>Electronics</li>
<li>Jewelry</li>
<li>Kitchenware</li>
<li>Pots, pans, dishes</li>
</ul>
<ul class="donation__list">
<li>Toys / Games</li>
<li>Curtains / Drapes</li>
<li>Shoes</li>
<li>Bicycles</li>
<li>Books</li>
<li>Bedding</li>
<li>Seasonal items</li>
</ul>
<ul class="donation__list">
<li>Flat screen TVs</li>
<li>Computers</li>
<li>Exercise equipment</li>
<li>Usable furniture</li>
<li>Housewares</li>
<li>Large or built-in appliances
<li>And many other things for the home</li>
</ul>
</div>
<h4>Items We Cannot Accept</h4>
<div class="donation__info">
<ul class="donation__list">
<li>Batteries</li>
<li>Bunk beds that are incomplete or do not meet <a class="link" target="_blank" href="https://www.cpsc.gov/">*CPSC*</a> standards</li>
<li>Household cleaners</li>
<li>Pianos or organs </li> <li>Console TV’s or stereos</li>
<li>Paints and solvents</li>
</ul>
<ul class="donation__list">
<li>Anything with freon</li>
<li><a class="link" target="_blank" href="https://www.cpsc.gov/">*CPSC*</a> recalled items</li> <li>Large metal or wood desk</li>
<li>Items banned from sales </li>
<li>Wet, moldy, or greasy clothing or items</li>
<li>Tires and wheels</li>
</ul>
<ul class="donation__list">
<li>Sleeper sofas</li>
<li>Water beds including parts and accessories</li> <li>Electronics from businesses (large quantities)</li>
<li>carpets or pieces of carpet</li>
<li>Furniture needing repairs or in unusable condition </li>
</ul>
</div>
<h3 class="irs">IRS Rules for Clothing and Household Items</h3>
<p class="irs-info">To be deductible, clothing and household items donated to charity after Aug. 17, 2006 must be in good used condition or better. However, a taxpayer may claim a deduction of more than $500 for a single item, regardless of its condition if the taxpayer includes a qualified appraisal of the item with the return. Household items include furniture, furnishings, electronics, appliances, and linens. See <a class="link" target="_blank" href="https://www.irs.gov/pub/irs-pdf/p526.pdf">https://www.irs.gov/pub/irs-pdf/p526.pdf</a></p>
</section>
<footer class="footer">
<ul class="footer-nav">
<li class="footer-nav__item--1"><a href="#header" class="footer-nav__link">Contact us</a></li>
<li class="footer-nav__item--2"><a href="#features" class="footer-nav__link">Unique Finds</a></li>
<li class="footer-nav__item--3"><a href="#dav" class="footer-nav__link">About Us</a></li>
<li class="footer-nav__item--4"><a href="#volunteer" class="footer-nav__link">Volunteer</a></li>
<li class="footer-nav__item--5"><a target="_blank" href="https://m.facebook.com/davthriftstore/" class="footer-nav__link"><i class="fab fa-facebook-f footer-nav__fb"></i></a></li>
</ul>
</footer>
<script>
const navExpand = document.getElementById('nav-exp');
const navExpandOpen = document.getElementById('vet-resources');
const navExpandClose = document.getElementById('nav-exp__close');
const phoneNav = document.getElementById("phone-nav");
const phoneNavOpen = document.getElementById("phone-nav-open");
const phoneNavClose = document.getElementById("phone-nav-close");
function open(){
navExpand.classList.remove('nav-exp__hide');
}
function close(){
navExpand.classList.add('nav-exp__hide');
}
function mainNavOpen(){
phoneNav.style.transform="translateX(0)";
phoneNavClose.style.transform="translateX(150%)";
}
function mainNavClose(){
phoneNav.style.transform="translateX(100%)";
phoneNavClose.style.transform="translateX(1000%)";
}
navExpandOpen.addEventListener('click', open);
navExpandClose.addEventListener('click', close);
phoneNavOpen.addEventListener('click', mainNavOpen);
phoneNavClose.addEventListener('click', mainNavClose);
</script>
</body>
</html>