-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprograms.html
More file actions
549 lines (534 loc) · 56.1 KB
/
Copy pathprograms.html
File metadata and controls
549 lines (534 loc) · 56.1 KB
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
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Brand Programs — Touch Up Solutions</title>
<meta name="description" content="Dedicated touch-up programs for Baker, Dar Ran, Ethan Allen, Fairfield Chair, and Tafisa — custom color-matched products for specific brand finishes." />
<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=Playfair+Display:wght@500;600;700;800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<!-- ===================== HEADER ===================== -->
<header class="site-header">
<nav class="nav" aria-label="Primary">
<a class="nav-logo" href="index.html" aria-label="Touch Up Solutions home">
<img class="logo-img" src="tuslogo.png" alt="Touch Up Solutions" width="280" height="165" />
</a>
<ul class="nav-links">
<li class="nav-item"><a class="nav-link" data-page="index.html" href="index.html">Home</a></li>
<li class="nav-item has-mega">
<a class="nav-link" data-page="products.html" href="products.html">Products <i class="chev"></i></a>
<div class="mega" role="menu">
<div class="mega-inner">
<div class="mega-col">
<h5>Products</h5>
<ul><li><a href="products.html#markers">Markers</a></li></ul>
</div>
<div class="mega-col">
<h5>Quick Links</h5>
<ul>
<li><a href="products.html">View All Products</a></li>
<li><a href="industrial-shop.html">Request a Quote</a></li>
<li><a href="resources.html#sds">Safety Data Sheets</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="nav-item has-mega">
<a class="nav-link" data-page="howto.html" href="howto.html">How To <i class="chev"></i></a>
<div class="mega" role="menu">
<div class="mega-inner">
<div class="mega-col">
<h5>Wood & Furniture</h5>
<ul>
<li><a href="howto-cabinets.html">Touch Up Wood Kitchen Cabinets</a></li>
<li><a href="howto-furniture.html">Touch Up Scratches on Furniture</a></li>
<li><a href="howto-laminate-repair.html">Repair Laminate Flooring</a></li>
<li><a href="howto-laminate-scratches.html">Repair Scratches on Laminate Floor</a></li>
</ul>
</div>
<div class="mega-col">
<h5>Tools & Techniques</h5>
<ul>
<li><a href="howto-burnin-knife.html">Use Burn-In Knife</a></li>
<li><a href="howto-burnin-sticks.html">Use Burn-In Sticks</a></li>
<li><a href="howto-metal-epoxy.html">Use Metal Epoxy</a></li>
<li><a href="howto-touch-up-paint.html">Use Touch Up Paint</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="nav-item has-mega">
<a class="nav-link" data-page="home-user-shop.html home-fill-sticks.html home-markers.html home-touchup-kits.html" href="home-user-shop.html">Home User Shop <i class="chev"></i></a>
<div class="mega" role="menu">
<div class="mega-inner">
<div class="mega-col">
<h5>Shop</h5>
<ul>
<li><a href="home-fill-sticks.html">Furniture Fill Sticks</a></li>
<li><a href="home-markers.html">Furniture Markers</a></li>
<li><a href="home-touchup-kits.html">Furniture Touch Up Kits</a></li>
</ul>
</div>
<div class="mega-col">
<h5>Resources</h5>
<ul>
<li><a href="howto.html">How To Guides</a></li>
<li><a href="videos.html">Demo Videos</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="nav-item has-mega">
<a class="nav-link" data-page="industrial-shop.html wood-repair.html leather-repair.html metal-repair.html accessories.html" href="industrial-shop.html">Industrial User Shop <i class="chev"></i></a>
<div class="mega mega--3col" role="menu">
<div class="mega-inner">
<div class="mega-col">
<h5>Wood Repair</h5>
<ul>
<li><a href="wood-repair.html">Adhesives · Aerosols · Burn-In Sticks · Edging Sticks</a></li>
<li><a href="wood-repair.html">Epoxy Sticks · Fill Sticks · Touch Up Markers</a></li>
<li><a href="wood-repair.html">Pencils · Powders · Powder Sticks · Putty</a></li>
</ul>
</div>
<div class="mega-col">
<h5>Leather & Metal Repair</h5>
<ul>
<li><a href="leather-repair.html">Leather / Vinyl Markers</a></li>
<li><a href="leather-repair.html">Leather / Vinyl Fill Sticks</a></li>
<li><a href="leather-repair.html">Leather / Vinyl Pigmented Repair</a></li>
<li><a href="leather-repair.html">Leather / Vinyl Pigmented Glaze</a></li>
<li><a href="leather-repair.html">Leather / Vinyl Aniline Repair</a></li>
<li><a href="leather-repair.html">Leather / Vinyl Background Repair</a></li>
<li><a href="leather-repair.html">Leather / Vinyl Topcoats</a></li>
<li><a href="leather-repair.html">Leather / Vinyl Cleaners and Solvents</a></li>
<li><a href="leather-repair.html">Leather / Vinyl Accessories</a></li>
<li><a href="metal-repair.html">Metal Epoxy Sticks · Metal Enamel · Metal Topcoat</a></li>
</ul>
</div>
<div class="mega-col">
<h5>Accessories</h5>
<ul>
<li><a href="accessories.html">Abrasives · Adhesive Accessories · Aerosol Accessories</a></li>
<li><a href="accessories.html">Brushes · Burn-In Accessories · Containers</a></li>
<li><a href="accessories.html">Fill Stick Accessories · Leather Accessories</a></li>
<li><a href="accessories.html">Lubes / Cleaners / Polishes · Marker Accessories</a></li>
<li><a href="accessories.html">Powder Accessories · Spray Systems</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="nav-item has-mega">
<a class="nav-link" data-page="programs.html" href="programs.html">Programs <i class="chev"></i></a>
<div class="mega" role="menu">
<div class="mega-inner">
<div class="mega-col">
<h5>Programs</h5>
<ul>
<li><a href="programs.html">Baker</a></li>
<li><a href="programs.html">Dar Ran</a></li>
<li><a href="programs.html">Fairfield Chair</a></li>
<li><a href="programs.html">Tafisa</a></li>
</ul>
</div>
<div class="mega-col">
<h5>Ethan Allen</h5>
<ul>
<li><a href="programs.html#ethan-allen">138 Auburn</a></li>
<li><a href="programs.html#ethan-allen">205 Newport</a></li>
<li><a href="programs.html#ethan-allen">210 Toast</a></li>
<li><a href="programs.html#ethan-allen">252 Mahogany</a></li>
<li><a href="programs.html#ethan-allen">283 Espresso</a></li>
<li><a href="programs.html#ethan-allen">330 Ebony</a></li>
<li><a href="programs.html#ethan-allen">399 Saddle</a></li>
<li><a href="programs.html#ethan-allen">490 Chocolate</a></li>
<li><a class="link-arrow" href="programs.html#ethan-allen">View All Ethan Allen</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="nav-item"><a class="nav-link" data-page="videos.html" href="videos.html">Videos</a></li>
<li class="nav-item"><a class="nav-link" data-page="resources.html" href="resources.html">Resources</a></li>
</ul>
<div class="nav-utility">
<button class="icon-btn nav-search-toggle" aria-label="Search">
<svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"></circle><line x1="21" y1="21" x2="16.5" y2="16.5"></line></svg>
</button>
<span class="nav-auth"><a href="#">Login</a><span class="sep">|</span><a href="#">Register</a></span>
<button class="icon-btn" data-cart-open aria-label="Open cart">
<svg viewBox="0 0 24 24"><circle cx="9" cy="20" r="1.4"></circle><circle cx="18" cy="20" r="1.4"></circle><path d="M2 3h3l2.4 12.3a1.6 1.6 0 0 0 1.6 1.3h8.6a1.6 1.6 0 0 0 1.6-1.2L22 7H6"></path></svg>
<span class="cart-badge">0</span>
</button>
<span class="nav-cta">
<a class="btn btn--primary btn--sm" href="industrial-shop.html">Request a Quote</a>
<a class="btn btn--secondary btn--sm" href="products.html">Quick Order</a>
</span>
<button class="nav-toggle" aria-label="Open menu" aria-expanded="false"><span></span><span></span><span></span></button>
</div>
</nav>
<div class="nav-search">
<div class="container">
<input type="search" placeholder="Search products, guides, and finishes..." aria-label="Search the site" />
<button class="btn btn--primary btn--sm">Search</button>
</div>
</div>
</header>
<!-- ===================== MOBILE NAV ===================== -->
<div class="mobile-nav" aria-label="Mobile navigation">
<a class="m-link" data-page="index.html" href="index.html">Home</a>
<div class="m-group">
<a class="m-link m-expand" href="#">Products <i class="m-chev"></i></a>
<div class="m-sub"><ul>
<li><a href="products.html#markers">Markers</a></li>
<li><a href="products.html">View All Products</a></li>
<li><a href="resources.html#sds">Safety Data Sheets</a></li>
</ul></div>
</div>
<div class="m-group">
<a class="m-link m-expand" href="#">How To <i class="m-chev"></i></a>
<div class="m-sub"><ul>
<li><a href="howto-cabinets.html">Touch Up Wood Kitchen Cabinets</a></li>
<li><a href="howto-furniture.html">Touch Up Scratches on Furniture</a></li>
<li><a href="howto-laminate-repair.html">Repair Laminate Flooring</a></li>
<li><a href="howto-laminate-scratches.html">Repair Scratches on Laminate Floor</a></li>
<li><a href="howto-burnin-knife.html">Use Burn-In Knife</a></li>
<li><a href="howto-burnin-sticks.html">Use Burn-In Sticks</a></li>
<li><a href="howto-metal-epoxy.html">Use Metal Epoxy</a></li>
<li><a href="howto-touch-up-paint.html">Use Touch Up Paint</a></li>
</ul></div>
</div>
<div class="m-group">
<a class="m-link m-expand" href="#">Home User Shop <i class="m-chev"></i></a>
<div class="m-sub"><ul>
<li><a href="home-fill-sticks.html">Furniture Fill Sticks</a></li>
<li><a href="home-markers.html">Furniture Markers</a></li>
<li><a href="home-touchup-kits.html">Furniture Touch Up Kits</a></li>
<li><a href="howto.html">How To Guides</a></li>
<li><a href="videos.html">Demo Videos</a></li>
</ul></div>
</div>
<div class="m-group">
<a class="m-link m-expand" href="#">Industrial User Shop <i class="m-chev"></i></a>
<div class="m-sub"><ul>
<li><a href="wood-repair.html">Wood Repair</a></li>
<li><a href="leather-repair.html">Leather Repair</a></li>
<li><a href="metal-repair.html">Metal Repair</a></li>
<li><a href="accessories.html">Accessories</a></li>
</ul></div>
</div>
<div class="m-group">
<a class="m-link m-expand" href="#">Programs <i class="m-chev"></i></a>
<div class="m-sub"><ul>
<li><a href="programs.html">Baker</a></li>
<li><a href="programs.html">Dar Ran</a></li>
<li><a href="programs.html#ethan-allen">Ethan Allen</a></li>
<li><a href="programs.html">Fairfield Chair</a></li>
<li><a href="programs.html">Tafisa</a></li>
</ul></div>
</div>
<a class="m-link" data-page="videos.html" href="videos.html">Videos</a>
<a class="m-link" data-page="resources.html" href="resources.html">Resources</a>
<div class="mobile-cta">
<a class="btn btn--primary btn--block" href="industrial-shop.html">Request a Quote</a>
<a class="btn btn--secondary btn--block" href="products.html">Quick Order</a>
</div>
<div class="mobile-auth"><a href="#">Login</a><a href="#">Register</a><a href="#">View Cart (0)</a></div>
</div>
<main>
<section class="page-hero">
<div class="grain-overlay"></div>
<div class="container">
<nav class="breadcrumb" aria-label="Breadcrumb"><a href="index.html">Home</a><span class="sep">/</span><span class="current">Programs</span></nav>
<span class="eyebrow">Brand Programs</span>
<h1>Brand Programs</h1>
<p>Touch Up Solutions offers dedicated touch-up programs for leading furniture manufacturers. Custom color-matched products for specific brand finishes.</p>
</div>
</section>
<section class="section-pad bg-cream">
<div class="container">
<div class="card-grid-3 reveal-group">
<article class="program-card"><span class="eyebrow">Program</span><div class="brand">Baker</div><p>A complete touch-up program for Baker Furniture finishes. Color-matched markers, fill sticks, and repair solutions.</p><a class="btn btn--secondary btn--sm" href="#">View Baker Program</a></article>
<article class="program-card"><span class="eyebrow">Program</span><div class="brand">Dar Ran</div><p>Custom touch-up products matched to Dar Ran Furniture collection finishes.</p><a class="btn btn--secondary btn--sm" href="#">View Dar Ran Program</a></article>
<article class="program-card"><span class="eyebrow">Flagship Program</span><div class="brand">Ethan Allen</div><p>The most comprehensive program in our portfolio — covering the full Ethan Allen finish library across hundreds of color codes.</p><a class="btn btn--primary btn--sm" href="#ethan-allen">View Ethan Allen Program</a></article>
<article class="program-card"><span class="eyebrow">Program</span><div class="brand">Fairfield Chair</div><p>Dedicated touch-up products for Fairfield Chair Company finishes.</p><a class="btn btn--secondary btn--sm" href="#">View Fairfield Chair Program</a></article>
<article class="program-card"><span class="eyebrow">Program</span><div class="brand">Tafisa</div><p>Custom color-matched repair solutions for Tafisa laminate and panel finishes.</p><a class="btn btn--secondary btn--sm" href="#">View Tafisa Program</a></article>
<article class="program-card" style="background:var(--espresso);color:var(--cream);border-color:rgba(196,136,42,.3);"><span class="eyebrow">Custom</span><div class="brand" style="color:var(--cream);">Your Brand</div><p style="color:rgba(248,243,236,.7);">Need a dedicated program for your manufacturer finishes? We build custom color-matched lines.</p><a class="btn btn--primary btn--sm" href="#">Contact Us</a></article>
</div>
</div>
</section>
<section class="section-pad bg-parchment" id="ethan-allen">
<div class="container">
<div class="section-head reveal">
<span class="eyebrow">Ethan Allen Finish Library</span>
<h2>Find Your Ethan Allen Finish</h2>
<p>Search the complete Ethan Allen finish library by name or code. Every finish is available as a color-matched touch-up product.</p>
</div>
<div class="ea-search-wrap reveal">
<svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"></circle><line x1="21" y1="21" x2="16.5" y2="16.5"></line></svg>
<input type="search" class="ea-search" placeholder="Search by finish name or code..." aria-label="Search Ethan Allen finishes" />
</div>
<p class="ea-count"></p>
<div class="ea-grid">
<div class="ea-chip" data-search="138 auburn"><span class="dot" style="background:#7a3a22"></span><span><span class="code">138</span> <span class="name">Auburn</span></span></div>
<div class="ea-chip" data-search="139 normandy"><span class="dot" style="background:#b08048"></span><span><span class="code">139</span> <span class="name">Normandy</span></span></div>
<div class="ea-chip" data-search="149 fontaine"><span class="dot" style="background:#b08048"></span><span><span class="code">149</span> <span class="name">Fontaine</span></span></div>
<div class="ea-chip" data-search="205 newport"><span class="dot" style="background:#7a5230"></span><span><span class="code">205</span> <span class="name">Newport</span></span></div>
<div class="ea-chip" data-search="208 chai"><span class="dot" style="background:#a8703c"></span><span><span class="code">208</span> <span class="name">Chai</span></span></div>
<div class="ea-chip" data-search="210 toast"><span class="dot" style="background:#a9743c"></span><span><span class="code">210</span> <span class="name">Toast</span></span></div>
<div class="ea-chip" data-search="213 russet"><span class="dot" style="background:#8a4a2c"></span><span><span class="code">213</span> <span class="name">Russet</span></span></div>
<div class="ea-chip" data-search="214 wheat"><span class="dot" style="background:#cda766"></span><span><span class="code">214</span> <span class="name">Wheat</span></span></div>
<div class="ea-chip" data-search="215 fawn"><span class="dot" style="background:#c2a172"></span><span><span class="code">215</span> <span class="name">Fawn</span></span></div>
<div class="ea-chip" data-search="216 bordeaux"><span class="dot" style="background:#5a2020"></span><span><span class="code">216</span> <span class="name">Bordeaux</span></span></div>
<div class="ea-chip" data-search="223 weathered pine"><span class="dot" style="background:#7a2420"></span><span><span class="code">223</span> <span class="name">Weathered Pine</span></span></div>
<div class="ea-chip" data-search="224 autumn cherry"><span class="dot" style="background:#7a3322"></span><span><span class="code">224</span> <span class="name">Autumn Cherry</span></span></div>
<div class="ea-chip" data-search="225 vintage"><span class="dot" style="background:#7a5230"></span><span><span class="code">225</span> <span class="name">Vintage</span></span></div>
<div class="ea-chip" data-search="227 cinnamon"><span class="dot" style="background:#9a5a30"></span><span><span class="code">227</span> <span class="name">Cinnamon</span></span></div>
<div class="ea-chip" data-search="230 bisque"><span class="dot" style="background:#d8c39c"></span><span><span class="code">230</span> <span class="name">Bisque</span></span></div>
<div class="ea-chip" data-search="232 mushroom"><span class="dot" style="background:#8a7a66"></span><span><span class="code">232</span> <span class="name">Mushroom</span></span></div>
<div class="ea-chip" data-search="234 praire"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">234</span> <span class="name">Praire</span></span></div>
<div class="ea-chip" data-search="235 sienna"><span class="dot" style="background:#9c5a32"></span><span><span class="code">235</span> <span class="name">Sienna</span></span></div>
<div class="ea-chip" data-search="237 butterscotch"><span class="dot" style="background:#c08a3e"></span><span><span class="code">237</span> <span class="name">Butterscotch</span></span></div>
<div class="ea-chip" data-search="246 provence"><span class="dot" style="background:#b08048"></span><span><span class="code">246</span> <span class="name">Provence</span></span></div>
<div class="ea-chip" data-search="247 carmel"><span class="dot" style="background:#b07a3e"></span><span><span class="code">247</span> <span class="name">Carmel</span></span></div>
<div class="ea-chip" data-search="252 mahogany"><span class="dot" style="background:#5a2618"></span><span><span class="code">252</span> <span class="name">Mahogany</span></span></div>
<div class="ea-chip" data-search="253 english toffee"><span class="dot" style="background:#b08048"></span><span><span class="code">253</span> <span class="name">English Toffee</span></span></div>
<div class="ea-chip" data-search="254 antique mahogany"><span class="dot" style="background:#5a2618"></span><span><span class="code">254</span> <span class="name">Antique Mahogany</span></span></div>
<div class="ea-chip" data-search="255 natural"><span class="dot" style="background:#c9a878"></span><span><span class="code">255</span> <span class="name">Natural</span></span></div>
<div class="ea-chip" data-search="257 spice"><span class="dot" style="background:#9a5a34"></span><span><span class="code">257</span> <span class="name">Spice</span></span></div>
<div class="ea-chip" data-search="260 cinnibar"><span class="dot" style="background:#b08048"></span><span><span class="code">260</span> <span class="name">Cinnibar</span></span></div>
<div class="ea-chip" data-search="275 sepia"><span class="dot" style="background:#5a4636"></span><span><span class="code">275</span> <span class="name">Sepia</span></span></div>
<div class="ea-chip" data-search="277 caraway"><span class="dot" style="background:#7a5230"></span><span><span class="code">277</span> <span class="name">Caraway</span></span></div>
<div class="ea-chip" data-search="280 sand"><span class="dot" style="background:#cbb288"></span><span><span class="code">280</span> <span class="name">Sand</span></span></div>
<div class="ea-chip" data-search="282 canyon"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">282</span> <span class="name">Canyon</span></span></div>
<div class="ea-chip" data-search="283 espresso"><span class="dot" style="background:#2c1c12"></span><span><span class="code">283</span> <span class="name">Espresso</span></span></div>
<div class="ea-chip" data-search="284 autumn maple"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">284</span> <span class="name">Autumn Maple</span></span></div>
<div class="ea-chip" data-search="288 henna"><span class="dot" style="background:#8a4428"></span><span><span class="code">288</span> <span class="name">Henna</span></span></div>
<div class="ea-chip" data-search="290 mesquite"><span class="dot" style="background:#6a4a30"></span><span><span class="code">290</span> <span class="name">Mesquite</span></span></div>
<div class="ea-chip" data-search="290t toffee"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">290T</span> <span class="name">Toffee</span></span></div>
<div class="ea-chip" data-search="292d dune"><span class="dot" style="background:#a8703c"></span><span><span class="code">292D</span> <span class="name">Dune</span></span></div>
<div class="ea-chip" data-search="292 sierra"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">292</span> <span class="name">Sierra</span></span></div>
<div class="ea-chip" data-search="294 chocolate"><span class="dot" style="background:#3a2516"></span><span><span class="code">294</span> <span class="name">Chocolate</span></span></div>
<div class="ea-chip" data-search="295 sable"><span class="dot" style="background:#4a382a"></span><span><span class="code">295</span> <span class="name">Sable</span></span></div>
<div class="ea-chip" data-search="296 mocha"><span class="dot" style="background:#5a4030"></span><span><span class="code">296</span> <span class="name">Mocha</span></span></div>
<div class="ea-chip" data-search="303 aged poppy"><span class="dot" style="background:#7a2e22"></span><span><span class="code">303</span> <span class="name">Aged Poppy</span></span></div>
<div class="ea-chip" data-search="304 aged teal"><span class="dot" style="background:#2e4a4a"></span><span><span class="code">304</span> <span class="name">Aged Teal</span></span></div>
<div class="ea-chip" data-search="305 aged ember"><span class="dot" style="background:#a8703c"></span><span><span class="code">305</span> <span class="name">Aged Ember</span></span></div>
<div class="ea-chip" data-search="309 v. zebrawood"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">309</span> <span class="name">V. Zebrawood</span></span></div>
<div class="ea-chip" data-search="310 claret"><span class="dot" style="background:#5e2424"></span><span><span class="code">310</span> <span class="name">Claret</span></span></div>
<div class="ea-chip" data-search="311 southport antique"><span class="dot" style="background:#8a5a34"></span><span><span class="code">311</span> <span class="name">Southport Antique</span></span></div>
<div class="ea-chip" data-search="312 mushroom with glaze"><span class="dot" style="background:#8a7a66"></span><span><span class="code">312</span> <span class="name">Mushroom with Glaze</span></span></div>
<div class="ea-chip" data-search="314/309 v. mahogany flat swan"><span class="dot" style="background:#5a2618"></span><span><span class="code">314/309</span> <span class="name">V. Mahogany Flat Swan</span></span></div>
<div class="ea-chip" data-search="320 amber"><span class="dot" style="background:#c4882a"></span><span><span class="code">320</span> <span class="name">Amber</span></span></div>
<div class="ea-chip" data-search="321f v. mahogany flat swan"><span class="dot" style="background:#5a2618"></span><span><span class="code">321F</span> <span class="name">V. Mahogany Flat Swan</span></span></div>
<div class="ea-chip" data-search="321m v. mozambique"><span class="dot" style="background:#7a5230"></span><span><span class="code">321M</span> <span class="name">V. Mozambique</span></span></div>
<div class="ea-chip" data-search="321s v. swirl mahogany"><span class="dot" style="background:#5a2618"></span><span><span class="code">321S</span> <span class="name">V. Swirl Mahogany</span></span></div>
<div class="ea-chip" data-search="330 ebony"><span class="dot" style="background:#1a140f"></span><span><span class="code">330</span> <span class="name">Ebony</span></span></div>
<div class="ea-chip" data-search="331 clove"><span class="dot" style="background:#8a5a34"></span><span><span class="code">331</span> <span class="name">Clove</span></span></div>
<div class="ea-chip" data-search="332 verona"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">332</span> <span class="name">Verona</span></span></div>
<div class="ea-chip" data-search="339 mink"><span class="dot" style="background:#6a5648"></span><span><span class="code">339</span> <span class="name">Mink</span></span></div>
<div class="ea-chip" data-search="340 derby"><span class="dot" style="background:#8a5a34"></span><span><span class="code">340</span> <span class="name">Derby</span></span></div>
<div class="ea-chip" data-search="355 truffle"><span class="dot" style="background:#4e3a2c"></span><span><span class="code">355</span> <span class="name">Truffle</span></span></div>
<div class="ea-chip" data-search="356 sparrow"><span class="dot" style="background:#7a5230"></span><span><span class="code">356</span> <span class="name">Sparrow</span></span></div>
<div class="ea-chip" data-search="357 rustique"><span class="dot" style="background:#b08048"></span><span><span class="code">357</span> <span class="name">Rustique</span></span></div>
<div class="ea-chip" data-search="373 savanna"><span class="dot" style="background:#7a5230"></span><span><span class="code">373</span> <span class="name">Savanna</span></span></div>
<div class="ea-chip" data-search="374 darjeeling"><span class="dot" style="background:#a8703c"></span><span><span class="code">374</span> <span class="name">Darjeeling</span></span></div>
<div class="ea-chip" data-search="384 gingerbread"><span class="dot" style="background:#8a5630"></span><span><span class="code">384</span> <span class="name">Gingerbread</span></span></div>
<div class="ea-chip" data-search="386 chanterelle"><span class="dot" style="background:#8a5a34"></span><span><span class="code">386</span> <span class="name">Chanterelle</span></span></div>
<div class="ea-chip" data-search="388 lute"><span class="dot" style="background:#a8703c"></span><span><span class="code">388</span> <span class="name">Lute</span></span></div>
<div class="ea-chip" data-search="390 viola"><span class="dot" style="background:#8a5a34"></span><span><span class="code">390</span> <span class="name">Viola</span></span></div>
<div class="ea-chip" data-search="393 v. primavera"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">393</span> <span class="name">V. Primavera</span></span></div>
<div class="ea-chip" data-search="399 saddle"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">399</span> <span class="name">Saddle</span></span></div>
<div class="ea-chip" data-search="407 french roast"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">407</span> <span class="name">French Roast</span></span></div>
<div class="ea-chip" data-search="412 sheer black"><span class="dot" style="background:#1c1714"></span><span><span class="code">412</span> <span class="name">Sheer Black</span></span></div>
<div class="ea-chip" data-search="420 hartland"><span class="dot" style="background:#b08048"></span><span><span class="code">420</span> <span class="name">Hartland</span></span></div>
<div class="ea-chip" data-search="421 fairfax"><span class="dot" style="background:#7a5230"></span><span><span class="code">421</span> <span class="name">Fairfax</span></span></div>
<div class="ea-chip" data-search="422 summit"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">422</span> <span class="name">Summit</span></span></div>
<div class="ea-chip" data-search="430 henley"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">430</span> <span class="name">Henley</span></span></div>
<div class="ea-chip" data-search="431 hastings"><span class="dot" style="background:#b08048"></span><span><span class="code">431</span> <span class="name">Hastings</span></span></div>
<div class="ea-chip" data-search="432 sutton"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">432</span> <span class="name">Sutton</span></span></div>
<div class="ea-chip" data-search="433 precott"><span class="dot" style="background:#7a5230"></span><span><span class="code">433</span> <span class="name">Precott</span></span></div>
<div class="ea-chip" data-search="435 oxford"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">435</span> <span class="name">Oxford</span></span></div>
<div class="ea-chip" data-search="440 westbury"><span class="dot" style="background:#b08048"></span><span><span class="code">440</span> <span class="name">Westbury</span></span></div>
<div class="ea-chip" data-search="441 ashton"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">441</span> <span class="name">Ashton</span></span></div>
<div class="ea-chip" data-search="442 dover"><span class="dot" style="background:#a8a299"></span><span><span class="code">442</span> <span class="name">Dover</span></span></div>
<div class="ea-chip" data-search="446 carlisle"><span class="dot" style="background:#b08048"></span><span><span class="code">446</span> <span class="name">Carlisle</span></span></div>
<div class="ea-chip" data-search="447 andover"><span class="dot" style="background:#a8a299"></span><span><span class="code">447</span> <span class="name">Andover</span></span></div>
<div class="ea-chip" data-search="448 stafford"><span class="dot" style="background:#b08048"></span><span><span class="code">448</span> <span class="name">Stafford</span></span></div>
<div class="ea-chip" data-search="449 chadwick"><span class="dot" style="background:#b08048"></span><span><span class="code">449</span> <span class="name">Chadwick</span></span></div>
<div class="ea-chip" data-search="450 vintage pine"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">450</span> <span class="name">Vintage Pine</span></span></div>
<div class="ea-chip" data-search="453 dark pine"><span class="dot" style="background:#6a4628"></span><span><span class="code">453</span> <span class="name">Dark Pine</span></span></div>
<div class="ea-chip" data-search="470 rustic"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">470</span> <span class="name">Rustic</span></span></div>
<div class="ea-chip" data-search="471 fleur de lis"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">471</span> <span class="name">Fleur De Lis</span></span></div>
<div class="ea-chip" data-search="471c cider"><span class="dot" style="background:#8a5a34"></span><span><span class="code">471C</span> <span class="name">Cider</span></span></div>
<div class="ea-chip" data-search="474 cinnamon"><span class="dot" style="background:#9a5a30"></span><span><span class="code">474</span> <span class="name">Cinnamon</span></span></div>
<div class="ea-chip" data-search="480 chestnut brown"><span class="dot" style="background:#5e3620"></span><span><span class="code">480</span> <span class="name">Chestnut Brown</span></span></div>
<div class="ea-chip" data-search="490 chocolate"><span class="dot" style="background:#3a2516"></span><span><span class="code">490</span> <span class="name">Chocolate</span></span></div>
<div class="ea-chip" data-search="492 almond"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">492</span> <span class="name">Almond</span></span></div>
<div class="ea-chip" data-search="508 terra"><span class="dot" style="background:#8a5a34"></span><span><span class="code">508</span> <span class="name">Terra</span></span></div>
<div class="ea-chip" data-search="512 tiger's eye"><span class="dot" style="background:#8a5a34"></span><span><span class="code">512</span> <span class="name">Tiger's Eye</span></span></div>
<div class="ea-chip" data-search="530 chinoiserie"><span class="dot" style="background:#8a5a34"></span><span><span class="code">530</span> <span class="name">Chinoiserie</span></span></div>
<div class="ea-chip" data-search="530g chinoiserie gold"><span class="dot" style="background:#a8703c"></span><span><span class="code">530G</span> <span class="name">Chinoiserie Gold</span></span></div>
<div class="ea-chip" data-search="538 abbey"><span class="dot" style="background:#8a5a34"></span><span><span class="code">538</span> <span class="name">Abbey</span></span></div>
<div class="ea-chip" data-search="559 angelica"><span class="dot" style="background:#b08048"></span><span><span class="code">559</span> <span class="name">Angelica</span></span></div>
<div class="ea-chip" data-search="570 belmont"><span class="dot" style="background:#7a5230"></span><span><span class="code">570</span> <span class="name">Belmont</span></span></div>
<div class="ea-chip" data-search="571 hazelnut"><span class="dot" style="background:#b08048"></span><span><span class="code">571</span> <span class="name">Hazelnut</span></span></div>
<div class="ea-chip" data-search="578 butter nut"><span class="dot" style="background:#d8c060"></span><span><span class="code">578</span> <span class="name">Butter Nut</span></span></div>
<div class="ea-chip" data-search="583 java"><span class="dot" style="background:#2a1c12"></span><span><span class="code">583</span> <span class="name">Java</span></span></div>
<div class="ea-chip" data-search="605 water lily"><span class="dot" style="background:#a8703c"></span><span><span class="code">605</span> <span class="name">Water Lily</span></span></div>
<div class="ea-chip" data-search="606 hand-decorated"><span class="dot" style="background:#b08048"></span><span><span class="code">606</span> <span class="name">Hand-Decorated</span></span></div>
<div class="ea-chip" data-search="607 seafoam"><span class="dot" style="background:#7a9a8a"></span><span><span class="code">607</span> <span class="name">Seafoam</span></span></div>
<div class="ea-chip" data-search="609 bard red"><span class="dot" style="background:#7a2420"></span><span><span class="code">609</span> <span class="name">Bard Red</span></span></div>
<div class="ea-chip" data-search="610 cotton"><span class="dot" style="background:#efe9dd"></span><span><span class="code">610</span> <span class="name">Cotton</span></span></div>
<div class="ea-chip" data-search="612 charcoal"><span class="dot" style="background:#33312e"></span><span><span class="code">612</span> <span class="name">Charcoal</span></span></div>
<div class="ea-chip" data-search="613 cinder"><span class="dot" style="background:#4a4642"></span><span><span class="code">613</span> <span class="name">Cinder</span></span></div>
<div class="ea-chip" data-search="619 white"><span class="dot" style="background:#efe9df"></span><span><span class="code">619</span> <span class="name">White</span></span></div>
<div class="ea-chip" data-search="622 antique black"><span class="dot" style="background:#1c1714"></span><span><span class="code">622</span> <span class="name">Antique Black</span></span></div>
<div class="ea-chip" data-search="626 black satin"><span class="dot" style="background:#1c1714"></span><span><span class="code">626</span> <span class="name">Black Satin</span></span></div>
<div class="ea-chip" data-search="627 creme"><span class="dot" style="background:#ece2cf"></span><span><span class="code">627</span> <span class="name">Creme</span></span></div>
<div class="ea-chip" data-search="630 linen"><span class="dot" style="background:#e8dfcc"></span><span><span class="code">630</span> <span class="name">Linen</span></span></div>
<div class="ea-chip" data-search="645 raven"><span class="dot" style="background:#26211c"></span><span><span class="code">645</span> <span class="name">Raven</span></span></div>
<div class="ea-chip" data-search="647 brittany"><span class="dot" style="background:#b08048"></span><span><span class="code">647</span> <span class="name">Brittany</span></span></div>
<div class="ea-chip" data-search="652 swedish home ink"><span class="dot" style="background:#22283a"></span><span><span class="code">652</span> <span class="name">Swedish Home Ink</span></span></div>
<div class="ea-chip" data-search="656 gardenia"><span class="dot" style="background:#b08048"></span><span><span class="code">656</span> <span class="name">Gardenia</span></span></div>
<div class="ea-chip" data-search="657 swedish home blue"><span class="dot" style="background:#3a4a6a"></span><span><span class="code">657</span> <span class="name">Swedish Home Blue</span></span></div>
<div class="ea-chip" data-search="658 glacier"><span class="dot" style="background:#9ab0b0"></span><span><span class="code">658</span> <span class="name">Glacier</span></span></div>
<div class="ea-chip" data-search="659 carbon"><span class="dot" style="background:#2b2b2b"></span><span><span class="code">659</span> <span class="name">Carbon</span></span></div>
<div class="ea-chip" data-search="662 french gray"><span class="dot" style="background:#8a847c"></span><span><span class="code">662</span> <span class="name">French Gray</span></span></div>
<div class="ea-chip" data-search="662w whad soft maple"><span class="dot" style="background:#6a4628"></span><span><span class="code">662W</span> <span class="name">Whad Soft Maple</span></span></div>
<div class="ea-chip" data-search="667 denim blue"><span class="dot" style="background:#3a4a6a"></span><span><span class="code">667</span> <span class="name">Denim Blue</span></span></div>
<div class="ea-chip" data-search="668 forest green"><span class="dot" style="background:#2e4030"></span><span><span class="code">668</span> <span class="name">Forest Green</span></span></div>
<div class="ea-chip" data-search="669 cranberry"><span class="dot" style="background:#6e2226"></span><span><span class="code">669</span> <span class="name">Cranberry</span></span></div>
<div class="ea-chip" data-search="670 antique white"><span class="dot" style="background:#efe9df"></span><span><span class="code">670</span> <span class="name">Antique White</span></span></div>
<div class="ea-chip" data-search="688 hunter green"><span class="dot" style="background:#2a3c2a"></span><span><span class="code">688</span> <span class="name">Hunter Green</span></span></div>
<div class="ea-chip" data-search="689 bone white"><span class="dot" style="background:#efe9df"></span><span><span class="code">689</span> <span class="name">Bone White</span></span></div>
<div class="ea-chip" data-search="690 vanilla"><span class="dot" style="background:#ecdfc2"></span><span><span class="code">690</span> <span class="name">Vanilla</span></span></div>
<div class="ea-chip" data-search="695 fire engine"><span class="dot" style="background:#8a5a34"></span><span><span class="code">695</span> <span class="name">Fire Engine</span></span></div>
<div class="ea-chip" data-search="696 navy blue"><span class="dot" style="background:#22304a"></span><span><span class="code">696</span> <span class="name">Navy Blue</span></span></div>
<div class="ea-chip" data-search="697 butter yellow"><span class="dot" style="background:#d8b24a"></span><span><span class="code">697</span> <span class="name">Butter Yellow</span></span></div>
<div class="ea-chip" data-search="698 periwinkle"><span class="dot" style="background:#22283a"></span><span><span class="code">698</span> <span class="name">Periwinkle</span></span></div>
<div class="ea-chip" data-search="741 piccolo"><span class="dot" style="background:#7a5230"></span><span><span class="code">741</span> <span class="name">Piccolo</span></span></div>
<div class="ea-chip" data-search="743 mirrored piccolo"><span class="dot" style="background:#7a2420"></span><span><span class="code">743</span> <span class="name">Mirrored Piccolo</span></span></div>
<div class="ea-chip" data-search="748 robins egg blue"><span class="dot" style="background:#3a4a6a"></span><span><span class="code">748</span> <span class="name">Robins Egg Blue</span></span></div>
<div class="ea-chip" data-search="750 cirrus white"><span class="dot" style="background:#efe9df"></span><span><span class="code">750</span> <span class="name">Cirrus White</span></span></div>
<div class="ea-chip" data-search="758 weathered black"><span class="dot" style="background:#1c1714"></span><span><span class="code">758</span> <span class="name">Weathered Black</span></span></div>
<div class="ea-chip" data-search="761 timeworn black"><span class="dot" style="background:#1c1714"></span><span><span class="code">761</span> <span class="name">Timeworn Black</span></span></div>
<div class="ea-chip" data-search="775 v. mahogany flat swan"><span class="dot" style="background:#5a2618"></span><span><span class="code">775</span> <span class="name">V. Mahogany Flat Swan</span></span></div>
<div class="ea-chip" data-search="776 poppyseed"><span class="dot" style="background:#7a2e22"></span><span><span class="code">776</span> <span class="name">Poppyseed</span></span></div>
<div class="ea-chip" data-search="790 v. mahogany flat swan"><span class="dot" style="background:#5a2618"></span><span><span class="code">790</span> <span class="name">V. Mahogany Flat Swan</span></span></div>
<div class="ea-chip" data-search="793 v. mahogany flat swan"><span class="dot" style="background:#5a2618"></span><span><span class="code">793</span> <span class="name">V. Mahogany Flat Swan</span></span></div>
<div class="ea-chip" data-search="794 v. mahogany flat swan"><span class="dot" style="background:#5a2618"></span><span><span class="code">794</span> <span class="name">V. Mahogany Flat Swan</span></span></div>
<div class="ea-chip" data-search="871 bermuda chair"><span class="dot" style="background:#7a5230"></span><span><span class="code">871</span> <span class="name">Bermuda Chair</span></span></div>
<div class="ea-chip" data-search="872 berwick"><span class="dot" style="background:#7a5230"></span><span><span class="code">872</span> <span class="name">Berwick</span></span></div>
<div class="ea-chip" data-search="873 palm grove"><span class="dot" style="background:#a8703c"></span><span><span class="code">873</span> <span class="name">Palm Grove</span></span></div>
<div class="ea-chip" data-search="874 fiji"><span class="dot" style="background:#a8703c"></span><span><span class="code">874</span> <span class="name">Fiji</span></span></div>
<div class="ea-chip" data-search="906 finish"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">906</span> <span class="name">Finish</span></span></div>
<div class="ea-chip" data-search="940 cream"><span class="dot" style="background:#ece2cf"></span><span><span class="code">940</span> <span class="name">Cream</span></span></div>
<div class="ea-chip" data-search="941 honey"><span class="dot" style="background:#cf9a4e"></span><span><span class="code">941</span> <span class="name">Honey</span></span></div>
<div class="ea-chip" data-search="942 truffle"><span class="dot" style="background:#4e3a2c"></span><span><span class="code">942</span> <span class="name">Truffle</span></span></div>
<div class="ea-chip" data-search="943 acorn"><span class="dot" style="background:#6a4528"></span><span><span class="code">943</span> <span class="name">Acorn</span></span></div>
<div class="ea-chip" data-search="944 sedona"><span class="dot" style="background:#a05a34"></span><span><span class="code">944</span> <span class="name">Sedona</span></span></div>
<div class="ea-chip" data-search="945 northwood"><span class="dot" style="background:#6a4628"></span><span><span class="code">945</span> <span class="name">Northwood</span></span></div>
<div class="ea-chip" data-search="946 black"><span class="dot" style="background:#1c1714"></span><span><span class="code">946</span> <span class="name">Black</span></span></div>
<div class="ea-chip" data-search="950 parchment"><span class="dot" style="background:#e6dcc6"></span><span><span class="code">950</span> <span class="name">Parchment</span></span></div>
<div class="ea-chip" data-search="951 puritan select"><span class="dot" style="background:#b08048"></span><span><span class="code">951</span> <span class="name">Puritan Select</span></span></div>
<div class="ea-chip" data-search="952 cambridge"><span class="dot" style="background:#6a4628"></span><span><span class="code">952</span> <span class="name">Cambridge</span></span></div>
<div class="ea-chip" data-search="953 sienna select"><span class="dot" style="background:#9c5a32"></span><span><span class="code">953</span> <span class="name">Sienna Select</span></span></div>
<div class="ea-chip" data-search="954 manor select"><span class="dot" style="background:#9a6a3a"></span><span><span class="code">954</span> <span class="name">Manor Select</span></span></div>
<div class="ea-chip" data-search="955 woodcliff"><span class="dot" style="background:#6a4628"></span><span><span class="code">955</span> <span class="name">Woodcliff</span></span></div>
<div class="ea-chip" data-search="956 ebony"><span class="dot" style="background:#1a140f"></span><span><span class="code">956</span> <span class="name">Ebony</span></span></div>
<div class="ea-chip" data-search="c10 geranium"><span class="dot" style="background:#9a3024"></span><span><span class="code">C10</span> <span class="name">Geranium</span></span></div>
<div class="ea-chip" data-search="c11 raspberry"><span class="dot" style="background:#8a2a3a"></span><span><span class="code">C11</span> <span class="name">Raspberry</span></span></div>
<div class="ea-chip" data-search="c20 tangerine"><span class="dot" style="background:#c87434"></span><span><span class="code">C20</span> <span class="name">Tangerine</span></span></div>
<div class="ea-chip" data-search="c30 sunflower"><span class="dot" style="background:#d8a838"></span><span><span class="code">C30</span> <span class="name">Sunflower</span></span></div>
<div class="ea-chip" data-search="c40 apple green"><span class="dot" style="background:#3a5a34"></span><span><span class="code">C40</span> <span class="name">Apple Green</span></span></div>
<div class="ea-chip" data-search="c50 kelly green"><span class="dot" style="background:#3a5a34"></span><span><span class="code">C50</span> <span class="name">Kelly Green</span></span></div>
<div class="ea-chip" data-search="c60 turquoise"><span class="dot" style="background:#2a6a6a"></span><span><span class="code">C60</span> <span class="name">Turquoise</span></span></div>
<div class="ea-chip" data-search="c61 chambray blue"><span class="dot" style="background:#3a4a6a"></span><span><span class="code">C61</span> <span class="name">Chambray Blue</span></span></div>
<div class="ea-chip" data-search="c70 marine blue"><span class="dot" style="background:#3a4a6a"></span><span><span class="code">C70</span> <span class="name">Marine Blue</span></span></div>
<div class="ea-chip" data-search="c71 ink"><span class="dot" style="background:#22283a"></span><span><span class="code">C71</span> <span class="name">Ink</span></span></div>
<div class="ea-chip" data-search="c91 dove gray"><span class="dot" style="background:#8a847c"></span><span><span class="code">C91</span> <span class="name">Dove Gray</span></span></div>
</div>
<div class="ea-empty">No finishes match your search. Try a different name or code.</div>
</div>
</section>
</main>
<!-- ===================== FOOTER ===================== -->
<footer class="site-footer">
<div class="grain-overlay"></div>
<div class="container">
<div class="footer-top">
<div class="footer-brand">
<a class="nav-logo" href="index.html" aria-label="Touch Up Solutions home">
<img class="logo-img" src="tuslogo.png" alt="Touch Up Solutions" width="280" height="165" />
</a>
<p class="tagline">Manufacturing, Distributing, Selling, and Supporting quality touch up and repair.</p>
<div class="social-row">
<a href="https://www.facebook.com/touchupsolutions/" target="_blank" rel="noopener" aria-label="Facebook"><svg viewBox="0 0 24 24"><path d="M14 9h3l.5-3H14V4.2c0-.8.3-1.2 1.4-1.2H17.5V.2C17.1.1 16 0 14.9 0 12.4 0 11 1.4 11 4v2H8v3h3v9h3V9z"/></svg></a>
<a href="https://twitter.com/touchupsolution" target="_blank" rel="noopener" aria-label="Twitter / X"><svg viewBox="0 0 24 24"><path d="M18.2 2H21l-6.4 7.3L22 22h-6l-4.7-6.2L5.8 22H3l6.9-7.9L2 2h6.2l4.3 5.7L18.2 2zm-2.1 18h1.7L7.9 3.8H6.1L16.1 20z"/></svg></a>
<a href="https://www.pinterest.com/troypait/touch-up-solutions/" target="_blank" rel="noopener" aria-label="Pinterest"><svg viewBox="0 0 24 24"><path d="M12 0C5.4 0 2 4.4 2 9.1c0 2.2 1.2 4.9 3.1 5.8.3.1.4 0 .5-.3l.4-1.5c0-.2 0-.3-.1-.5-.6-.7-1-1.9-1-3 0-2.9 2.2-5.7 5.7-5.7 3.1 0 5.3 2.1 5.3 5.1 0 3.4-1.7 5.8-4 5.8-1.2 0-2.2-1-1.9-2.3.3-1.5 1-3.1 1-4.2 0-1-.5-1.8-1.6-1.8-1.3 0-2.3 1.3-2.3 3.1 0 1.1.4 1.9.4 1.9l-1.5 6.3c-.4 1.8-.1 4.1 0 4.3 0 .1.2.2.3.1.1-.1 1.9-2.3 2.4-4.5l1-3.7c.5.9 1.8 1.6 3.2 1.6 4.2 0 7.1-3.8 7.1-9C22 3.9 18.4 0 12 0z"/></svg></a>
<a href="https://www.youtube.com/user/touchupsolutions/featured" target="_blank" rel="noopener" aria-label="YouTube"><svg viewBox="0 0 24 24"><path d="M23 7.5c-.3-1.1-1-1.8-2.1-2.1C19 5 12 5 12 5s-7 0-8.9.4C2 5.7 1.3 6.4 1 7.5.6 9.4.6 12 .6 12s0 2.6.4 4.5c.3 1.1 1 1.8 2.1 2.1C5 19 12 19 12 19s7 0 8.9-.4c1.1-.3 1.8-1 2.1-2.1.4-1.9.4-4.5.4-4.5s0-2.6-.4-4.5zM9.7 15.4V8.6l6 3.4-6 3.4z"/></svg></a>
<a href="https://www.instagram.com/touchupsolutions/" target="_blank" rel="noopener" aria-label="Instagram"><svg viewBox="0 0 24 24"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.3 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.3 1 .4 2.2.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.3 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1 .3-2.2.4-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.3-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.2-.4-.3-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1-.3 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zM12 0C8.7 0 8.3 0 7 .1 5.7.1 4.8.3 4.1.6c-.8.3-1.4.7-2.1 1.4C1.3 2.7.9 3.3.6 4.1.3 4.8.1 5.7.1 7 0 8.3 0 8.7 0 12s0 3.7.1 5c0 1.3.2 2.2.5 2.9.3.8.7 1.4 1.4 2.1.7.7 1.3 1.1 2.1 1.4.7.3 1.6.5 2.9.5 1.3.1 1.7.1 5 .1s3.7 0 5-.1c1.3 0 2.2-.2 2.9-.5.8-.3 1.4-.7 2.1-1.4.7-.7 1.1-1.3 1.4-2.1.3-.7.5-1.6.5-2.9.1-1.3.1-1.7.1-5s0-3.7-.1-5c0-1.3-.2-2.2-.5-2.9-.3-.8-.7-1.4-1.4-2.1-.7-.7-1.3-1.1-2.1-1.4-.7-.3-1.6-.5-2.9-.5C15.7 0 15.3 0 12 0zm0 5.8a6.2 6.2 0 1 0 0 12.4 6.2 6.2 0 0 0 0-12.4zm0 10.2a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.4-10.5a1.4 1.4 0 1 1-2.9 0 1.4 1.4 0 0 1 2.9 0z"/></svg></a>
</div>
</div>
<div class="footer-col">
<h5>Here to Help</h5>
<ul>
<li><a href="resources.html#faq">FAQs</a></li>
<li><a href="resources.html">Shipping</a></li>
<li><a href="resources.html">Terms & Conditions</a></li>
</ul>
</div>
<div class="footer-col">
<h5>Get Introduced</h5>
<ul>
<li><a href="resources.html">About Us</a></li>
<li><a href="resources.html">Contact Us</a></li>
<li><a href="#">My Account</a></li>
<li><a href="#">Sign In</a></li>
<li><a href="#">View Cart</a></li>
<li><a href="#">Order Status</a></li>
</ul>
</div>
<div class="footer-col footer-news">
<h5>Newsletter Sign Up</h5>
<p>Stay updated on new products and How To guides.</p>
<form class="news-form">
<input type="email" placeholder="Your email" aria-label="Email address" required />
<button class="btn btn--primary btn--sm" type="submit">Subscribe</button>
</form>
</div>
</div>
<div class="footer-bottom">
<span>© 2026 Touch Up Solutions</span>
<span class="legal"><a href="#">Privacy Notice</a><a href="#">Cookies</a></span>
</div>
</div>
</footer>
<!-- ===================== CART DRAWER ===================== -->
<div class="cart-overlay" data-cart-overlay></div>
<aside class="cart-drawer" data-cart-drawer aria-label="Shopping cart">
<div class="cart-head">
<h3>Your Cart</h3>
<button class="cart-close" data-cart-close aria-label="Close cart">×</button>
</div>
<div class="cart-items" data-cart-items></div>
<div class="cart-foot">
<div class="cart-subtotal"><span>Subtotal</span><span data-cart-subtotal>$0.00</span></div>
<p class="cart-note">Shipping & tax calculated at checkout.</p>
<a class="btn btn--primary btn--block" href="checkout.html">Checkout</a>
<button class="btn btn--secondary btn--block" data-cart-close>Continue Shopping</button>
</div>
</aside>
<div class="toast" data-toast role="status" aria-live="polite"></div>
<script src="products.js"></script>
<script src="script.js"></script>
</body>
</html>