PageSourceSearch

https://hatlaunch.com/

html hatlaunch.com collected 2026-10-06 22:38:51 UTC 167,748 bytes, 3,513 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
6    <meta name="robots" content="index, follow">
7            <meta name="description" content="HatLaunch creates high quality headwear for America's businesses large or small. We are a family owned and operated custom hat shop. We are the easiest, best priced, and highest quality online custom hat source out there! Give us a shot today.">
8            <meta name="keywords" content="Custom Flexfit hats, Custom embroidered hats, Custom Richardson Hats, Richardson Hats, Richardson, FlexFit, Yupoong, Trucker, Snapback, Fitted, Embroidery, Embroidered, custom embroidered hats, custom patches, personalized hats, hat embroidery services, business logo hats, promotional hats, custom caps, hat design">
9            <meta property="og:title" content="HatLaunch - High Quality Custom Headwear, Caps, Hats, Beanies - Snapbacks, Trucker, Fitted & More! Customized in the USA." />
10            <meta property="og:url" content="https://www.hatlaunch.com/" />
11            <meta property="og:image" content="https://d21saq7hdx33e1.cloudfront.net/og.jpg" />
12
13    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8N6N_IKQHi9DuvUWpMo6oL3jtlXWcpvOHDrP4oX0l7o14IgBiuX6-oR0YFNexrr4pBdnFxhTiN8IxM79HxD3f2vLYwGF1eaixGvqHsgc86Ru7GcPwpelU6gylFYwwQAbLnTbfpGZ8taoDDZwaOFsKG8" />
14
15    <link rel="apple-touch-icon" sizes="180x180" href="https://d21saq7hdx33e1.cloudfront.net/Icons/apple-touch-icon.png">
16    <link rel="icon" type="image/png" sizes="32x32" href="https://d21saq7hdx33e1.cloudfront.net/Icons/favicon-32x32.png">
17    <link rel="icon" type="image/png" sizes="16x16" href="https://d21saq7hdx33e1.cloudfront.net/Icons/favicon-16x16.png">
18    <link rel="icon" type="image/x-icon" sizes="40x40" href="https://d21saq7hdx33e1.cloudfront.net/Icons/favicon.ico">
19    <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800" rel="stylesheet">
20    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
21    <title>HatLaunch - Custom Hats, Fitted Hats, Snapback Hats &amp; More!</title>
22
23    <link rel="stylesheet" href="/css/Checkout.css?v=orN7JgP2iZCHwWYn7mPGeC3U9cQ58iX4dgglNEU00fE" />
24    <link rel="stylesheet" href="/css/site.css?v=yNJkwdBziQ9UT0iJ4jzK6dlsNKR6HFtnSrT-ChNBvY8" />
25    <link rel="stylesheet" href="/css/PagedList.css" />
26
27    <link rel="stylesheet" href="/lib/jquery-ui/dist/themes/base/jquery-ui.min.css" />
28    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css" />
29    
29<script src="/lib/jquery/dist/jquery.js"></script>
29
30    
30<script src="/lib/jquery-ui/dist/jquery-ui.js"></script>
30
31    
31<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js"></script>
31
32
33
34
35
36    
36<script src="/js/User.js?v=80OAqWYeGChfj-j3nrNhybKCapqlqdDGEbv1DqlybpY"></script>
36
37    
37<script src="/js/CommonFunctions.js?v=76VfX2IiXEtRzMNGDiTBMt5SUGtmBQ45etjIpEPx0Vg"></script>
37
38    
38<script src="/js/Bulk.js?v=mt3AicYHJWusn9scy4T9jayvvJJ3c1Ey1LOFgx1UKC4"></script>
38
39    
39<script src="/js/Dashboard.js?v=z6ATaQnWeYmMpVa7ZI-ggsxEE4zZ7f6GYXWn_KIh47k"></script>
39
40    
40<script src="/js/Checkout.js?v=PRY1MM_0NT0DNoj5gnnJXmIgypLLCNO3M5aAKmX0ruM"></script>
40    
41
42    <style type="text/css">
43        /* IDs are kept on the wrappers (other rules hide #footer/#termsFooter on
44           dashboard pages), so these selectors carry the ID to beat the legacy
45           #footer styles in site.css. */
46        #footer.hl-footer {
47            background: #f8f8f6;
48            border-top: 4px solid #39b91c;
49            font-family: Montserrat, -apple-system, BlinkMacSystemFont, sans-serif;
50            display: block;   /* legacy #footer is flex */
51            clear: both;
52            width: 100%;
53        }
54        #footer.hl-footer ul { list-style: none; margin: 0; padding: 0; }
55        #footer.hl-footer ul li { margin: 0; }   /* legacy #footer ul li { margin:10px } */
56        #footer.hl-footer .hl-footer-inner { max-width: 1300px; margin: 0 auto; padding: 52px 32px 8px; }
57
58        #footer.hl-footer .hl-footer-brand {
59            display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;
60            gap: 20px; padding-bottom: 34px; margin-bottom: 38px; border-bottom: 1px solid #e5e5e0;
61        }
62        #footer.hl-footer .hl-footer-brand-left { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
63        #footer.hl-footer .hl-footer-logo { height: 34px; width: auto; display: block; }
64        #footer.hl-footer .hl-footer-divider { height: 34px; width: 1px; background: #d3d1c7; }
65        #footer.hl-footer .hl-footer-tagline { font-size: 15px; color: #7f7f7f; max-width: 360px; line-height: 1.5; }
66        #footer.hl-footer .hl-footer-usa { height: 58px; }
67
68        #footer.hl-footer .hl-footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px; margin-bottom: 44px; }
69        #footer.hl-footer .hl-footer-grid-2 { margin-bottom: 0; padding-bottom: 46px; }
70
71        #footer.hl-footer .hl-fhead {
72            margin: 0 0 16px; font-size: 14px; font-weight: 800; text-transform: uppercase;
73            letter-spacing: .05em; color: #39b91c; line-height: 1.2;
74        }
75        #footer.hl-footer .hl-flist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
76        #footer.hl-footer .hl-flink {
77            color: #7f7f7f; font-size: 14.5px; text-decoration: none; line-height: 1.35;
78            transition: color .15s ease, padding-left .15s ease;
79        }
80        #footer.hl-footer .hl-flink:hover { color: #39b91c; padding-left: 4px; }
81
82        /* sweepstakes card */
83        #footer.hl-footer .hl-sweep {
84            background: linear-gradient(155deg, #39b91c 0%, #22790f 100%);
85            border-radius: 12px; padding: 20px; color: #fff;
86            box-shadow: 0 6px 18px rgba(34,121,15,.25); display: flex; flex-direction: column; gap: 10px;
87        }
88        #footer.hl-footer .hl-sweep-eyebrow { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; color: #e5f6e0; }
89        #footer.hl-footer .hl-sweep-title { font-size: 22px; font-weight: 800; line-height: 1.05; text-transform: uppercase; }
90        #footer.hl-footer .hl-sweep-prize { background: rgba(255,255,255,.12); border-radius: 8px; padding: 8px; display: flex; align-items: center; gap: 10px; }
91        #footer.hl-footer .hl-sweep-thumb { width: 82px; height: 60px; flex: 0 0 auto; border-radius: 6px; overflow: hidden; background: rgba(255,255,255,.9); }
92        #footer.hl-footer .hl-sweep-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
93        #footer.hl-footer .hl-sweep-prize-copy { line-height: 1.15; }
94        #footer.hl-footer .hl-sweep-prize-eyebrow { display: block; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; color: #e5f6e0; }
95        #footer.hl-footer .hl-sweep-prize-name { display: block; font-size: 16px; font-weight: 800; }
96        #footer.hl-footer .hl-sweep-prize-sub { display: block; font-size: 12px; color: rgba(255,255,255,.85); }
97        #footer.hl-footer .hl-sweep-copy { margin: 0; font-size: 13px; line-height: 1.45; color: rgba(255,255,255,.92); }
98        #footer.hl-footer .hl-sweep-cta {
99            margin-top: 2px; align-self: flex-start; background: #f9722b; color: #fff; font-weight: 800;
100            text-transform: uppercase; letter-spacing: .03em; font-size: 14px; padding: 11px 22px;
101            border-radius: 5px; text-decoration: none; box-shadow: 0 5px 15px rgba(249,114,43,.45);
102        }
103        #footer.hl-footer .hl-sweep-cta:hover { color: #fff; }
104
105        /* socials */
106        #footer.hl-footer .hl-socrow { display: flex; flex-wrap: wrap; gap: 10px; }
107        #footer.hl-footer .hl-soc {
108            width: 44px; height: 44px; border-radius: 999px; display: inline-flex; align-items: center;
109            justify-content: center; background: #fff; color: #2a2a2a; border: 1px solid #e5e5e0;
110            text-decoration: none; transition: all .15s ease;
111        }
112        #footer.hl-footer .hl-soc svg { width: 20px; height: 20px; fill: currentColor; }
113        #footer.hl-footer .hl-soc:hover { color: #fff; transform: translateY(-2px); }
114        #footer.hl-footer .hl-soc.ig:hover { background: #d6249f; border-color: #d6249f; }
115        #footer.hl-footer .hl-soc.fb:hover { background: #1877f2; border-color: #1877f2; }
116        #footer.hl-footer .hl-soc.tt:hover { background: #010101; border-color: #010101; }
117        #footer.hl-footer .hl-footer-subscribe { margin-top: 18px; max-width: 340px; }
118
119        /* terms strip */
120        #termsFooter.hl-terms {
121            border-top: 1px solid #e5e5e0; background: #f1efe8; font-family: Montserrat, sans-serif;
122            display: block; padding-bottom: 0; width: 100%;   /* legacy is a centered flex column */
123        }
124        #termsFooter.hl-terms .hl-terms-inner {
125            max-width: 1300px; margin: 0 auto; padding: 18px 32px; display: flex;
126            justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; font-size: 13px;
127        }
128        #termsFooter.hl-terms .hl-terms-links { display: flex; gap: 22px; flex-wrap: wrap; }
129        #termsFooter.hl-terms #termsFooter.hl-terms .hl-terms-inner a { color: #7f7f7f; text-decoration: none; }
130        #termsFooter.hl-terms #termsFooter.hl-terms .hl-terms-inner a:hover { color: #39b91c; }
131        #termsFooter.hl-terms .hl-terms-right { display: flex; gap: 18px; align-items: center; color: #7f7f7f; flex-wrap: wrap; }
132        #termsFooter.hl-terms .hl-terms-emplogin { font-weight: 700; }
133
134        @media only screen and (max-width: 1000px) {
135            #footer.hl-footer .hl-footer-grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
136        }
137        @media only screen and (max-width: 600px) {
138            #footer.hl-footer .hl-footer-inner { padding: 36px 20px 8px; }
139            #footer.hl-footer .hl-footer-grid { grid-template-columns: 1fr; }
140            #termsFooter.hl-terms .hl-terms-inner { padding: 16px 20px; justify-content: flex-start; }
141            #footer.hl-footer .hl-footer-tagline { max-width: none; }
142        }
143    </style>
144
145        <style type="text/css">
146            .slShow {
147            display: none !important;
148            }
149
150            .hlShow {
151            }
152        </style>
153        
153<script type="text/javascript">
154            var AppName = 'HL';
155        </script>
155
156        <noscript>
157            <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=450717395469044&ev=PageView&noscript=1" />
158        </noscript>
159        
159<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=SuXyBz"></script>
vendor: 73 bytes, lines 159-160
159
160        <script async src="https://www.googletagmanager.com/gtag/js?id=
160G-PFWWNCJPW5
vendor: 21 bytes, lines 160-161
160"></script>
161        
161<script id="marathon-data-pixel-script" async src="https://pixel.marathondataco.com/pixel.js?companyId=cm1p36b8u000mlug7swsq8g3a"></script>
161
162        
162<script>(function (w, d, t, r, u) { var f, n, i; w[u] = w[u] || [], f = function () { var o = { ti: "97202740", enableAutoSpaTracking: true }; o.q = w[u], w[u] = new UET(o), w[u].push("pageLoad") }, n = d.createElement(t), n.src = r, n.async = 1, n.onload = n.onreadystatechange = function () { var s = this.readyState; s && s !== "loaded" && s !== "complete" || (f(), n.onload = n.onreadystatechange = null) }, i = d.getElementsByTagName(t)[0], i.parentNode.insertBefore(n, i) })(window, document, "script", "//bat.bing.com/bat.js", "uetq");</script>
162
163
164    
164<script src="/js/AdsPixelHelper.js?v=2pQEJv5acYwpvt3N4EGILIYsN44X4c37D6bYMNIs2MM"></script>
164
165    
165<script defer type="application/javascript" src="https://guard.hatlaunch.com/s/accWxS25mnzt3/astTWnAAPdakS"></script>
165
166</head>
167<body>
168    <div id="wrapper">
169        <div id="InnerWrapperContent">
170            <div id="promoBar" onclick="$('#promoExplainer').show();" class="hlShow" style="display:none;">
171                <div id="promoBarContent" class="centerInner">
172                    HOLIDAY PROMO <span style="text-decoration:underline;">6 FREE BEANIES</span> FOR EVERY 24 HATS PURCHASED - <span style="font-size:12px;">click for info</span>
173                </div>
174            </div>
175            <div id="header">
176                <div id="headerInner">
177                    <div id="logo">
178                            <a href="/" class="hlShow"><img src="https://d21saq7hdx33e1.cloudfront.net/LogoSmall.png")" alt="HatLaunch Logo" /></a>
179                    </div><!--/logo-->
180                    <div id="navigation">
181                        <div id="topMobileNavHolder">
182                                <a href="/Home"><img src="https://d21saq7hdx33e1.cloudfront.net/LogoSmall.png" class="hlShow" alt="HatLaunch small logo" /></a>
183
184                            <div id="closeMobileNav" onclick="$('#navigation').toggle('expand'); $('.subDrop').hide();">X</div>
185                        </div>
186                        <ul>
187                                <li class="noSub">
188                                    <a href="/Order" class="fullLink">Order Now</a>
189                                    <a href="/Order" class="mobileLink CTABackground" style="border-radius:0;">Order Now <span class="dropIndicator">➔</span></a>
190                                </li>
191                                    <li>
192                                        <a href="/Hats" class="fullLink hlShow">Our Hats</a>
193                                        <a href="javascript:void(0);" class="mobileLink hlShow" onclick="$('.subDrop').hide(); $(this).closest('li').find('.subDrop').slideToggle();">Our Hats<span class="dropIndicator">+</span></a>
194                                        <div class="subDrop">
195                                            <a class="subDropItem" href="/Hats/Kodo">
196                                                <div class="subDropItemInner">
197                                                    <div class="subDropItemContentHolder">
198                                                        <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Items/Kodo/markOnlyWhite.png" alt="Kodo white logo" /></div>
199                                                        <div class="subDropItemText">Kodo Caps</div>
200                                                    </div>
201                                                </div>
202                                            </a>
203                                            <a class="subDropItem" href="/Hats/Richardson">
204                                                <div class="subDropItemInner">
205                                                    <div class="subDropItemContentHolder">
206                                                        <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Items/Richardson/markOnlyWhite.png" alt="Richardson white logo" /></div>
207                                                        <div class="subDropItemText">Richardson</div>
208                                                    </div>
209                                                </div>
210                                            </a>
211                                            <a class="subDropItem" href="/Hats/FlexFit">
212                                                <div class="subDropItemInner">
213                                                    <div class="subDropItemContentHolder">
214                                                        <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Items/FlexFit/markOnlyWhite.png" alt="FlexFit white logo" /></div>
215                                                        <div class="subDropItemText">FlexFit</div>
216                                                    </div>
217                                                </div>
218                                            </a>
219                                            <a class="subDropItem" href="/Hats/Yupoong">
220                                                <div class="subDropItemInner">
221                                                    <div class="subDropItemContentHolder">
222                                                        <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Items/Yupoong/markOnlyWhite.png" alt="Yupoong white logo" /></div>
223                                                        <div class="subDropItemText">Yupoong</div>
224                                                    </div>
225                                                </div>
226                                            </a>
227                                            <a class="subDropItem" href="/Hats/Pacific">
228                                                <div class="subDropItemInner">
229                                                    <div class="subDropItemContentHolder">
230                                                        <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Items/Pacific/markOnlyWhite.png" alt="Pacific white logo" /></div>
231                                                        <div class="subDropItemText">Pacific</div>
232                                                    </div>
233                                                </div>
234                                            </a>
235                                            <a class="subDropItem" href="/Hats/USA">
236                                                <div class="subDropItemInner">
237                                                    <div class="subDropItemContentHolder">
238                                                        <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Items/USA/markOnlyWhite.png" alt="USA white logo" /></div>
239                                                        <div class="subDropItemText">Made In USA</div>
240                                                    </div>
241                                                </div>
242                                            </a>
243                                            <a class="subDropItem" href="/Hats">
244                                                <div class="subDropItemInner">
245                                                    <div class="subDropItemContentHolder">
246                                                        <div class="subDropItemText" style="width: 100%;text-align: center; background: #fff; color: #1350c1; padding: 0; border: 3px solid #1350c1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0 0 8px 8px;">
247                                                            VIEW ALL
248                                                        </div>
249                                                    </div>
250                                                </div>
251                                            </a>
252                                        </div><!--/subDrop-->
253                                    </li>
254                                    <li>
255                                        <a href="/Services" class="fullLink hlShow">Our Services</a>
256                                        <a href="javascript:void(0);" class="mobileLink hlShow" onclick="$('.subDrop').hide(); $(this).closest('li').find('.subDrop').slideToggle();">Our Services<span class="dropIndicator">+</span></a>
257                                        <div class="subDrop">
258                                            <a class="subDropItem" href="/Services/Embroidery">
259                                                <div class="subDropItemInner">
260                                                    <div class="subDropItemContentHolder">
261                                                        <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Icons/rocketIconWhite.png" alt="HatLaunch Rocket white logo" /></div>
262                                                        <div class="subDropItemText">Embroidery</div>
263                                                    </div>
264                                                </div>
265                                            </a>
266                                            <a class="subDropItem" href="/Services/LeatherPatches">
267                                                <div class="subDropItemInner">
268                                                    <div class="subDropItemContentHolder">
269                                                        <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Icons/rocketIconWhite.png" alt="Hatlaunch Rocket white logo" /></div>
270                                                        <div class="subDropItemText">Leather Patch</div>
271                                                    </div>
272                                                </div>
273                                            </a>
274                                            <a class="subDropItem" href="/Services/PVCPatches" style="display:none;">
275                                                <div class="subDropItemInner">
276                                                    <div class="subDropItemContentHolder">
277                                                        <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Icons/rocketIconWhite.png" alt="HatLaunch Rocket white logo" /></div>
278                                                        <div class="subDropItemText">PVC Patch</div>
279                                                    </div>
280                                                </div>
281                                            </a>
282                                            <a class="subDropItem" href="/Services/Partnership" style="display:none;">
283                                                <div class="subDropItemInner">
284                                                    <div class="subDropItemContentHolder">
285                                                        <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Icons/rocketIconWhite.png" alt="HatLaunch Rocket white logo" /></div>
286                                                        <div class="subDropItemText">Partner Program</div>
287                                                    </div>
288                                                </div>
289                                            </a>
290                                            <a class="subDropItem" href="/Services/ShirtLaunch" style="display:none;">
291                                                <div class="subDropItemInner">
292                                                    <div class="subDropItemContentHolder">
293                                                        <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Icons/rocketIconWhite.png" alt="HatLaunch Rocket white logo" /></div>
294                                                        <div class="subDropItemText">ShirtLaunch</div>
295                                                    </div>
296                                                </div>
297                                            </a>
298                                            <a class="subDropItem" href="/Services" style="display:none;">
299                                                <div class="subDropItemInner">
300                                                    <di class="subDropItemContentHolder">
301                                                        <div class="subDropItemText" style="width: 100%;text-align: center; background: #fff; color: #1350c1; padding: 0; border: 3px solid #1350c1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0 0 8px 8px;">
302                                                            VIEW ALL
303                                                        </div>
304                                                    </di>
305                                                </div>
306                                            </a>
307                                        </div><!--/subDrop-->
308                                    </li>
309                                <li class="noSub"><a href="/Reviews">Our Reviews</a></li>
310                                <li>
311                                    <a href="/About" class="fullLink">About Us</a>
312                                    <a href="javascript:void(0);" class="mobileLink" onclick="$('.subDrop').hide(); $(this).closest('li').find('.subDrop').slideToggle();">About Us<span class="dropIndicator">+</span></a>
313                                    <div class="subDrop">
314                                        <a class="subDropItem" href="/About/OurStory">
315                                            <div class="subDropItemInner">
316                                                <div class="subDropItemContentHolder">
317                                                    <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Icons/rocketIconWhite.png" alt="HatLaunch Rocket white logo" /></div>
318                                                    <div class="subDropItemText">Our Story</div>
319                                                </div>
320                                            </div>
321                                        </a>
322                                        <a class="subDropItem" href="/About/OurMission">
323                                            <div class="subDropItemInner">
324                                                <div class="subDropItemContentHolder">
325                                                    <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Icons/rocketIconWhite.png" alt="HatLaunch Rocket white logo" /></div>
326                                                    <div class="subDropItemText">Our Mission</div>
327                                                </div>
328                                            </div>
329                                        </a>
330                                        <a class="subDropItem" href="/About/OurPromise">
331                                            <div class="subDropItemInner">
332                                                <div class="subDropItemContentHolder">
333                                                    <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Icons/rocketIconWhite.png" alt="HatLaunch Rocket white logo" /></div>
334                                                    <div class="subDropItemText">Our Promise</div>
335                                                </div>
336                                            </div>
337                                        </a>
338                                        <a class="subDropItem" href="/About/OurTechnology" style="display:none;">
339                                            <div class="subDropItemInner">
340                                                <div class="subDropItemContentHolder">
341                                                    <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Icons/rocketIconWhite.png" alt="HatLaunch Rocket white logo" /></div>
342                                                    <div class="subDropItemText">Our Technology</div>
343                                                </div>
344                                            </div>
345                                        </a>
346                                        <a class="subDropItem" href="/About/OurTeam" style="display:none;">
347                                            <div class="subDropItemInner">
348                                                <div class="subDropItemContentHolder">
349                                                    <div class="subDropItemIcon"><img src="https://d21saq7hdx33e1.cloudfront.net/Icons/rocketIconWhite.png" alt="HatLaunch Rocket white log
349o" /></div>
350                                                    <div class="subDropItemText">Our Team</div>
351                                                </div>
352                                            </div>
353                                        </a>
354                                        <a class="subDropItem" href="/About" style="display:none;">
355                                            <div class="subDropItemInner">
356                                                <di class="subDropItemContentHolder">
357                                                    <div class="subDropItemText" style="width: 100%;text-align: center; background: #fff; color: #1350c1; padding: 0; border: 3px solid #1350c1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0 0 8px 8px;">
358                                                        VIEW ALL
359                                                    </div>
360                                                </di>
361                                            </div>
362                                        </a>
363                                    </div><!--/subDrop-->
364                                </li>
365                                <li class="noSub"><a href="/Rewards">Rewards</a></li>
366                                <li class="noSub"><a href="/FAQ">FAQ</a></li>
367                                    <li class="noSub" style="border-right:none;"><a href="/Customer/Login">Customer Login</a></li>
368                        </ul>
369                    </div><!--/navigation-->
370                    <div id="cartButtonWrapper">
371                        <div id="cartButtonHolder" onclick="$('#flyoutCart').toggle();">
372                            <div id="cartButton"><img src="https://d21saq7hdx33e1.cloudfront.net/shoppingcart.png" alt="Shopping cart icon" /></div>
373                            <div id="cartText">Your Cart</div>
374                            <div id="cartTotal">
375                                <span id="cartTotalNumber">0</span>
376                            </div>
377                            <div id="flyoutCart" style="display:none;">
378                                <table id="flyOutCardItems"><tbody></tbody></table>
379                                <a href="/Order"><input type="button" class="smallButton CTABackground" value="Continue Order"></a>
380                            </div>
381                        </div><!--cartButtonHolder-->
382                        <div id="hamburger" onclick="$('#navigation').toggle('expand');">
383                            <img src="https://d21saq7hdx33e1.cloudfront.net/hamburger.png" alt="Open navigation menu icon" />
384                        </div>
385                    </div><!--/cartButtonWrapper-->
386                </div><!--/headerInner-->
387            </div><!--/header-->
388            <div id="content">
389                
390
391<style type="text/css">
392    body {
393        overflow-x: hidden;
394    }
395
396    #content {
397        padding-top: 0;
398    }
399
400    h1, h2, h3 {
401        color: #39b91c;
402    }
403
404    h1 {
405        font-weight: 800;
406        font-size: 30px;
407    }
408
409    #promoBar {
410        display: none !important;
411    }
412
413    #header {
414        position: sticky;
415        top: 0;
416        z-index: 999;
417    }
418
419    #brands {
420        margin-bottom: 20px;
421    }
422
423    .brandLogo {
424        display: inline-block;
425        line-height: 60px;
426        vertical-align: middle;
427        height: 60px;
428        margin: 0 10px;
429    }
430
431    .brandLogo img {
432        vertical-align: middle;
433        max-height: 40px;
434    }
435
436    #mainIntro {
437        width: 100%;
438        overflow: hidden;
439        background-image: url(https://d21saq7hdx33e1.cloudfront.net/24Refresh/hatPile.jpg);
440        background-position: center;
441        background-size: cover;
442    }
443
444    #introReviewStars {
445        display: flex;
446        flex-direction: row;
447        color: #fff;
448        align-content: center;
449        align-items: center;
450    }
451
452    #introReviewStars img {
453        margin-right: 12px;
454    }
455
456    #introText {
457        color: #fff;
458        display: flex;
459        flex-direction: column;
460        align-items: center;
461    }
462
463    #introTitle h1{
464        font-size: 60px;
465        font-weight: 800;
466        text-align: center;
467        color:#fff;
468    }
469
470    #introPoints {
471        font-size: 18px;
472        font-weight: 600;
473    }
474
475    .introPoint {
476        display: flex;
477        align-items: center;
478    }
479
480    #introImage img {
481        max-height: 100%;
482        width: auto;
483    }
484
485    #introAction input.orderNowButton {
486        margin: 30px 0 0 0 !important
487    }
488
489    #introImageWrapper {
490        height: 400px;
491        display: flex;
492        align-content: center;
493        align-items: center;
494        position: relative;
495    }
496
497    #introImage {
498        margin: 0 auto;
499        width: 250px;
500        height: 200px;
501        position: relative;
502        perspective: 600px;
503    }
504
505    #yourLogoHolder {
506        position: absolute;
507        top: 60px;
508        right: -97px;
509        width: 140px;
510        z-index: 2;
511    }
512
513    #yourLogoHolder img {
514        width: 100%;
515    }
516
517    #ourHatsHolder {
518        position: absolute;
519        bottom: 40px;
520        left: -97px;
521        width: 140px;
522        z-index: 2;
523    }
524
525    #ourHatsHolder img {
526        width: 100%;
527    }
528
529    .carousel {
530        height: 100%;
531        width: 100%;
532        position: absolute;
533        transform-style: preserve-3d;
534        transition: transform 1s;
535    }
536
537    .carousel div {
538        transform-style: preserve-3d;
539    }
540
541    .sliderItem {
542        display: flex;
543        position: absolute;
544        width: 250px;
545        height: 200px;
546        line-height: 200px;
547        text-align: center;
548        transition: transform 1s;
549        align-items: center;
550        align-content: center;
551        justify-content: center;
552    }
553
554    .a {
555        transform: rotateY(0deg) translateZ(250px);
556    }
557
558
559    .b {
560        transform: rotateY(60deg) translateZ(250px) rotateY(-60deg);
561    }
562
563    .c {
564        transform: rotateY(120deg) translateZ(250px) rotateY(-120deg);
565    }
566
567    .d {
568        transform: rotateY(180deg) translateZ(250px) rotateY(-180deg);
569    }
570
571    .e {
572        transform: rotateY(240deg) translateZ(250px) rotateY(-240deg);
573    }
574
575    .f {
576        transform: rotateY(300deg) translateZ(250px) rotateY(-300deg);
577    }
578
579    #exampleWrapper {
580        display: flex;
581        flex-direction: column;
582        align-items: center;
583    }
584
585    #productListHolder {
586        width: 100%;
587    }
588
589    #productListHolderInner {
590        display: flex;
591        flex-direction: row;
592        flex-wrap: wrap;
593        justify-content: center;
594        justify-content: space-around;
595        margin-top: 20px;
596    }
597
598    #productListHolderInner a {
599        width: 23%;
600        color: #000;
601    }
602
603    .prouctLinkHolder {
604        width: auto;
605        height: auto;
606        min-height: 240px;
607        min-width: 100%;
608        border-radius: 8px;
609        background: #eee;
610        display: flex;
611        flex-direction: row;
612        overflow: hidden;
613        cursor: pointer;
614        flex-wrap: wrap;
615        margin-bottom: 10px;
616    }
617
618    .productLinkHolderInner {
619        display: flex;
620        flex-direction: column;
621        width: 100%;
622        height: 100%;
623        justify-content: space-between;
624    }
625
626    .productLinkImage {
627        height: 220px;
628        display: flex;
629        justify-content: center;
630        padding: 10px;
631    }
632
633    .productLinkImage img {
634        height: 100%;
635        max-width: 100%;
636        border-radius: 8px;
637        background: #fff;
638    }
639
640    .productLinkText {
641        font-size: 16px;
642        text-align: center;
643        padding: 10px;
644    }
645
646    .productLinkButton {
647        background: #1350c1;
648        color: #fff;
649        text-align: center;
650        padding: 20px;
651    }
652
653
654
655    #twoVideoHolder {
656        background: #000;
657        width: auto;
658        margin: 0 auto;
659        text-align: center;
660    }
661
662    #twoVideoHolder iframe {
663        display: inline-block;
664        margin: 0 auto;
665        width: 45%;
666    }
667
668    #mainIntroContent {
669        z-index: 1;
670        position: relative;
671        background: rgba(0,0,0,0.85);
672        padding: 20px;
673    }
674
675    #mainIntroContentInner {
676        display: flex;
677        justify-content: space-evenly;
678        align-items: center;
679        position: relative;
680        flex-direction: column;
681        padding: 20px;
682    }
683
684    .videoContainer {
685        position: relative;
686    }
687
688    .videoContainer video {
689        width: 100%;
690        height: 100%;
691        position: absolute;
692        object-fit: cover;
693        z-index: 0;
694    }
695
696    #brandsHolder {
697        max-width: 960px;
698        margin: 0 auto;
699    }
700
701    #brandsHolder .brandLogo img {
702        -webkit-filter: invert(1);
703        filter: invert(1);
704    }
705
706    .weTakeHeadacheOut {
707        margin: 20px auto;
708        font-weight: 800;
709        font-size: 40px;
710        max-width: 700px;
711    }
712
713    #whyHolder {
714        margin-top: 20px;
715        margin-bottom: 20px;
716    }
717
718    .whyItem {
719        display: inline-block;
720        width: 30%;
721        vertical-align: top;
722        height: 100%;
723        margin: 0 10px;
724    }
725
726    .whyItemHeader {
727        font-weight: 600;
728        background: #39b91c;
729        padding: 10px;
730        color: #fff;
731        border-radius: 12px 12px 0 0;
732        font-size: 20px;
733    }
734
735    .whyitemDetails {
736        text-align: center;
737        border-radius: 0 0 12px 12px;
738        border: 1px solid #39b91c;
739        border-top: 0;
740    }
741
742    .whyItemImg img {
743        width: 100%;
744    }
745
746    .whyitemText {
747        padding: 4px;
748    }
749
750    #dudeWipesHolder {
751        height: 50vh;
752        background: url(https://d21saq7hdx33e1.cloudfront.net/24Refresh/dudeWipesBg.jpg);
753        background-size: cover;
754        width: 100%;
755        color: #fff;
756        display: flex;
757        align-items: center;
758        justify-content: center;
759        flex-direction:row;
760        background-position:center;
761    }
762    #dudeWipesHolderInner {
763        display: flex;
764        align-items: center;
765        justify-content: center;
766        flex-direction: row;
767        max-width:1100px;
768        margin:0 auto;
769        width:100%;
770        height:100%;
771    }
772    #dudeWipesHolderLeft {
773        display: flex;
774        align-items: flex-start;
775        justify-content: center;
776        flex-direction: column;
777        width:66%;
778        height:100%;
779    }
780
781    #dudeWipesHolder #logosRow {
782        display: flex;
783        flex-direction: row;
784        align-content: center;
785        align-items: center;
786        justify-content: flex-start;
787        font-size: 32px;
788        font-weight: 400;
789        margin-top:20px;
790    }
791
792    #dudeWipesHolderLeftContent {
793        padding:0 20px ;
794
795    }
796
797    #dudeWipesHolderRight {
798        display: flex;
799        align-items: center;
800        justify-content: center;
801        flex-direction: column;
802        width:33%;
803        height:100%;
804    }
805
806    #dudeWipesCloseButton {
807        display:none;
808    }
809
810    #dudeWipesVideoHolder {
811        height: 85%;
812        width: 100%;
813        position: relative;
814    }
815    #dudeWipesHolderRight #playVideoIcon {
816        position: absolute;
817        top: -12px;
818        left: -50px;
819        z-index: 2;
820    }
821
822    #dudeWipesHolder h2 {
823        color:#fff;
824        font-size:42px;
825    }
826
827    #dudeWipesHolder p {
828        color: #fff;
829        font-size: 22px;
830    }
831
832    #reviewsHolder {
833    }
834
835    #reviewsHolderInner {
836        height: 600px;
837    }
838
839    .pageVideoContainer {
840        width: 100%;
841        max-width: 100%;
842        margin-right: auto;
843        margin-left: auto;
844        text-align: center;
845    }
846
847    .videoInnerSpacer {
848        margin: 30px auto;
849        max-width: 1100px;
850    }
851
852    .roundedCard {
853        border-radius: 20px;
854        box-shadow: 4px 5px 10px rgba(0, 0, 0, .18);
855    }
856
857    #familyPhoto {
858        background: url('https://d21saq7hdx33e1.cloudfront.net/Riverfront.jpg') bottom right no-repeat;
859        background-size: cover;
860        height: 500px;
861        overflow: hidden;
862        margin-bottom: 30px;
863        display: flex;
864        align-content: center;
865        border-radius: 20px;
866    }
867
868    #familyPhotoInner {
869        position: relative;
870    }
871
872    #familyPhotoInner img {
873        width: 300px;
874    }
875
876    #familyPhotoInner {
877        display: flex;
878        align-items: center;
879        margin-left: 40px;
880    }
881
882    #familyPhotoHolder {
883        display: inline-block;
884    }
885
886    #familyPhotoHolder img {
887        border-radius: 20px;
888    }
889
890    #familyPhotoTextHolder {
891        display: inline-block;
892        font-size: 32px;
893        font-weight: 500;
894        width: 400px;
895        padding: 20px;
896        background: rgba(255,255,255,0.8);
897        border-radius: 0 20px 20px 0;
898    }
899
900    #howItWorksInner {
901        padding-bottom: 30px;
902        text-align: center;
903    }
904
905    .howItWorksItem {
906        display: inline-flex;
907        width: 45%;
908        margin-top: 20px;
909        text-align: left;
910    }
911
912    .howItWorksItemIconHolder {
913        width: 80px;
914        display: inline-flex;
915        align-content: center;
916        justify-content: center;
917        min-width: 80px;
918    }
919
920    .howItWorksItemTextHolder {
921        display: inline-flex;
922        flex-direction: column;
923        align-content: center;
924        justify-content: center;
925    }
926
927    .howItWorksItemIcon {
928        background: #39b91c;
929        width: 50px;
930        height: 50px;
931        border-radius: 50px;
932        display: flex;
933        flex-wrap: nowrap;
934        justify-content: center;
935        align-items: center;
936    }
937
938    .howItWorksItemIcon img {
939        width: 30px;
940    }
941
942    .howItWorksItemTextStepNumber {
943        font-weight: 600;
944        font-size: 12px;
945        padding: 4px;
946        background: #39b91c;
947        border-radius: 4px;
948        color: #fff;
949        width: fit-content;
950    }
951
952    .howItWorksItemHeader {
953        font-weight: 800;
954    }
955
956    .mySlides {
957        min-height: 300px;
958    }
959
960    #iphoneMainHolder {
961        position: relative;
962        height: 1416px;
963    }
964
965    .iphoneHandHolder {
966        height: 600px;
967        width: 100%;
968        clear: both;
969        position: absolute;
970        background-size: cover;
971    }
972
973    .iphoneHandHolderInner {
974        position: relative;
975        width: 800px;
976        margin: 20px;
977    }
978
979    .iphoneTextHolder {
980        position: absolute;
981        width: 300px;
982        height: 100%;
983        z-index: 3;
984    }
985
986    .iphoneHandImageHolder {
987        width: 450px;
988        height: 600px;
989        overflow: hidden;
990        position: relative;
991        margin-left: 250px;
992    }
993
994    .iphoneHandHolder.rightSide {
995    }
996
997    .rightSide .iphoneHandHolderInner {
998        float: right;
999    }
1000
1001    .rightSide .iphoneHandImageHolder {
1002        margin-left: 0;
1003    }
1004
1005    .rightSide .iphoneTextHolder {
1006        margin-left: 450px;
1007    }
1008
1009    .rightSide .iphoneScreenImage {
1010        left: 161px !important;
1011    }
1012
1013    .iphoneHandImage {
1014        width: 100%;
1015        height: 100%;
1016        z-index: 2;
1017        position: absolute;
1018        top: 0;
1019        left: 0;
1020    }
1021
1022    .iphoneHandImage img.flipped {
1023        -webkit-transform: scaleX(-1);
1024        transform: scaleX(-1);
1025        margin-left: -150px;
1026    }
1027
1028    .iphoneScreenImage {
1029        position: absolute;
1030        left: 64px;
1031        top: 12px;
1032        border-radius: 28px;
1033        overflow: hidden;
1034        height: 486px;
1035    }
1036
1037    .iphoneHandHolder.animate .iphoneScreenImage img {
1038        transition: 6s;
1039        transition-delay: 600ms;
1040        margin-top: -300px;
1041    }
1042
1043    @media only screen and (max-width:900px) {
1044        #brandHeader {
1045            font-size: 14px;
1046        }
1047
1048        #twoVideoHolder iframe {
1049            width: 100%;
1050        }
1051
1052        #mainIntro {
1053        }
1054
1055        #productListHolderInner a {
1056            width: 48%;
1057        }
1058
1059        .productLinkImage {
1060            width: auto;
1061            height: auto;
1062        }
1063
1064        .productLinkImage img {
1065            max-width: 100%;
1066        }
1067
1068        .pageVideoContainer {
1069            width: auto;
1070            max-width: unset;
1071            margin: 10px;
1072        }
1073
1074        #familyPhoto {
1075            margin: 10px;
1076        }
1077    }
1078
1079    @media only screen and (max-width:760px) {
1080        .whyItem {
1081            width: 48%;
1082            float: left;
1083            display: block;
1084            margin: 10px 0;
1085            margin-right: 20px;
1086        }
1087
1088        #whyHolder {
1089            width: 100%;
1090            display: flex;
1091        }
1092
1093        #whyHlInner {
1094            width: auto;
1095            min-width: auto;
1096            max-width: auto;
1097            padding: 20px;
1098        }
1099
1100        .pageVideoContainer {
1101            width: auto;
1102            max-width: unset;
1103            margin: 10px;
1104        }
1105
1106        #familyPhoto {
1107            margin: 10px;
1108        }
1109
1110        #introTitle h1 {
1111            font-size: 42px;
1112        }
1113
1114        #introImage {
1115            width: 180px;
1116            height: 180px;
1117        }
1118
1119        .sliderItem {
1120            width: 180px;
1121            height: 180px;
1122        }
1123
1124        #dudeWipesHolderInner {
1125            flex-direction:column;
1126            position: relative;
1127        }
1128        #dudeWipesHolderRight {
1129            display:none;
1130            position:absolute;
1131            width:100%;
1132            height:100%;
1133            top:0;
1134            left:0;
1135            z-index:2;
1136            background: #3638d8;
1137        }
1138        #dudeWipesCloseButton {
1139            display: block;
1140            z-index:3;
1141        }
1142        #dudeWipesHolderRight.show {
1143            display: block !important;
1144        }
1145        #dudeWipesHolderRight #playVideoIcon {
1146            top:2%;
1147            left:2%;
1148        }
1149
1150        #dudeWipesVideoHolder {
1151            margin-top:2%;
1152            height:95%;
1153        }
1154        #dudeWipesHolderLeft
1155        {
1156            width:100%;
1157        }
1158        #dudeWipesHolder h2 {
1159            margin:6px;
1160            font-size:32px;
1161        }
1162        #dudeWipeSampleImage {
1163            height:100px;
1164        }
1165        #dudeWipesHolder p {
1166            font-size: 18px;
1167        }
1168        #dudeWipesHolder #logosRow {
1169            margin:6px;
1170        }
1171        #dudeWipesWatchVideoButton {
1172            display:block !important;
1173            margin-top:20px;
1174        }
1175
1176        #dudeWipesWatchVideoButton input {
1177            width:50%;
1178        }
1179    }
1180
1181    @media only screen and (max-width:550px) {
1182        h1 {
1183            font-size: 28px;
1184        }
1185
1186        #mainIntroContentInner {
1187            padding: 0 10px;
1188        }
1189
1190        #mainIntro {
1191        }
1192
1193        #introAction input.orderNowButton {
1194            margin: 10px 0 0 0 !important;
1195        }
1196
1197        #introText {
1198            align-items: flex-start;
1199        }
1200
1201        #introTitle h1 {
1202            font-size: 32px;
1203            text-align: left;
1204        }
1205
1206        #introImageWrapper {
1207            height: 340px;
1208        }
1209
1210        #introReviewStars {
1211            font-size: 14px;
1212        }
1213
1214        #introReviewStars img {
1215            width: 100px;
1216            margin-right: 6px;
1217        }
1218
1219        .videoContainer video {
1220            width: 130%;
1221            height: 130%;
1222            top: -40px;
1223        }
1224
1225        #whyHlInner {
1226            padding: 6px;
1227        }
1228
1229        .whyItem {
1230            margin-right: 5px;
1231        }
1232
1233        .whyItem:last-child {
1234            margin-right: 0;
1235        }
1236
1237        .whyItemHeader {
1238            font-size: 14px;
1239            min-height: 72px;
1240            display: flex;
1241            align-items: center;
1242        }
1243
1244        .whyitemText {
1245            font-size: 12px;
1246        }
1247
1248        .weTakeHeadacheOut {
1249            font-size: 26px;
1250        }
1251
1252        .pageVideoContainer {
1253            width: auto;
1254            max-width: unset;
1255            margin: 10px;
1256        }
1257
1258        #familyPhoto {
1259            margin: 10px;
1260        }
1261
1262        #familyPhotoInner {
1263            display: block;
1264            margin: 0;
1265        }
1266
1267        #familyPhotoHolder {
1268            display: block;
1269            margin: 30px auto;
1270            text-align: center;
1271        }
1272
1273        #familyPhotoTextHolder {
1274            width: 100%;
1275            padding: 0;
1276            position: relative;
1277            border-radius: unset;
1278            font-size: 22px;
1279        }
1280
1281        #familyPhotoTextHolderInner {
1282            padding: 20px;
1283            text-align: center;
1284        }
1285
1286        .iphoneHandHolderInner {
1287            margin: 0;
1288        }
1289
1290        #hand1 {
1291        }
1292
1293        #hand1 .iphoneHandImageHolder {
1294            margin-left: 220px;
1295        }
1296
1297        #hand2 {
1298            top: 500px !important;
1299        }
1300
1301        #hand2 .iphoneHandHolderInner {
1302            width: 740px;
1303        }
1304
1305        #hand2 .iphoneHandImageHolder {
1306            margin-left: 50px;
1307        }
1308
1309        #hand3 {
1310            top: 1000px !important;
1311        }
1312
1313        #hand3 .iphoneHandImageHolder {
1314            margin-left: 220px;
1315        }
1316
1317        .iphoneHandHolderInner .weTakeHeadacheOut {
1318            background: rgba(255,255,255,0.8);
1319            padding: 10px;
1320        }
1321
1322        .iphoneHandDescription h1 {
1323            padding: 0 10px;
1324        }
1325    }
1326</style>
1327
1328
1329
1330<script type="text/javascript">
1331    TrackPageView();
1332</script>
1332
1333
1334<script src="/js/infiniteslidev2.js"></script>
1334
1335
1336<script src="https://player.vimeo.com/api/player.js"></script>
1336
1337
1338<div id="mainIntro" class="videoContainer">
1339    <div id="mainIntroContent">
1340        <div id="mainIntroContentInner">
1341            <div id="introText">
1342                <div id="introReviewStars">
1343                    <img src="https://d21saq7hdx33e1.cloudfront.net/5starsWhite.png" /><span id="topTotalCustomers">30,000+ Customers</span>
1344                </div>
1345                <div id="introTitle">                    
1346                        <h1 class="hlShow">THE BEST CUSTOM HATS. PERIOD.</h1>
1347                </div>
1348            </div><!--/introText-->
1349            <div id="introImageWrapper">
1350                <div id="yourLogoHolder">
1351                    <img src="https://d21saq7hdx33e1.cloudfront.net/yourLogo.png" />
1352                </div>
1353                <div id="ourHatsHolder">
1354                        <img src="https://d21saq7hdx33e1.cloudfront.net/ourHats.png" class="hlShow" />
1355                    
1356                </div>
1357                <div id="introImage">
1358                        <div class="carousel">
1359                            <div class="a">
1360                                <div class="sliderItem"><img src="https://d21saq7hdx33e1.cloudfront.net/24Refresh/Product/puff.png" /></div>
1361                            </div>
1362                            <div class="b">
1363                                <div class="sliderItem"><img src="https://d21saq7hdx33e1.cloudfront.net/24Refresh/Product/leather.png" /></div>
1364                            </div>
1365                            <div class="c">
1366                                <div class="sliderItem"><img src="https://d21saq7hdx33e1.cloudfront.net/24Refresh/Product/112.png" /></div>
1367                            </div>
1368                            <div class="d">
1369                                <div class="sliderItem"><img src="https://d21saq7hdx33e1.cloudfront.net/24Refresh/Product/dadCap.png" /></div>
1370                            </div>
1371                            <div class="e">
1372                                <div class="sliderItem"><img src="https://d21saq7hdx33e1.cloudfront.net/24Refresh/Product/1122.png" /></div>
1373                            </div>
1374                            <div class="f">
1375                                <div class="sliderItem"><img src="https://d21saq7hdx33e1.cloudfront.net/24Refresh/Product/flatbill.png" /></div>
1376                            </div>
1377                        </div><!--carousel-->
1378                </div><!--/introImage-->
1379            </div><!--/introImageWrapper-->
1380            
1381            <div id="introAction">
1382                    <a href="/Order" class="hlShow"><input type="button" value="ORDER HATS NOW" class="CTABackground orderNowButton" style="margin:10px auto;" /></a>
1383               
1384            </div>
1385        </div><!--/centerInner-->
1386    </div>
1387    <div class="clear"></div>
1388</div><!--/mainINtro-->
1389
1390<div class="clear"></div>
1391
1392<div style="width: auto; background: url('https://d21saq7hdx33e1.cloudfront.net/rocketsbg.jpg') repeat #39b91c; padding: 5px 0; text-align: center; font-size:26px; color:#fff; padding:10px 0;">
1393
1394    <div id="metricsContainer">
1395        <div class="metric">
1396            <div class="metricIcon">
1397                    <img src="https://d21saq7hdx33e1.cloudfront.net/TopMetricHat.jpg" class="hlShow" />
1398            </div>
1399            <div class="metricTotal" id="totalHats">
1400                800,000
1401            </div>
1402            <div class="metricDescription">
1403                    <span class="hlShow">hats produced</span>
1404            </div>
1405        </div>
1406        <div class="metric">
1407            <div class="metricIcon">
1408                <img src="https://d21saq7hdx33e1.cloudfront.net/TopMetricBox.jpg" />
1409            </div>
1410            <div class="metricTotal" id="totalOrders">
1411                40,000
1412            </div>
1413            <div class="metricDescription">
1414                orders complete
1415            </div>
1416        </div>
1417        <div class="metric last">
1418            <div class="metricIcon">
1419                <img src="https://d21saq7hdx33e1.cloudfront.net/TopMetricSmiley.jpg" />
1420            </div>
1421            <div class="metricTotal" id="totalCustomers">
1422                30,000
1423            </div>
1424            <div class="metricDescription">
1425                total customers
1426            </div>
1427        </div>
1428    </div>
1429</div>
1430
1431<div class="clear"></div>
1432
1433<div id="exampleWrapper">
1434
1435        <div id="examples" class="hlShow">
1436        </div>
1437    
1438    <div class="clear" style="height:8px; display:block; width:100%; background:#39b91c;">
1439    </div>
1440    <div id="dudeWipesHolder" class="" >
1441        <div id="dudeWipesHolderInner">
1442            <div id="dudeWipesHolderLeft">
1443                <div id="dudeWipesHolderLeftContent">
1444                        <h2>Hats So Good -<br />You'll Sh!t Your Pants!</h2>
1445                    
1446                    <div style="display: flex; flex-direction: row; align-items: center; justify-content: flex-start;">
1447                        <div>
1448                            <img id="dudeWipeSampleImage" src="https://d21saq7hdx33e1.cloudfront.net/24Refresh/dudeWipesSamples.png" height="120" />
1449                        </div>
1450                        <div style="padding-left:10px;">
1451                            <p>That's why we have partnered with Dude Wipes to send an emergency clean up kit in every order!</p>
1452                        </div>
1453                    </div>
1454                    <div id="logosRow">
1455                        <img src="https://d21saq7hdx33e1.cloudfront.net/Brands/dudewipes.png" height="40" />&nbsp;&nbsp;&nbsp;X&nbsp;&nbsp;<img src="https://d21saq7hdx33e1.cloudfront.net/Brands/hlslCombined.png" height="60" />
1456                    </div>
1457                    <div style="margin-top:30px; font-size:12px; color:#fff;">
1458                        **Replacement pants and underwear sold separately.**
1459                    </div>
1460                    <div id="dudeWipesWatchVideoButton" style="display:none;">
1461                        <input type="button" class="smallButton" value="Watch Video" onclick="$('#dudeWipesHolderRight').addClass('show');" />
1462                    </div>
1463                </div>            
1464            </div>
1465            <div id="dudeWipesHolderRight">
1466                <span id="dudeWipesCloseButton" onclick="$('#dudeWipesHolderRight').removeClass('show');" class="closeButton" style="position:absolute; top:5px;right:5px;"><img src="https://d21saq7hdx33e1.cloudfront.net/closeButton.png" height="30" alt="X" /></span>
1467                <div id="dudeWipesVideoHolder">
1468                    <div id="playVideoIcon">
1469                        <img src="https://d21saq7hdx33e1.cloudfront.net/playVideo.png" height="32" />
1470                    </div>
1471                    <iframe src="https://player.vimeo.com/video/1055650269?h=2c789383fb&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute" title="Dude Wipes Infomercial" data-ready="true" loading="lazy"></iframe>
1472                </div>
1473
1474            </div>  
1475        </div><!--/dudeWipesHolderInner-->
1476    </div><!--/dudeWipesHolder-->
1477    
1478    
1479    <div class="clear" style="height:8px; display:block; width:100%; background:#39b91c;">
1480    </div>
1481        <div id="productListHolder" class="hlShow">
1482            <div id="productListHolderInner">
1483                <a href="/hats/kodo/618PerformanceTruckerSnapback">
1484                    <div class="prouctLinkHolder">
1485                        <div class="productLinkHolderInner">
1486                            <div class="productLinkImage">
1487                                <img src="https://d21saq7hdx33e1.cloudfront.net/Items/Kodo/618PerformanceTruckerSnapback/Black/frontRight.jpg" />
1488                            </div>
1489                            <div class="productLinkText">
1490                                <b>The 618 Performance Trucker Snapback</b><br />by Kodo
1491                            </div>
1492                            <div class="productLinkButton">
1493                                View Options
1494                            </div>
1495                        </div><!--/productLinkHolderInner-->
1496                    </div><!--/prouctLinkHolder-->
1497                </a>
1498
1499                <a href="/hats/Kodo/636PerformanceRopeSnapback">
1500                    <div class="prouctLinkHolder">
1501                        <div class="productLinkHolderInner">
1502                            <div class="productLinkImage">
1503                                <img src="https://d21saq7hdx33e1.cloudfront.net/Items/Kodo/636PerformanceRopeSnapback/Black/frontRight.jpg" />
1504                            </div>
1505                            <div class="productLinkText">
1506                                <b>The 636 Performance Rope Snapback</b><br />by Kodo
1507                            </div>
1508                            <div class="productLinkButton">
1509                                View Options
1510                            </div>
1511                        </div><!--/productLinkHolderInner-->
1512                    </div><!--/prouctLinkHolder-->
1513                </a>
1514
1515                <a href="/hats/Richardson/112TruckerSnapback">
1516                    <div class="prouctLinkHolder">
1517                        <div class="productLinkHolderInner">
1518                            <div class="productLinkImage">
1519                                <img src="https://d21saq7hdx33e1.cloudfront.net/HatDesignerImages/112/Black.png" />
1520                            </div>
1521                            <div class="productLinkText">
1522                                <b>112 Trucker Snapback</b><br />by Richardson
1523                            </div>
1524                            <div class="productLinkButton">
1525                                View Options
1526                            </div>
1527                        </div><!--/productLinkHolderInner-->
1528                    </div><!--/prouctLinkHolder-->
1529                </a>
1530
1531                <a href="/hats/FlexFit/6277CurvedBillFitted">
1532                    <div class="prouctLinkHolder">
1533                        <div class="productLinkHolderInner">
1534                            <div class="productLinkImage">
1535                                <img src="https://d21saq7hdx33e1.cloudfront.net/HatDesignerImages/6277/Black.png" />
1536                            </div>
1537                            <div class="productLinkText">
1538                                <b>Original 6277 Fitted</b><br />by FlexFit
1539                            </div>
1540                            <div class="productLinkButton">
1541                                View Options
1542                            </div>
1543                        </div><!--/productLinkHolderInner-->
1544                    </div><!--/prouctLinkHolder-->
1545                </a>
1546            </div><!--/productListHolderInner-->
1547        </div>
1547<!--/productListHolder-->
1548        <div>
1549            <a href="/Hats"><input type="button" value="BROWSE ALL HATS" class="orderNowButton hlShow" style="background:#1350c1;" /></a>
1550        </div>
1551    
1552</div><!--exampleWrapper-->
1553
1554<div class="clear" style="height:8px; display:block; width:100%; background:#39b91c;"></div>
1555
1556<div style=" width:100%; background-color:rgba(255,255,255,0.3); overflow:hidden;">
1557    <div class="centerInner clear" id="iphoneMainHolder">
1558        <div class="iphoneHandHolder" style="z-index: 1;">
1559            <div class="iphoneHandHolderInner" id="hand1">
1560                <div class="iphoneTextHolder">
1561                    <div class="iphoneHandHeader">
1562                            <h1 class="weTakeHeadacheOut">Order <span class="hlShow">hats</span> in just minutes</h1>
1563                        
1564                    </div><!--/iphoneHandHeader-->
1565                    <div class="iphoneHandDescription">
1566                        <h1 style="font-weight:800; font-size:28px; color:#000;">Save time so you can focus on running your business.</h1>
1567                    </div><!--/iphoneHandDescription-->
1568                </div><!--/iphoneTextHolder-->
1569                <div class="iphoneHandImageHolder">
1570                    <div class="iphoneHandImage">
1571                        <img src="https://d21saq7hdx33e1.cloudfront.net/handIphone.png" />
1572                    </div><!--/iphoneHandImage-->
1573                    <div class="iphoneScreenImage">
1574                            <img src="https://d21saq7hdx33e1.cloudfront.net/hatSelectScreenshot.jpg" class="screenImage hlShow" loading="lazy" />
1575                    </div><!--/iphoneScreenImage-->
1576                </div><!--/iphoneHandImageHolder-->
1577            </div><!--/iphoneHandHolderInner-->
1578        </div><!--/iphoneHandHolder-->
1579
1580        <div class="iphoneHandHolder rightSide" style="top: 400px; right: 0; z-index: 2;" id="hand2">
1581            <div class="iphoneHandHolderInner">
1582                <div class="iphoneTextHolder">
1583                    <div class="iphoneHandHeader">
1584                        <h1 class="weTakeHeadacheOut">Very easy artwork approvals</h1>
1585                    </div><!--/iphoneHandHeader-->
1586                    <div class="iphoneHandDescription">
1587                        <h1 style="font-weight:800; font-size:28px; color:#000;">You will quickly get mockups of your logo for approval before we begin production.</h1>
1588                    </div><!--/iphoneHandDescription-->
1589                </div><!--/iphoneTextHolder-->
1590                <div class="iphoneHandImageHolder">
1591                    <div class="iphoneHandImage">
1592                        <img src="https://d21saq7hdx33e1.cloudfront.net/handIphone.png" class="flipped" />
1593                    </div><!--/iphoneHandImage-->
1594                    <div class="iphoneScreenImage">
1595                            <img src="https://d21saq7hdx33e1.cloudfront.net/newArtworkSetupScreenshot.jpg" class="screenImage hlShow" />
1596                    </div><!--/iphoneScreenImage-->
1597                </div><!--/iphoneHandImageHolder-->
1598            </div><!--/iphoneHandHolderInner-->
1599        </div><!--/iphoneHandHolder-->
1600
1601        <div class="iphoneHandHolder" style="top: 800px; left: 0; z-index: 3;" id="hand3">
1602            <div class="iphoneHandHolderInner">
1603                <div class="iphoneTextHolder">
1604                    <div class="iphoneHandHeader">
1605                        <h1 class="weTakeHeadacheOut">Sit back and relax</h1>
1606                    </div><!--/iphoneHandHeader-->
1607                    <div class="iphoneHandDescription">
1608                        <h1 style="font-weight:800; font-size:28px; color:#000;">We'll take it from here. Rest easy knowing your order is in good hands.</h1>
1609
1610                    </div><!--/iphoneHandDescription-->
1611                </div><!--/iphoneTextHolder-->
1612                <div class="iphoneHandImageHolder">
1613                    <div class="iphoneHandImage">
1614                        <img src="https://d21saq7hdx33e1.cloudfront.net/handIphone.png" />
1615                    </div><!--/iphoneHandImage-->
1616                    <div class="iphoneScreenImage">
1617                        <img src="https://d21saq7hdx33e1.cloudfront.net/reviewsScreenshot.jpg" class="screenImage" loading="lazy"/>
1618                    </div><!--/iphoneScreenImage-->
1619                </div>
1619<!--/iphoneHandImageHolder-->
1620            </div><!--/iphoneHandHolderInner-->
1621        </div><!--/iphoneHandHolder-->
1622    </div><!--/iphoneMainHolder-->
1623</div>
1624
1625<div id="whyHl" class="clear">
1626    <div id="whyHlInner" class="centerInner" style=" text-align:center;">
1627            <h1 class="weTakeHeadacheOut">"WE TAKE THE HEADACHE OUT OF CUSTOM <span class="hlShow">HEADWEAR</span>"</h1>
1628        
1629        <div id="whyHolder">
1630            <div class="whyItem">
1631                <div class="whyItemHeader">
1632                    Second To None<br />Customer Experience
1633                </div>
1634                <div class="whyitemDetails">
1635                    <div class="whyItemImg">
1636                        <img src="https://d21saq7hdx33e1.cloudfront.net/why1.jpg" loading="lazy" />
1637                    </div>
1638                    <div class="whyitemText">
1639                            <span>Our proprietary solutions manage every step of the process, making us the easiest source for pain - free custom <span class="hlShow">hats</span>.</span>
1640                        
1641                    </div>
1642                </div>
1643            </div>
1644            <div class="whyItem">
1645                <div class="whyItemHeader">
1646                    No Quotes -<br />Transparent Pricing
1647                </div>
1648                <div class="whyitemDetails">
1649                    <div class="whyItemImg">
1650                        <img src="https://d21saq7hdx33e1.cloudfront.net/why2.jpg" loading="lazy" />
1651                    </div>
1652                    <div class="whyitemText">
1653                        No need for quotes, we offer transparent pricing for each style on our ordering page, including quantity discounts.
1654                    </div>
1655                </div>
1656            </div>
1657            <div class="whyItem">
1658                <div class="whyItemHeader">
1659                    Industry Leading<br />Turn Around Times
1660                </div>
1661                <div class="whyitemDetails">
1662                    <div class="whyItemImg">
1663                        <img src="https://d21saq7hdx33e1.cloudfront.net/why3.jpg" loading="lazy" />
1664                    </div>
1665                    <div class="whyitemText">
1666                        Our typical turnaround is 10-14 business days, starting from your order placement, unlike others who wait until after art setup.
1667                    </div>
1668                </div>
1669            </div>
1670        </div>
1671            <h1 style="font-weight:800; font-size:28px; color:#000;">WE ARE THE  BEST IN CUSTOM <span class="hlShow">HEADWEAR</span>.<br />PERIOD.</h1>
1672            <div>
1673                <a href="/Order" class="hlShow"><input type="button" value="ORDER HATS NOW" class="CTABackground orderNowButton" style="margin:10px auto;" /></a>
1674            </div>
1675        
1676    </div>
1677</div>
1678
1679<div class="clear" style="height:8px; display:block; width:100%; background:#39b91c;"></div>
1680
1681<div id="reviewsHolder">
1682    <div class="centerInner" id="reviewsHolderInner">
1683        <h1 style="color: #fff; text-align:center;">OUR HAPPY CUSTOMERS</h1>
1684            <div class="reviewItem" onclick="openReview(this);">
1685                    <div class="repeatCustomerBanner">
1686                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
1687                    </div>
1688                
1689                <div class="reviewImage">
1690                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W112862-17d65f9c-fe0c-47ec-8077-60f76263c370.jpeg" loading="lazy" />
1691                    <div class="reviewItems">
1692                        Kodo The 636 Performance Rope Snapback
1693                    </div>
1694                </div>
1695                <div class="reviewDetails">
1696                    <div class="reviewRating">
1697                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1698                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1699                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1700                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1701                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1702                    </div>
1703                    <div class="reviewName">
1704                        DANIEL S <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
1705                    </div>
1706                    <div class="reviewLocation">
1707                        AUGUSTA ,GA 9/28/2026
1708                    </div>                 
1709                    <div class="reviewComment">
1710                        Absolutely love the hats and Beanies. We are considering buying shirts next...
1711                    </div>
1712                </div>
1713            </div>
1714            <div class="reviewItem" onclick="openReview(this);">
1715                
1716                <div class="reviewImage">
1717                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W112941-243131d3-5abf-46bc-b1f5-57800ab6b5e5.jpeg" loading="lazy" />
1718                    <div class="reviewItems">
1719                        Richardson 112PM - Trucker Snapback
1720                    </div>
1721                </div>
1722                <div class="reviewDetails">
1723                    <div class="reviewRating">
1724                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1725                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1726                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1727                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1728                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1729                    </div>
1730                    <div class="reviewName">
1731                        LAUREN K <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
1732                    </div>
1733                    <div class="reviewLocation">
1734                        KINGMAN,IN 9/25/2026
1735                    </div>                 
1736                    <div class="reviewComment">
1737                        Hats look great, quality priduct. We will be ordering more.
1738                    </div>
1739                </div>
1740            </div>
1741            <div class="reviewItem" onclick="openReview(this);">
1742                
1743                <div class="reviewImage">
1744                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W112168-9759b9ba-9fae-4882-8342-0388fa031485.jpg" loading="lazy" />
1745                    <div class="reviewItems">
1746                        Richardson 112 Trucker Snapback
1747                    </div>
1748                </div>
1749                <div class="reviewDetails">
1750                    <div class="reviewRating">
1751                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1752                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1753                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1754                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1755                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1756                    </div>
1757                    <div class="reviewName">
1758                        JERAMIE P <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
1759                    </div>
1760                    <div class="reviewLocation">
1761                        RUDYARD,MI 9/23/2026
1762                    </div>                 
1763                    <div class="reviewComment">
1764                        Hats look great. Thank you for doing a awesome job. Only regret i have is not ordering more. But I will. 
1765                    </div>
1766                </div>
1767            </div>
1768            <div class="reviewItem" onclick="openReview(this);">
1769                    <div class="repeatCustomerBanner">
1770                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
1771                    </div>
1772                
1773                <div class="reviewImage">
1774                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W113145-2b9603ef-7596-43c3-82f6-8ed143da6b92.jpeg" loading="lazy" />
1775                    <div class="reviewItems">
1776                        Richardson 112Plus - Trucker Snapback
1777                    </div>
1778                </div>
1779                <div class="reviewDetails">
1780                    <div class="reviewRating">
1781                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1782                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1783                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1784                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1785                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1786                    </div>
1787                    <div class="reviewName">
1788                        SCOTT H <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
1789                    </div>
1790                    <div class="reviewLocation">
1791                        CONCORD,NC 9/22/2026
1792                    </div>                 
1793                    <div class="reviewComment">
1794                        Finally!!! A hat embroidery company that came through!!! Embroidery is on point. Looks friggin amazing. Quick turn around!! Fast shipping. Hat looked exactly like mock up for the first time ever (and ive been through this a lot.). Best of was totally affordable. Beat every price from every other company ive had to deal with previously. Couldn&#x27;t be happier!! 10/10. Five Stars. I have found my hat company&#x2026;finally. Strong friggin work guys!!!
1795                    </div>
1796                </div>
1797            </div>
1798            <div class="reviewItem" onclick="openReview(this);">
1799                
1800                <div class="reviewImage">
1801                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W112969-a6c1a887-319b-4f0f-b86a-87f363dbb77f.jpeg" loading="lazy" />
1802                    <div class="reviewItems">
1803                        Yupoong Trucker Snapback
1804                    </div>
1805                </div>
1806                <div class="reviewDetails">
1807                    <div class="reviewRating">
1808                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1809                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1810                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1811                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1812                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1813                    </div>
1814                    <div class="reviewName">
1815                        MATTHEW H <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
1816                    </div>
1817                    <div class="reviewLocation">
1818                        PALM HARBOR,FL 9/21/2026
1819                    </div>                 
1820                    <div class="reviewComment">
1821                        Very happy to receive my product in time. I had a big logo embroidered on the hat. Looks great&#xD;&#xA;The only and I mean the only downside are not even a downside but what I notice appearing through the hats is that because it is a big logo after stitching done that looking at the hat, the right side bows in because of the embroidery. So it doesn&#x2019;
1821t sit completely square in your head it both sound up very slight almost a dent in the hat.  Knowing that now, I would go into future orders with a smaller logo maybe instead of 6 inches across going with 4 inches across.&#xD;&#xA;&#xD;&#xA;But I am going to pick up a steamer and see if that can help shape the front face of that hat where the stitching is.
1822                    </div>
1823                </div>
1824            </div>
1825            <div class="reviewItem" onclick="openReview(this);">
1826                    <div class="repeatCustomerBanner">
1827                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
1828                    </div>
1829                
1830                <div class="reviewImage">
1831                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W113011-33ce3fc3-550f-4a15-978d-c011005f2a6d.jpeg" loading="lazy" />
1832                    <div class="reviewItems">
1833                        Kodo The 314 Snapback
1834                    </div>
1835                </div>
1836                <div class="reviewDetails">
1837                    <div class="reviewRating">
1838                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1839                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1840                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1841                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1842                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1843                    </div>
1844                    <div class="reviewName">
1845                        JERRY A <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
1846                    </div>
1847                    <div class="reviewLocation">
1848                        LAREDO,TX 9/15/2026
1849                    </div>                 
1850                    <div class="reviewComment">
1851                        Very pleased with the customer service and quick e-mail responses. 
1852                    </div>
1853                </div>
1854            </div>
1855            <div class="reviewItem" onclick="openReview(this);">
1856                
1857                <div class="reviewImage">
1858                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W112475-e1257584-70a8-4880-8b33-ab912a1a7ef3.jpeg" loading="lazy" />
1859                    <div class="reviewItems">
1860                        Kodo The 636 Performance Rope Snapback
1861                    </div>
1862                </div>
1863                <div class="reviewDetails">
1864                    <div class="reviewRating">
1865                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1866                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1867                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1868                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1869                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1870                    </div>
1871                    <div class="reviewName">
1872                        BRIAN P <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
1873                    </div>
1874                    <div class="reviewLocation">
1875                        PLAINFIELD,IN 9/15/2026
1876                    </div>                 
1877                    <div class="reviewComment">
1878                        Hats look awesome and fit great!  We will be proud to wear and show off our logo.
1879                    </div>
1880                </div>
1881            </div>
1882            <div class="reviewItem" onclick="openReview(this);">
1883                
1884                <div class="reviewImage">
1885                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W111791-b65719cd-7ad0-4f7c-846b-6e18726fad26.jpg" loading="lazy" />
1886                    <div class="reviewItems">
1887                        Kodo The 636 Performance Rope Snapback
1888                    </div>
1889                </div>
1890                <div class="reviewDetails">
1891                    <div class="reviewRating">
1892                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1893                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1894                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1895                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1896                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1897                    </div>
1898                    <div class="reviewName">
1899                        MICHAEL C <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
1900                    </div>
1901                    <div class="reviewLocation">
1902                        LINDALE,TX 9/10/2026
1903                    </div>                 
1904                    <div class="reviewComment">
1905                        Love the hats and the turnaround time was excellent. Already received multiple compliments on the hats!
1906                    </div>
1907                </div>
1908            </div>
1909            <div class="reviewItem" onclick="openReview(this);">
1910                
1911                <div class="reviewImage">
1912                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W111319-27299cb6-409f-4335-99c7-a5240a6ac0f7.jpg" loading="lazy" />
1913                    <div class="reviewItems">
1914                        Yupoong Trucker Snapback
1915                    </div>
1916                </div>
1917                <div class="reviewDetails">
1918                    <div class="reviewRating">
1919                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1920                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1921                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1922                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1923                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1924                    </div>
1925                    <div class="reviewName">
1926                        JASON R <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
1927                    </div>
1928                    <div class="reviewLocation">
1929                        CLEARWATER BEACH,FL 9/9/2026
1930                    </div>                 
1931                    <div class="reviewComment">
1932                        Fast turnaround with great communication along the way.  Hats fit great and the stitching is cleeeeeeaaaaaannnnnn ????
1933                    </div>
1934                </div>
1935            </div>
1936            <div class="reviewItem" onclick="openReview(this);">
1937                
1938                <div class="reviewImage">
1939                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W111431-1485d583-70f7-496d-ac11-d7d47f36584a.jpg" loading="lazy" />
1940                    <div class="reviewItems">
1941                        Kodo The 636 Performance Rope Snapback
1942                    </div>
1943                </div>
1944                <div class="reviewDetails">
1945                    <div class="reviewRating">
1946                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1947                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1948                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1949                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1950                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1951                    </div>
1952                    <div class="reviewName">
1953                        TIM W <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
1954                    </div>
1955                    <div class="reviewLocation">
1956                        EUREKA,CA 9/4/2026
1957                    </div>                 
1958                    <div class="reviewComment">
1959                        I am so glad I found Hatlaunch on Instagram! The design and ordering process was easy, and the final product came out beautifully. The hats are great quality and priced much better than other competitors I have used in the past. The players in our annual golf tournament will be very happy with this gift!
1960                    </div>
1961                </div>
1962            </div>
1963            <div class="reviewItem" onclick="openReview(this);">
1964                    <div class="repeatCustomerBanner">
1965                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
1966                    </div>
1967                
1968                <div class="reviewImage">
1969                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W109889-0e3c14ed-e160-439b-a6dc-51eb2ee23e5b.jpeg" loading="lazy" />
1970                    <div class="reviewItems">
1971                        Richardson 112 Trucker Snapback
1972                    </div>
1973                </div>
1974                <div class="reviewDetails">
1975                    <div class="reviewRating">
1976                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1977                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1978                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1979                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1980                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
1981                    </div>
1982                    <div class="reviewName">
1983                        RONNIE M <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
1984                    </div>
1985                    <div class="reviewLocation">
1986                        NAPLES,FL 8/31/2026
1987                    </div>                 
1988                    <div class="reviewComment">
1989                        These are quality hats! I&#x2019;ve been using hatlaunch for a few years now and they have never disappointed me. Hundreds of hats and not a single flaw. Always updating you once you order, and getting the product out in a timely fashion. Our crew and many customers wear these hats and have nothing but great things to say!
1990                    </div>
1991                </div>
1992            </div>
1993            <div class="reviewItem" onclick="openReview(this);">
1994                
1995                <div class="reviewImage">
1996                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W111008-7269e6fa-eccc-41d3-aaaf-5c08912a7cc3.jpg" loading="lazy" />
1997                    <div class="reviewItems">
1998                        Richardson 112 Trucker Snapback
1999                    </div>
2000                </div>
2001                <div class="reviewDetails">
2002                    <div class="reviewRating">
2003                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2004                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2005                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2006                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2007                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2008                    </div>
2009                    <div class="reviewName">
2010                        ROBERT H <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2011                    </div>
2012                    <div class="reviewLocation">
2013                        COCHRANTON,PA 8/28/2026
2014                    </div>                 
2015                    <div class="reviewComment">
2016                        
2017                    </div>
2018                </div>
2019            </div>
2020            <div class="reviewItem" onclick="openReview(this);">
2021                    <div class="repeatCustomerBanner">
2022                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
2023                    </div>
2024                
2025                <div class="reviewImage">
2026                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W110443-96410
202670d-6c98-4ec4-8254-f736a945fd82.jpg" loading="lazy" />
2027                    <div class="reviewItems">
2028                        FlexFit 110 Trucker Snapback
2029                    </div>
2030                </div>
2031                <div class="reviewDetails">
2032                    <div class="reviewRating">
2033                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2034                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2035                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2036                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2037                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2038                    </div>
2039                    <div class="reviewName">
2040                        WYATT Z <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2041                    </div>
2042                    <div class="reviewLocation">
2043                        RENO,NV 8/26/2026
2044                    </div>                 
2045                    <div class="reviewComment">
2046                        Designing and buying the hats was a breeze especially with the excellent customer service and the pictures and examples that you can see before the hats show up. 
2047                    </div>
2048                </div>
2049            </div>
2050            <div class="reviewItem" onclick="openReview(this);">
2051                    <div class="repeatCustomerBanner">
2052                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
2053                    </div>
2054                
2055                <div class="reviewImage">
2056                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W111565-36ba0f03-8bf6-4e1a-aef0-4f02ef4cbc7b.jpeg" loading="lazy" />
2057                    <div class="reviewItems">
2058                        Kodo The 636 Performance Rope Snapback
2059                    </div>
2060                </div>
2061                <div class="reviewDetails">
2062                    <div class="reviewRating">
2063                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2064                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2065                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2066                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2067                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2068                    </div>
2069                    <div class="reviewName">
2070                        MICHAEL B <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2071                    </div>
2072                    <div class="reviewLocation">
2073                        MURFREESBORO,TN 8/22/2026
2074                    </div>                 
2075                    <div class="reviewComment">
2076                        
2077                    </div>
2078                </div>
2079            </div>
2080            <div class="reviewItem" onclick="openReview(this);">
2081                
2082                <div class="reviewImage">
2083                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W110058-7b6869e0-9b71-411f-b6cb-3473bbb74927.jpg" loading="lazy" />
2084                    <div class="reviewItems">
2085                        Richardson 112PM - Trucker Snapback
2086                    </div>
2087                </div>
2088                <div class="reviewDetails">
2089                    <div class="reviewRating">
2090                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2091                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2092                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2093                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2094                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2095                    </div>
2096                    <div class="reviewName">
2097                        ROBERT B <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2098                    </div>
2099                    <div class="reviewLocation">
2100                        WORTHINGTON,PA 8/22/2026
2101                    </div>                 
2102                    <div class="reviewComment">
2103                        super fast shipping after the project was approved.  Good hats, and T shirts.  I just wish they were made in the USA.  
2104                    </div>
2105                </div>
2106            </div>
2107            <div class="reviewItem" onclick="openReview(this);">
2108                    <div class="repeatCustomerBanner">
2109                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
2110                    </div>
2111                
2112                <div class="reviewImage">
2113                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W110402-0924a5b0-73db-4427-b445-869b69369d1f.jpeg" loading="lazy" />
2114                    <div class="reviewItems">
2115                        Kodo The 636 Performance Rope Snapback
2116                    </div>
2117                </div>
2118                <div class="reviewDetails">
2119                    <div class="reviewRating">
2120                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2121                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2122                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2123                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2124                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2125                    </div>
2126                    <div class="reviewName">
2127                        BRETT C <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2128                    </div>
2129                    <div class="reviewLocation">
2130                        KIRKLAND ,WA 8/20/2026
2131                    </div>                 
2132                    <div class="reviewComment">
2133                        
2134                    </div>
2135                </div>
2136            </div>
2137            <div class="reviewItem" onclick="openReview(this);">
2138                
2139                <div class="reviewImage">
2140                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W109658-2ee99e55-26b7-4196-aa57-772d8b9cb2a9.jpg" loading="lazy" />
2141                    <div class="reviewItems">
2142                        Richardson 112 Trucker Snapback
2143                    </div>
2144                </div>
2145                <div class="reviewDetails">
2146                    <div class="reviewRating">
2147                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2148                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2149                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2150                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2151                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2152                    </div>
2153                    <div class="reviewName">
2154                        JAMES R <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2155                    </div>
2156                    <div class="reviewLocation">
2157                        FARMINGTON,NM 8/19/2026
2158                    </div>                 
2159                    <div class="reviewComment">
2160                        Great product and craftsmanship they carry the hat brand i like matched logo colors perfectly 
2161                    </div>
2162                </div>
2163            </div>
2164            <div class="reviewItem" onclick="openReview(this);">
2165                    <div class="repeatCustomerBanner">
2166                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
2167                    </div>
2168                
2169                <div class="reviewImage">
2170                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W109827-4fa7403f-3dd6-4991-b1ad-673bb577b314.jpg" loading="lazy" />
2171                    <div class="reviewItems">
2172                        Richardson 112 Trucker Snapback
2173                    </div>
2174                </div>
2175                <div class="reviewDetails">
2176                    <div class="reviewRating">
2177                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2178                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2179                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2180                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2181                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2182                    </div>
2183                    <div class="reviewName">
2184                        JEFFREY W <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2185                    </div>
2186                    <div class="reviewLocation">
2187                        MOUNT AIRY,MD 8/18/2026
2188                    </div>                 
2189                    <div class="reviewComment">
2190                        I was afraid I was being too picky, but they accommodated all of my requests. They look awesome!
2191                    </div>
2192                </div>
2193            </div>
2194            <div class="reviewItem" onclick="openReview(this);">
2195                    <div class="repeatCustomerBanner">
2196                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
2197                    </div>
2198                
2199                <div class="reviewImage">
2200                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W110287-4699bb91-74e3-49ac-9f45-e58070e2e797.jpg" loading="lazy" />
2201                    <div class="reviewItems">
2202                        Yupoong Flat Bill Trucker Snapback
2203                    </div>
2204                </div>
2205                <div class="reviewDetails">
2206                    <div class="reviewRating">
2207                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2208                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2209                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2210                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2211                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2212                    </div>
2213                    <div class="reviewName">
2214                        TRAVIS T <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2215                    </div>
2216                    <div class="reviewLocation">
2217                        ORLANDO,FL 8/17/2026
2218                    </div>                 
2219                    <div class="reviewComment">
2220                        This is my third go around with you guys and could not be happier!
2221                    </div>
2222                </div>
2223            </div>
2224            <div class="reviewItem" onclick="openReview(this);">
2225                
2226                <div class="reviewImage">
2227                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W109918-123e5386-e139-481b-9669-0f171a794b39.jpg" loading="lazy" />
2228                    <div class="reviewItems">
2229                        Richardson 112 Trucker Snapback
2230                    </div>
2231                </div>
2232                <div class="reviewDetails">
2233                    <div class="reviewRating">
2234                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2235                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2236                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2237                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2238                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2239                    </div>
2240                    <div class="reviewName">
2241                        ROBERT H <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2242                    </div>
2243                    <div class="reviewLocation">
2244                        GREENEVILLE,TN 8/13/2026
2245                    </div>                 
2246                    <div class="reviewComment">
2247                        Hats arrived packaged well and very pleased with the quality, above expectations. We&#x27;re a small business and appreciate quality work at a fair price. Thank y
2247ou hat launch 
2248                    </div>
2249                </div>
2250            </div>
2251            <div class="reviewItem" onclick="openReview(this);">
2252                
2253                <div class="reviewImage">
2254                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W110071-10e44990-571f-434b-83f9-2c868ec40f69.jpeg" loading="lazy" />
2255                    <div class="reviewItems">
2256                        Tultex Poly-Rich T-Shirt
2257                    </div>
2258                </div>
2259                <div class="reviewDetails">
2260                    <div class="reviewRating">
2261                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2262                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2263                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2264                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2265                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2266                    </div>
2267                    <div class="reviewName">
2268                        DAVID O <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2269                    </div>
2270                    <div class="reviewLocation">
2271                        RAYNHAM,MA 8/13/2026
2272                    </div>                 
2273                    <div class="reviewComment">
2274                        Love the shirts and easy ordering.  Great quality 
2275                    </div>
2276                </div>
2277            </div>
2278            <div class="reviewItem" onclick="openReview(this);">
2279                    <div class="repeatCustomerBanner">
2280                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
2281                    </div>
2282                
2283                <div class="reviewImage">
2284                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W110005-efa25435-a6cf-4805-b993-a3dd144d70e0.jpeg" loading="lazy" />
2285                    <div class="reviewItems">
2286                        Richardson 112 Trucker Snapback
2287                    </div>
2288                </div>
2289                <div class="reviewDetails">
2290                    <div class="reviewRating">
2291                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2292                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2293                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2294                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2295                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2296                    </div>
2297                    <div class="reviewName">
2298                        ANTHONY G <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2299                    </div>
2300                    <div class="reviewLocation">
2301                        ALBUQUERQUE,NM 8/13/2026
2302                    </div>                 
2303                    <div class="reviewComment">
2304                        Amazing quality and artwork, Hatlaunch really outdid themselves! Will be ordering again!
2305                    </div>
2306                </div>
2307            </div>
2308            <div class="reviewItem" onclick="openReview(this);">
2309                    <div class="repeatCustomerBanner">
2310                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
2311                    </div>
2312                
2313                <div class="reviewImage">
2314                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W108069-2b33812a-90a1-4624-b57e-638d74c14814.jpeg" loading="lazy" />
2315                    <div class="reviewItems">
2316                        Richardson 112 Trucker Snapback
2317                    </div>
2318                </div>
2319                <div class="reviewDetails">
2320                    <div class="reviewRating">
2321                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2322                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2323                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2324                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2325                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2326                    </div>
2327                    <div class="reviewName">
2328                        GREG H <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2329                    </div>
2330                    <div class="reviewLocation">
2331                        SHINGLE SPRINGS,CA 8/13/2026
2332                    </div>                 
2333                    <div class="reviewComment">
2334                        I couldn&#x2019;t have been more impressed with the personalized service and extra effort put forth to get my logo just right. 
2335                    </div>
2336                </div>
2337            </div>
2338            <div class="reviewItem" onclick="openReview(this);">
2339                    <div class="repeatCustomerBanner">
2340                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
2341                    </div>
2342                
2343                <div class="reviewImage">
2344                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W109772-44afcf74-655d-414c-acc7-ec783d5e6c9d.jpeg" loading="lazy" />
2345                    <div class="reviewItems">
2346                        Richardson 112-PFP Trucker Snapback
2347                    </div>
2348                </div>
2349                <div class="reviewDetails">
2350                    <div class="reviewRating">
2351                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2352                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2353                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2354                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2355                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2356                    </div>
2357                    <div class="reviewName">
2358                        DANIELLE W <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2359                    </div>
2360                    <div class="reviewLocation">
2361                        ST. FRANCISVILLE,LA 8/12/2026
2362                    </div>                 
2363                    <div class="reviewComment">
2364                        Excellent quality caps! The artwork is top-notch, and both the website and staff were very easy to work with. I&#x2019;m extremely happy with my custom order and will definitely order again.
2365                    </div>
2366                </div>
2367            </div>
2368            <div class="reviewItem" onclick="openReview(this);">
2369                
2370                <div class="reviewImage">
2371                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W109416-7ef890a7-9d55-4f78-b8b4-20bf0aa8d21f.jpeg" loading="lazy" />
2372                    <div class="reviewItems">
2373                        FlexFit Original 6277 Fitted
2374                    </div>
2375                </div>
2376                <div class="reviewDetails">
2377                    <div class="reviewRating">
2378                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2379                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2380                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2381                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2382                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2383                    </div>
2384                    <div class="reviewName">
2385                        JOHN C <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2386                    </div>
2387                    <div class="reviewLocation">
2388                        FRISCO,TX 8/11/2026
2389                    </div>                 
2390                    <div class="reviewComment">
2391                        very impressed with the detail and turn around. The quality of hat and shirt are great!!!
2392                    </div>
2393                </div>
2394            </div>
2395            <div class="reviewItem" onclick="openReview(this);">
2396                    <div class="repeatCustomerBanner">
2397                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
2398                    </div>
2399                
2400                <div class="reviewImage">
2401                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W109534-3f68b1b5-dbfd-45b5-8880-caf2496fbc27.jpg" loading="lazy" />
2402                    <div class="reviewItems">
2403                        Tultex Poly-Rich T-Shirt
2404                    </div>
2405                </div>
2406                <div class="reviewDetails">
2407                    <div class="reviewRating">
2408                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2409                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2410                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2411                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2412                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2413                    </div>
2414                    <div class="reviewName">
2415                        MARKUS K <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2416                    </div>
2417                    <div class="reviewLocation">
2418                        NORTH LIBERTY,IN 8/10/2026
2419                    </div>                 
2420                    <div class="reviewComment">
2421                        The shirts feel great! with being a taller guy I was worried not having tall sizes that the shirts would be too short but the length is pretty good! 
2422                    </div>
2423                </div>
2424            </div>
2425            <div class="reviewItem" onclick="openReview(this);">
2426                
2427                <div class="reviewImage">
2428                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W109033-69506254-de1a-4c8f-90bd-d1eea6aabefb.jpeg" loading="lazy" />
2429                    <div class="reviewItems">
2430                        Richardson 112 Trucker Snapback
2431                    </div>
2432                </div>
2433                <div class="reviewDetails">
2434                    <div class="reviewRating">
2435                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2436                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2437                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2438                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2439                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2440                    </div>
2441                    <div class="reviewName">
2442                        CHRIS H <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2443                    </div>
2444                    <div class="reviewLocation">
2445                        BROWNS VALLEY,CA 8/5/2026
2446                    </div>                 
2447                    <div class="reviewComment">
2448                        It was fairly easy and straight forward. After I submitted the logo and what I wanted. You sent me a mock up and I approved quickly with some minor adjustments and we were finished. Only took a few weeks to I have my hats. Now I am looking forward to shirts to design and have done. 
2449                    </div>
2450                </div>
2451            </div>
2452            <div class="reviewItem" onclick="openReview(this);">
2453                    <div class="repeatCustomerBanner">
2454                        <img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" />
2455                    </div>
2456                
2457                <div class="reviewImage">
2458                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W112236-62499339-ae30-47bb-b959-85778832b612.jpg" loading="lazy" />
2459                    <div class="reviewItems">
2460                        Richardson 112 Trucker Snapback
2461                    </div>
2462                </div>
2463                <div class="reviewDetails">
2464                    <div class="reviewRating">
2465                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2466                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2467                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2468                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2469                            <img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" />
2470                    </div>
2471                    <div class="reviewName">
2472                        JERRY M <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2473                    </div>
2474                    <div class="reviewLocation">
2475                        BELGRADE,MT 9/18/2026
2476                    </div>                 
2477                    <div class="reviewComment">
2478                        The quality of the hat is good, and I&#x2019;m happy with how the finished product turned out. This order was really a test for me. I&#x2019;m building a new hat company, and I wanted to see whether HatLaunch was a company I could trust with products that will eventually carry my company&#x2019;s name and reputation. The finished hat gave me confidence in the quality of the work.
2479                    </div>
2480                </div>
2481            </div>
2482            <div class="reviewItem" onclick="openReview(this);">
2483                
2484                <div class="reviewImage">
2485                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W109642-bad605ea-caf9-4b92-a455-95ecec882590.jpg" loading="lazy" />
2486                    <div class="reviewItems">
2487                        FlexFit Original 6277 Fitted
2488                    </div>
2489                </div>
2490                <div class="reviewDetails">
2491                    <div class="reviewRating">
2492                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2493                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2494                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2495                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2496                            <img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" />
2497                    </div>
2498                    <div class="reviewName">
2499                        ANTHONY E <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2500                    </div>
2501                    <div class="reviewLocation">
2502                        MIDLAND ,SD 8/19/2026
2503                    </div>                 
2504                    <div class="reviewComment">
2505                        You guys did a wonderful job I love my hat I love the design that&#x27;s exactly how I pictured it and it&#x27;s the picture that I sent you. Little expensive per hat, however again good quality and the stitching is amazing
2506                    </div>
2507                </div>
2508            </div>
2509            <div class="reviewItem" onclick="openReview(this);">
2510                
2511                <div class="reviewImage">
2512                        <img src="https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/W109501-854f9b84-2c1a-4cba-8dcb-63880ad53c5c.jpg" loading="lazy" />
2513                    <div class="reviewItems">
2514                        Kodo The 618 Performance Trucker Snapback
2515                    </div>
2516                </div>
2517                <div class="reviewDetails">
2518                    <div class="reviewRating">
2519                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2520                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2521                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2522                            <img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />
2523                            <img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" />
2524                    </div>
2525                    <div class="reviewName">
2526                        MATT H <img src="https://d21saq7hdx33e1.cloudfront.net/verifyCheck.png" width="14"/>
2527                    </div>
2528                    <div class="reviewLocation">
2529                        OKLAHOMA CITY,OK 8/6/2026
2530                    </div>                 
2531                    <div class="reviewComment">
2532                        Good quality. &#xD;&#xA;Turn-around on delivery could have been faster. &#xD;&#xA;Communication was good.  
2533                    </div>
2534                </div>
2535            </div>
2536
2537    </div><!--/centerInner-->
2538    <div id="reviewExpander">
2539        <div id="reviewExpanderText">
2540            Show More Happy Customers
2541        </div>
2542    </div>
2543</div><!--/reviewsHolder-->
2544
2545<div class="popup" id="reviewPopup" style="display:none;">
2546    <div class="smallPopupInner">
2547        <div id="reviewDetailsHolder">
2548            <span onclick="$('#reviewPopup').hide();" class="closeButton" style="position:absolute; top:5px;right:5px;"><img src="https://d21saq7hdx33e1.cloudfront.net/closeButton.png" height="30" alt="X" /></span>
2549            <div id="reviewDetailsHolderReview">
2550
2551            </div>
2552        </div>
2553    </div>
2554</div>
2555
2556<style type="text/css">
2557    
2558.modal {
2559  display: none; 
2560  position: fixed;
2561  z-index: 999;
2562  left: 0;
2563  top: 0;
2564  width: 100%; 
2565  height: 100%; 
2566  overflow: auto; 
2567  background-color: rgb(0,0,0); 
2568  background-color: rgba(0,0,0,0.75); 
2569}
2570
2571
2572.modal-content {
2573  margin: auto;
2574  display: block;
2575  width: 80%;
2576  max-width: 700px;
2577  z-index: 11;
2578}
2579
2580
2581#caption {
2582  margin: auto;
2583  display: block;
2584  width: 80%;
2585  max-width: 700px;
2586  text-align: center;
2587  color: #ccc;
2588  padding: 10px 0;
2589  height: 150px;
2590}
2591
2592
2593.modal-content, #caption {
2594  animation-name: zoom;
2595  animation-duration: 0.6s;
2596}
2597
2598@keyframes zoom {
2599  from {transform:scale(0)}
2600  to {transform:scale(1)}
2601}
2602
2603
2604.close {
2605  position: absolute;
2606  top: 15px;
2607  right: 35px;
2608  color: #f1f1f1;
2609  font-size: 40px;
2610  font-weight: bold;
2611  transition: 0.3s;
2612}
2613
2614.close:hover,
2615.close:focus {
2616  color: #bbb;
2617  text-decoration: none;
2618  cursor: pointer;
2619}
2620    #reviewsHolder {
2621        position: relative;
2622        width: 100%;
2623        background: url("https://d21saq7hdx33e1.cloudfront.net/flag.jpg") no-repeat;
2624        background-size: cover;
2625        color: #000;
2626        text-align: center;
2627    }
2628    #reviewsHolderInner {
2629        max-width: 1400px;
2630        width:auto;
2631        height: 1000px;
2632        overflow: hidden;
2633        position: relative;
2634    }
2635    .reviewItem {
2636        width: 200px;
2637        height: 400px;
2638        border-radius: 10px;
2639        border: 2px solid #39b91c;
2640        display:inline-block;
2641        overflow: hidden;
2642        margin: 5px;
2643        background:#fff;
2644        position:relative;
2645        text-align:left;
2646        cursor:pointer;
2647    }
2648    .repeatCustomerBanner {
2649        position:absolute;
2650        top:0;
2651        right:0;
2652        z-index:8;
2653    }
2654    .reviewImage {
2655        width: 200px;
2656        height:200px;
2657        overflow:hidden;
2658        background-size: cover !important;
2659        display: block;
2660        background-position: center !important;
2661        position:relative;
2662    }
2663    .reviewImage img{
2664        min-width:100%;
2665        min-height:200px;
2666        margin: 0 auto;
2667        display:block;
2668    }
2669    .reviewDetails {
2670        padding:8px;
2671    }
2672    .reviewRating img {
2673        width:15px;
2674    }
2675    .reviewName {
2676        font-size:14px;
2677        font-weight:bold;
2678    }
2679    .reviewLocation {
2680        font-size:12px;
2681        margin-bottom: 4px;
2682    }
2683    .reviewDate {
2684        font-size:12px;
2685    }
2686    .reviewItems {
2687        font-size:12px;
2688        position:absolute;
2689        z-index:8;
2690        background:#39b91c;
2691        color:#fff;
2692        bottom:0;
2693        left:0;
2694        right:0;
2695        text-align:center;
2696    }
2697    .reviewComment {
2698        font-size:14px;
2699        padding-top:4px;
2700        border-top:1px #eee solid;
2701    }
2702    #reviewExpander {
2703        color: #fff;
2704        position: absolute;
2705        bottom: 0;
2706        left: 0;
2707        right: 0;
2708        width: 100%;
2709        z-index: 8;
2710        text-align: center;
2711        cursor: pointer;
2712        font-size: 20px;
2713        line-height: 34px;
2714        vertical-align: middle;
2715        background: url(https://d21saq7hdx33e1.cloudfront.net/ExpandGradient.png) repeat-x;
2716        background-position: bottom;
2717        -webkit-user-select: none; /* Safari */
2718        -moz-user-select: none; /* Firefox */
2719        -ms-user-select: none; /* IE10+/Edge */
2720        user-select: none; /* Standard */
2721    }
2722    #reviewExpanderText {
2723        margin: 0 auto;
2724        background: #39b91c;
2725        width: auto;
2726        padding: 10px 30px;
2727        display: inline-block;
2728        border-radius: 10px 10px 0 0;
2729        border-bottom: 2px solid #fff;
2730    }
2731    #reviewPopup {
2732        z-index:1000;
2733    }
2734    #reviewPopup .reviewItem {
2735        border: 0;
2736        width:100%;
2737        height:auto;
2738        color:#000;
2739    }
2740    #reviewPopup .reviewItem .reviewImage {
2741        height:auto;
2742        width:100%;
2743    }
2744    @media only screen and (max-width:900px) {
2745        .reviewItem {
2746            width:180px;
2747        }
2748        .reviewImage {
2749            width:180px;
2750        }
2751    }
2752
2753
2754</style>
2755
2756<script type="text/javascript">
2757    $(document).ready(function () {
2758
2759
2760
2761        var loadingIndex = 0;
2762        $("#reviewExpander").click(function () {
2763            $box = $("#reviewsHolderInner");
2764            minimumHeight = 1000;
2765
2766            // get current height
2767            currentHeight = $box.height();
2768
2769            // get height with auto applied
2770            autoHeight = $box.css('height', currentHeight + 750).height();
2771
2772            // reset height and revert to original if current and auto are equal
2773            $box.css('height', currentHeight).animate({
2774                height: (currentHeight == autoHeight ? minimumHeight : autoHeight)
2775            })
2776
2777            loadingIndex++;
2778            var data = new FormData();
2779            data.append("loadingIndex", loadingIndex);
2780            $.ajax({
2781                type: "POST",
2782                url: '/Review/GetMoreCustomerReviews',
2783                contentType: false,
2784                processData: false,
2785                data: data,
2786                success: function (result) {
2787                    if (result == "") {
2788                        //do nothing
2789                    } else {
2790                        var reviewData = JSON.parse(result);
2791                        for (var i = 0; i < reviewData.length; i++) {
2792                            var itemClone = $($('.reviewItem')[0]).clone();
2793                            if (reviewData[i].ReviewAttachment == '') {
2794                                $($(itemClone).find('.reviewImage img')).attr("src", 'https://d21saq7hdx33e1.cloudfront.net/BlankReview.jpg');
2795                            } else {
2796                                $($(itemClone).find('.reviewImage img')).attr("src", 'https://d21saq7hdx33e1.cloudfront.net/ReviewImages/Thumbs/' + reviewData[i].ReviewAttachment);
2797                            }                            
2798                            $(itemClone).find('.reviewRating').empty();
2799                            var starString = '';
2800                            if (reviewData[i].ReviewRating == 1) {
2801                                starString = '<img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" />';
2802                            }
2803                            if (reviewData[i].ReviewRating == 2) {
2804                                starString = '<img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" />';
2805                            }
2806                            if (reviewData[i].ReviewRating == 3) {
2807                                starString = '<img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" />';
2808                            }
2809                            if (reviewData[i].ReviewRating == 4) {
2810                                starString = '<img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starEmpty.png" />';
2811                            }
2812                            if (reviewData[i].ReviewRating == 5) {
2813                                starString = '<img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" /><img src="https://d21saq7hdx33e1.cloudfront.net/starFilled.png" />';
2814                            }
2815                            $($(itemClone).find('.reviewRating')).html(starString);
2816                            $($(itemClone).find('.reviewName')).html(reviewData[i].ReviewName + ' <img src="https://d21saq7hdx33e1.cloudfront.net/VerifyCheck.png" width="14">');
2817                            var date = new Date(reviewData[i].Date);
2818                            $($(itemClone).find('.reviewLocation')).html(reviewData[i].ReviewLocation + ' ' + (date.getMonth() + 1) + '/' + date.getDay() + '/' + date.getFullYear());
2819                            $($(itemClone).find('.reviewComment')).html(reviewData[i].ReviewComment);
2820                            if (reviewData[i].OrderCount > 1) {
2821                                $($(itemClone).append('<div class="repeatCustomerBanner"><img src="https://d21saq7hdx33e1.cloudfront.net/RepeatCustomerBanner.png" /></div>'));
2822                            } else {
2823                                $($(itemClone).find('.repeatCustomerBanner')).remove();
2824                            }
2825
2826                            $('#reviewsHolderInner').append(itemClone);
2827                        }
2828                    }
2829                },
2830                error: function (xhr, status, p3, p4) {
2831                    //do nothing
2832                }
2833            });
2834        });
2835    });
2836
2837</script>
2837
2838
2839
2840<script type="text/javascript">
2841    function openReview(that) {
2842        $('#reviewDetailsHolderReview').html($(that).clone());
2843        $('#reviewPopup').show();
2844    }
2845</script>
2845
2846
2847<div class="clear" style="height:8px; display:block; width:100%; background:#39b91c;"></div>
2848
2849<div id="brands">
2850    <div class="centerInner" style="text-align:center;">
2851        <h1>BRANDS WE HAVE WORKED WITH</h1>
2852        <div id="brandsHolder">
2853            <div class="brandLogo">
2854                <img src="https://d21saq7hdx33e1.cloudfront.net/Brands/amazon.png" loading="lazy" />
2855            </div>
2856            <div class="brandLogo">
2857                <img src="https://d21saq7hdx33e1.cloudfront.net/Brands/bacardi.png" style="max-height:60px;" loading="lazy" />
2858            </div>
2859            <div class="brandLogo">
2860                <img src="https://d21saq7hdx33e1.cloudfront.net/Brands/bootbarn.png" style="max-height:35px;" loading="lazy" />
2861            </div>
2862            <div class="brandLogo">
2863                <img src="https://d21saq7hdx33e1.cloudfront.net/Brands/google.png" loading="lazy" />
2864            </div>
2865            <div class="brandLogo">
2866                <img src="https://d21saq7hdx33e1.cloudfront.net/Brands/redbull.png" style="max-height:55px;" loading="lazy" />
2867            </div>
2868            <div class="brandLogo">
2869                <img src="https://d21saq7hdx33e1.cloudfront.net/Brands/polaris.png" style="max-height:28px;" loading="lazy" />
2870            </div>
2871            <div class="brandLogo">
2872                <img src="https://d21saq7hdx33e1.cloudfront.net/Brands/usda.png" style="max-height:50px;" loading="lazy" />
2873            </div>
2874            <div class="brandLogo">
2875                <img src="https://d21saq7hdx33e1.cloudfront.net/Brands/pioneer.png" style="max-height:50px;" loading="lazy" />
2876            </div>
2877            <div class="brandLogo">
2878                <img src="https://d21saq7hdx33e1.cloudfront.net/Brands/pods.png" loading="lazy" />
2879            </div>
2880            <div class="brandLogo">
2881                <img src="https://d21saq7hdx33e1.cloudfront.net/Brands/bang.png" loading="lazy" />
2882            </div>
2883        </div>
2884    </div>
2885</div>
2886
2887<div>
2888        <a href="/Order" class="hlShow"><input type="button" value="ORDER HATS NOW" class="CTABackground orderNowButton" style="margin:10px auto;" /></a>
2889</div>
2890
2891<div class="clear" style="height:8px; display:block; width:100%; background:#39b91c;"></div>
2892
2893
2894<div id="howItWorks">
2895    <div id="howItWorksInner" class="centerInner">
2896        <h1>HOW IT WORKS</h1>
2897        <div class="howItWorksItem">
2898            <div class="howItWorksItemIconHolder">
2899                <div class="howItWorksItemIcon">
2900                    <img src="https://d21saq7hdx33e1.cloudfront.net/Step1.png" />
2901                </div>
2902            </div>
2903            <div class="howItWorksItemTextHolder">
2904                <div class="howItWorksItemTextStepNumber">
2905                    Step 1
2906                </div>
2907                <div class="howItWorksItemHeader">
2908                    ORDER PLACED
2909                </div>
2910                <div class="howItWorksItemDetails">
2911                    Choose the 
2912                        <span class="hlShow">hats</span>
2913                     that work best for your brand using our very simple online ordering process.
2914                </div>
2915            </div>
2916        </div><!--/howItWorksItem-->
2917        <div class="howItWorksItem">
2918            <div class="howItWorksItemIconHolder">
2919                <div class="howItWorksItemIcon">
2920                    <img src="https://d21saq7hdx33e1.cloudfront.net/Step2.png" />
2921                </div>
2922            </div>
2923            <div class="howItWorksItemTextHolder">
2924                <div class="howItWorksItemTextStepNumber">
2925                    Step 2
2926                </div>
2927                <div class="howItWorksItemHeader">
2928                    ARTWORK SETUP
2929                </div>
2930                <div class="howItWorksItemDetails">
2931                    We hand convert every logo and create detailed mockups for your approval.
2932                </div>
2933            </div>
2934        </div><!--/howItWorksItem-->
2935        <div class="howItWorksItem">
2936            <div class="howItWorksItemIconHolder">
2937                <div class="howItWorksItemIcon">
2938                    <img src="https://d21saq7hdx33e1.cloudfront.net/Step3.png" />
2939                </div>
2940            </div>
2941            <div class="howItWorksItemTextHolder">
2942                <div class="howItWorksItemTextStepNumber">
2943                    Step 3
2944                </div>
2945                <div class="howItWorksItemHeader">
2946                    PRODUCTION
2947                </div>
2948                <div class="howItWorksItemDetails">
2949                        <span class="hlShow">Each hat is stitched in house on one of our commercial embroidery machines here in the USA.</span>
2950                </div>
2951            </div>
2952        </div><!--/howItWorksItem-->
2953        <div class="howItWorksItem">
2954            <div class="howItWorksItemIconHolder">
2955                <div class="howItWorksItemIcon">
2956                    <img src="https://d21saq7hdx33e1.cloudfront.net/Step4.png" />
2957                </div>
2958            </div>
2959            <div class="howItWorksItemTextHolder">
2960                <div class="howItWorksItemTextStepNumber">
2961                    Step 4
2962                </div>
2963                <div class="howItWorksItemHeader">
2964                    DELIVERY
2965                </div>
2966                <div class="howItWorksItemDetails">
2967                    Your order is shipped securely wrapped in plastic in a cardboard box.
2968                </div>
2969            </div>
2970        </div><!--/howItWorksItem-->
2971    </div>
2972</div>
2973
2974<div class="clear" style="height:8px; display:block; width:100%; background:#39b91c;"></div>
2975
2976<div class="pageVideoContainer">
2977    <h1>WHY ARE THE HATS SO GOOD?</h1>
2978    <div class="videoInnerSpacer">
2979        <div style="padding: 56.25% 0 0 0; position:relative;"><iframe class="roundedCard" src="https://player.vimeo.com/video/763471328?h=2c789383fb&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute" title="But why are they so good?" data-ready="true" loading="lazy"></iframe></div>
2980    </div>
2981</div>
2982
2983<div class="pageVideoContainer">
2984    <h1>RIP DAVE...</h1>
2985    <div class="videoInnerSpacer">
2986        <div style="padding: 56.25% 0 0 0; position:relative;"><iframe class="roundedCard" src="https://player.vimeo.com/video/864127417?h=2c789383fb&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute" title="But why are they so good?" data-ready="true" loading="lazy"></iframe></div>
2987    </div>
2988</div>
2989    <div>
2990        <a href="/Order" class="hlShow"><input type="button" value="ORDER HATS NOW" class="CTABackground orderNowButton" style="margin:10px auto;" /></a>        
2991    </div>
2992
2993
2994<div class="clear" style="height:8px; display:block; width:100%; background:#39b91c;"></div>
2995
2996<div id="RecentWork">
2997    <div id="pastWorkHolder">
2998        <img src="https://d21saq7hdx33e1.cloudfront.net/PastWorkNeon.png" loading="lazy" />
2999    </div>
3000    <!-- Slideshow container -->
3001    <div class="slideshow-container">
3002        <!-- Full-width images with number and caption text -->
3003        <div class="mySlides fade">
3004            <img src="https://d21saq7hdx33e1.cloudfront.net/Examples/Example7.jpg" style="width:100%" loading="lazy">
3005        </div>
3006        <div class="mySlides fade">
3007            <img src="https://d21saq7hdx33e1.cloudfront.net/Examples/Example4.jpg" style="width:100%" loading="lazy">
3008        </div>
3009        <div class="mySlides fade">
3010            <img src="https://d21saq7hdx33e1.cloudfront.net/Examples/Example1.jpg" style="width:100%" loading="lazy">
3011        </div>
3012        <div class="mySlides fade">
3013            <img src="https://d21saq7hdx33e1.cloudfront.net/Examples/Example2.jpg" style="width:100%" loading="lazy">
3014        </div>
3015        <div class="mySlides fade">
3016            <img src="https://d21saq7hdx33e1.cloudfront.net/Examples/Example3.jpg" style="width:100%" loading="lazy">
3017        </div>
3018        <div class="mySlides fade">
3019            <img src="https://d21saq7hdx33e1.cloudfront.net/Examples/Example9.jpg" style="width:100%" loading="lazy">
3020        </div>
3021        <div class="mySlides fade">
3022            <img src="https://d21saq7hdx33e1.cloudfront.net/Examples/Example5.jpg" style="width:100%" loading="lazy">
3023        </div>
3024        <div class="mySlides fade">
3025            <img src="https://d21saq7hdx33e1.cloudfront.net/Examples/Example6.jpg" style="width:100%" loading="lazy">
3026        </div>
3027        <div class="mySlides fade">
3028            <img src="https://d21saq7hdx33e1.cloudfront.net/Examples/Example10.jpg" style="width:100%" loading="lazy">
3029        </div>
3030        <div class="mySlides fade">
3031            <img src="https://d21saq7hdx33e1.cloudfront.net/Examples/Example8.jpg" style="width:100%" loading="lazy">
3032        </div>
3033        <div class="mySlides fade">
3034            <img src="https://d21saq7hdx33e1.cloudfront.net/Examples/Example9.jpg" style="width:100%" loading="lazy">
3035        </div>
3036        <div id="slideShowCover">
3037            <img src="https://d21saq7hdx33e1.cloudfront.net/SliderOverTV.png" loading="lazy" />
3038        </div>
3039    </div>
3040</div>
3041<div id="textStory" class="centerInner">
3042        <div style="max-width:960px; margin:0 auto; text-align:left; padding:10px;" class="hlShow">
3043            <h1 style="color: #39b91c; text-align:center;">ABOUT HATLAUNCH</h1>
3044            HatLaunch.com is the go to source for the highest quality, easiest ordering, fastest turnaround and best priced custom hats online.
3045            <br /><br />
3046            Our processes are custom developed in house and we have worked extremely hard to ensure our customer experience is second to none.
3047            <br /><br />
3048            You can order with confidence knowing that every single hat that leaves our warehouse is the highest quality and best output possible.
3049            <br /><br />
3050            If there is ever a problem with an order we ALWAYS work with our customers to make it right. We want everyone to love the end product they receive from HatLaunch.
3051            <br /><br />
3052            Give us a shot - we look forward to working with you!
3053            <br /><br />
3054        </div>
3055    
3056    
3057    <div id="familyPhoto">
3058        <div id="familyPhotoInner">
3059            <div id="familyPhotoHolder">
3060                <img src="https://d21saq7hdx33e1.cloudfront.net/FamSquare.jpg" loading="lazy" />
3061            </div>
3062            <div id="familyPhotoTextHolder">
3063                <div id="familyPhotoTextHolderInner">
3064                    We are family owned and
3065                    operated business located in the
3066                    St.Louis area.
3067                </div>
3068            </div>
3069        </div>
3070    </div>
3071</div>
3072
3073    <div>
3074        <a href="/Order" class="hlShow">
3074<input type="button" value="ORDER HATS NOW" class="CTABackground orderNowButton" style="margin:10px auto;" /></a>
3075    </div>
3076
3077<div class="clear" style="height:8px; display:block; width:100%; background:#39b91c;"></div>
3078
3079    <div id="proud" class="hlShow" style="background:url('https://d21saq7hdx33e1.cloudfront.net/ProudUSA.jpg');">
3080    </div>
3081
3082
3083<script type="text/javascript">
3084    var slideIndex = 0;
3085    showSlides();
3086
3087    function showSlides() {
3088        var i;
3089        var slides = document.getElementsByClassName("mySlides");
3090        for (i = 0; i < slides.length; i++) {
3091            $(slides[i]).hide();
3092            //slides[i].style.display = "none";
3093        }
3094        slideIndex++;
3095        if (slideIndex > slides.length) { slideIndex = 1 }
3096        $(slides[slideIndex - 1]).fadeIn();
3097        //slides[slideIndex - 1].style.display = "block";
3098        setTimeout(showSlides, 2000); // Change image every 2 seconds
3099    }
3100
3101    $(document).ready(function () {
3102        $.ajax({
3103            type: "POST",
3104            url: '/Home/GetTotalHomeData',
3105            contentType: false,
3106            processData: false,
3107            data: null,
3108            success: function (result) {
3109                if (result == "") {
3110                    //do nothing
3111                } else {
3112                    var homeData = $.parseJSON(result);
3113                    $('#totalHats').text(homeData.TotalHats);
3114                    $('#totalOrders').text(homeData.TotalOrders);
3115                    $('#totalCustomers').text(homeData.TotalSatisfiedCustomers);
3116                    $('#topTotalCustomers').text(commaSeparateNumber(homeData.TotalSatisfiedCustomers) + ' Customers');
3117                    var runningMetricNumber = 0;
3118                    $('.metricTotal').each(function () {
3119                        var $this = $(this);
3120                        var countStart = Math.ceil($this.text() / 2);
3121                        runningMetricNumber++;
3122                        var thisMetricNumber = runningMetricNumber;
3123
3124                        jQuery({ Counter: countStart }).animate({ Counter: $this.text().replace(',', '') }, {
3125                            duration: 500,
3126                            easing: 'swing',
3127                            step: function () {
3128                                $this.text(commaSeparateNumber(Math.ceil(this.Counter)));
3129                            },
3130                            complete: function () {
3131                                if (thisMetricNumber == 1) {
3132                                    if (homeData.TotalHats > 999999) {//if over 1M show in millions 
3133                                        let formattedNumber = (homeData.TotalHats / 1000000).toFixed(2);
3134                                        formattedNumber = formattedNumber.replace('.00', '');
3135                                        $('#totalHats').text(formattedNumber + 'M');
3136                                    } else {
3137                                        if(AppName == 'HL') {
3138                                            $('#totalHats').text('1.02M');
3139                                        }
3140                                        else {
3141                                            $('#totalOrders').text(commaSeparateNumber(homeData.TotalHats));
3142                                        }                                        
3143                                    }
3144                                }
3145                                if (thisMetricNumber == 2) {
3146                                    $('#totalOrders').text(commaSeparateNumber(homeData.TotalOrders));
3147                                }
3148                                if (thisMetricNumber == 3) {
3149                                    $('#totalCustomers').text(commaSeparateNumber(homeData.TotalSatisfiedCustomers));
3150                                }
3151                            }
3152                        });
3153                    });
3154                }
3155            },
3156            error: function (xhr, status, p3, p4) {
3157                //displayPopupNotification('Error.', 'error', false);
3158            }
3159        });
3160
3161
3162        // Create the observer like the examples above
3163        const observer = new IntersectionObserver(entries => {
3164            entries.forEach(entry => {
3165                if (entry.isIntersecting) {
3166                    entry.target.classList.add('animate');
3167                    return;
3168                }
3169
3170                entry.target.classList.remove('animate');
3171            });
3172        });
3173
3174        // Get multiple elements instead of a single one using "querySelectorAll"
3175        const screens = document.querySelectorAll('.iphoneHandHolder');
3176
3177        // Loop over the elements and add each one to the observer
3178        screens.forEach((element) => observer.observe(element));
3179
3180    });
3181
3182    //$(document).ready(function () {
3183    //    var w = window.innerWidth;
3184    //    if (w < 900) {
3185    //        $('#brandSlider').infiniteslide({
3186    //            'speed': 30,
3187    //            'direction': 'left'
3188    //        });
3189    //    }
3190    //});
3191
3192    var carousel = $(".carousel"),
3193        items = $(".sliderItem"),
3194        currdeg = 0;
3195
3196    function rotate(e) {
3197        currdeg = currdeg - 60
3198        carousel.css({
3199            "-webkit-transform": "rotateY(" + currdeg + "deg)",
3200            "-moz-transform": "rotateY(" + currdeg + "deg)",
3201            "-o-transform": "rotateY(" + currdeg + "deg)",
3202            "transform": "rotateY(" + currdeg + "deg)"
3203        });
3204        items.css({
3205            "-webkit-transform": "rotateY(" + (-currdeg) + "deg)",
3206            "-moz-transform": "rotateY(" + (-currdeg) + "deg)",
3207            "-o-transform": "rotateY(" + (-currdeg) + "deg)",
3208            "transform": "rotateY(" + (-currdeg) + "deg)"
3209        });
3210    }
3211
3212    // storing state in window.carouselPause
3213    const startCarousel = (e) => window.carouselPause = setInterval(rotate, 3000);
3214    const stopCarousel = (e) => clearInterval(window.carouselPause);
3215
3216    $('#introImageWrapper').on({
3217        // pause carousel when mouse is over
3218        'mouseenter': stopCarousel,
3219        // resume when mouse is off
3220        'mouseleave': startCarousel
3221    });
3222
3223    // start the carousel when the page is loaded
3224    startCarousel();
3225</script>
3225
3226
3227<div class="clear"></div>
3228
3229
3230
3231
3232            </div><!--/content-->
3233        </div><!--/InnerWrapperContent-->
3234        <div id="footer" class="hl-footer">
3235            <div class="hl-footer-inner">
3236                <div class="hl-footer-brand">
3237                    <div class="hl-footer-brand-left">
3238                        <img src="https://d21saq7hdx33e1.cloudfront.net/footer/logo.png" alt="HatLaunch" class="hl-footer-logo" />
3239                        <span class="hl-footer-divider"></span>
3240                        <span class="hl-footer-tagline">
3241                            High-quality custom headwear for America's businesses — large or small. No minimums.
3242                        </span>
3243                    </div>
3244                </div>
3245
3246                <div class="hl-footer-grid">
3247                    <div>
3248                        <h4 class="hl-fhead">Order Hats</h4>
3249                        <ul class="hl-flist">
3250                            <li><a class="hl-flink" href="/Order">Order Now</a></li>
3251                            <li><a class="hl-flink" href="/Order">Design Your Hat</a></li>
3252                            <li><a class="hl-flink" href="/custom-hats-for-small-businesses">Bulk / Volume Orders</a></li>
3253                            <li><a class="hl-flink" href="/Services/Embroidery">Embroidery</a></li>
3254                            <li><a class="hl-flink" href="/Services/LeatherPatches">Leather Patches</a></li>
3255                            <li><a class="hl-flink" href="/Services/PVCPatches">PVC Patches</a></li>
3256                        </ul>
3257                    </div>
3258                    <div>
3259                        <h4 class="hl-fhead">View Products</h4>
3260                        <ul class="hl-flist">
3261                            <li><a class="hl-flink" href="/custom-trucker-hats">Trucker Hats</a></li>
3262                            <li><a class="hl-flink" href="/custom-snapback-hats">Snapback Hats</a></li>
3263                            <li><a class="hl-flink" href="/custom-fitted-hats">Fitted Hats</a></li>
3264                            <li><a class="hl-flink" href="/custom-beanies">Beanies</a></li>
3265                            <li><a class="hl-flink" href="/hats/Richardson">Richardson</a></li>
3266                            <li><a class="hl-flink" href="/hats/FlexFit">FlexFit</a></li>
3267                            <li><a class="hl-flink" href="/hats/Yupoong">Yupoong</a></li>
3268                            <li><a class="hl-flink" href="/hats/Pacific">Pacific Headwear</a></li>
3269                            <li><a class="hl-flink" href="/hats/Kodo">Kodo Caps</a></li>
3270                            <li><a class="hl-flink" href="/apparel">Other Apparel</a></li>
3271                        </ul>
3272                    </div>
3273                    <div>
3274                        <h4 class="hl-fhead">About Us</h4>
3275                        <ul class="hl-flist">
3276                            <li><a class="hl-flink" href="/About">About HatLaunch</a></li>
3277                            <li><a class="hl-flink" href="/About/OurStory">Our Story</a></li>
3278                            <li><a class="hl-flink" href="/About/OurMission">Our Mission</a></li>
3279                            <li><a class="hl-flink" href="/About/OurPromise">Our Promise</a></li>
3280                            <li><a class="hl-flink" href="/Careers">Careers</a></li>
3281                            <li><a class="hl-flink" href="/Reviews">Reviews</a></li>
3282                            <li><a class="hl-flink" href="/blog">Blog</a></li>
3283                        </ul>
3284                    </div>
3285
3286                    <div class="hl-sweep">
3287                        <span class="hl-sweep-eyebrow">Sweepstakes</span>
3288                        <div class="hl-sweep-title">We Give Away<br />A Hat A Day</div>
3289                        <div class="hl-sweep-prize">
3290                            <div class="hl-sweep-thumb">
3291                                <img src="https://d21saq7hdx33e1.cloudfront.net/footer/kodo636.jpg" alt="Kodo 636" />
3292                            </div>
3293                            <div class="hl-sweep-prize-copy">
3294                                <span class="hl-sweep-prize-eyebrow">This Month's Prize</span>
3295                                <span class="hl-sweep-prize-name">Kodo 636</span>
3296                                <span class="hl-sweep-prize-sub">Custom embroidered, your logo</span>
3297                            </div>
3298                        </div>
3299                        <p class="hl-sweep-copy">
3300                            Throw your name in the hat and we pick one winner monthly to win hats for each day that month. 365 hats a year — that's a lot of lids.
3301                        </p>
3302                        <a class="hl-sweep-cta" href="/sweepstakes">Enter To Win &#10132;</a>
3303                    </div>
3304                </div>
3305
3306                <div class="hl-footer-grid hl-footer-grid-2">
3307                    <div>
3308                        <h4 class="hl-fhead">Programs</h4>
3309                        <ul class="hl-flist">
3310                            <li><a class="hl-flink" href="/affiliates">Affiliate Program</a></li>
3311                            <li><a class="hl-flink" href="/Rewards">Rewards</a></li>
3312                            <li><a class="hl-flink" href="/Services/Partnership">Partnerships</a></li>
3313                            <li><a class="hl-flink" href="/Services">Our Services</a></li>
3314                        </ul>
3315                    </div>
3316                    <div>
3317                        <h4 class="hl-fhead">Industries</h4>
3318                        <ul class="hl-flist">
3319                            <li><a class="hl-flink" href="/custom-hats-for-corporate-events">Events &amp; Venues</a></li>
3320                            <li><a class="hl-flink" href="/custom-hats-for-employee-uniforms">Workforce</a></li>
3321                            <li><a class="hl-flink" href="/custom-hats-for-gift-shops">Gifts &amp; Promotions</a></li>
3322                            <li><a class="hl-flink" href="/custom-hats-for-outdoor-brands">Outdoor</a></li>
3323                            <li><a class="hl-flink" href="/custom-hats-for-fishing-brands">Hunting &amp; Fishing</a></li>
3324                            <li><a class="hl-flink" href="/custom-hats-for-sports-teams">Athletics</a></li>
3325                        </ul>
3326                    </div>
3327                    <div>
3328                        <h4 class="hl-fhead">Top Categories</h4>
3329                        <ul class="hl-flist">
3330                            <li><a class="hl-flink" href="/custom-hats-construction">Construction</a></li>
3331                            <li><a class="hl-flink" href="/custom-hats-for-breweries-distilleries">Breweries</a></li>
3332                            <li><a class="hl-flink" href="/custom-hats-for-restaurants">Restaurants</a></li>
3333                            <li><a class="hl-flink" href="/custom-hats-for-golf-courses">Golf</a></li>
3334                            <li><a class="hl-flink" href="/custom-hats-for-corporate-events">Corporate Events</a></li>
3335                            <li><a class="hl-flink" href="/custom-hats-for-trucking-companies">Trucking</a></li>
3336                        </ul>
3337                    </div>
3338
3339                    <div>
3340                        <h4 class="hl-fhead">Get Social</h4>
3341                        <div class="hl-socrow">
3342                                <a class="hl-soc ig" href="https://instagram.com/HatLaunch" target="_blank" rel="noopener" aria-label="Instagram" title="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.5.4 1.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-.5.2-1.1.4-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-.5-.4-1.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.5-.2 1.1-.4 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zm
33420 1.8c-3.1 0-3.5 0-4.7.1-1.1.1-1.7.2-2.1.4-.5.2-.9.4-1.3.8-.4.4-.6.8-.8 1.3-.2.4-.3 1-.4 2.1C2.6 9.9 2.6 10.3 2.6 12s0 2.1.1 3.3c.1 1.1.2 1.7.4 2.1.2.5.4.9.8 1.3.4.4.8.6 1.3.8.4.2 1 .3 2.1.4 1.2.1 1.6.1 4.7.1s3.5 0 4.7-.1c1.1-.1 1.7-.2 2.1-.4.5-.2.9-.4 1.3-.8.4-.4.6-.8.8-1.3.2-.4.3-1 .4-2.1.1-1.2.1-1.6.1-3.3s0-2.1-.1-3.3c-.1-1.1-.2-1.7-.4-2.1-.2-.5-.4-.9-.8-1.3-.4-.4-.8-.6-1.3-.8-.4-.2-1-.3-2.1-.4C15.5 4 15.1 4 12 4zm0 3.1a4.9 4.9 0 1 1 0 9.8 4.9 4.9 0 0 1 0-9.8zm0 8.1a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4zm6.2-8.3a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 0 1 2.2 0z" /></svg></a>
3343                                <a class="hl-soc fb" href="https://facebook.com/HatLaunch" target="_blank" rel="noopener" aria-label="Facebook" title="Facebook"><svg viewBox="0 0 24 24"><path d="M24 12a12 12 0 1 0-13.9 11.9v-8.4H7.1V12h3V9.4c0-3 1.8-4.6 4.5-4.6 1.3 0 2.6.2 2.6.2v2.9h-1.5c-1.4 0-1.9.9-1.9 1.8V12h3.3l-.5 3.5h-2.8v8.4A12 12 0 0 0 24 12z" /></svg></a>
3344                                <a class="hl-soc tt" href="https://www.tiktok.com/@HatLaunch" target="_blank" rel="noopener" aria-label="TikTok" title="TikTok"><svg viewBox="0 0 24 24"><path d="M19.6 6.7a4.8 4.8 0 0 1-3-1.1 4.8 4.8 0 0 1-1.6-3.1h-3.3v13.2a2.7 2.7 0 1 1-1.9-2.6V9.6a6 6 0 1 0 5.2 5.9V8.9a8 8 0 0 0 4.6 1.5V6.7z" /></svg></a>
3345                        </div>
3346                        <div id="emailSubscribeFooter" class="hl-footer-subscribe">
3347                            <div class="klaviyo-form-SgF2iE"></div>
3348                        </div>
3349                    </div>
3350                </div>
3351            </div>
3352        </div><!--/footer-->
3353
3354        <div id="termsFooter" class="hl-terms">
3355            <div class="hl-terms-inner">
3356                <div class="hl-terms-links">
3357                    <a href="/Terms/Returns">Returns</a>
3358                    <a href="/Terms/TermsAndConditions">Terms &amp; Conditions</a>
3359                    <a href="/Terms/Privacy">Privacy</a>
3360                    <a href="/Terms/TermsOfSalesAndDelivery">Terms of Sale &amp; Delivery</a>
3361                    <a href="/sweepstakes-rules">Sweepstakes Terms</a>
3362                </div>
3363                <div class="hl-terms-right">
3364                    <a href="/User/Login" class="hl-terms-emplogin">Employee Login</a>
3365                        <a href="mailto:[email protected]" class="hlShow">[email protected]</a>
3366                        <span>&copy; 2026 HatLaunch</span>
3367                </div>
3368            </div>
3369        </div><!--/termsFooter-->
3370    </div><!--/wrapper-->
3371    <!-- Start of lidlaunch Zendesk Widget script -->
3372    <!-- End of lidlaunch Zendesk Widget script -->
3373
3374    <div id="promoExplainer" class="popup" style="z-index:1000; display:none;">
3375        <div class="smallPopupInner">
3376            <span onclick="$('#promoExplainer').hide();" class="closeButton" style="position:absolute; top:5px;right:5px;"><img src="https://d21saq7hdx33e1.cloudfront.net/closeButton.png"  height="30" alt="X" /></span>
3377            <h2>6 Free Beanies For Every 24 Hats Purchased</h2>
3378            <p>UP TO 12 free beanies with purchase of 48 hats.</p>
3379            <p>Black Cuffed Beanies. Front 2D Embroidery or Patch only.</p>
3380            <p>Beanies will automatically be applied to your cart as you add hats to your order.</p>
3381            <p>Customized with your logo using the decoration method you choose on your order.</p>
3382            <p>While supplies last. Order now before they are gone!</p>
3383        </div>
3384    </div>
3385    <div id="errorNotifcation" title="Error" style="display:none;">
3386        <div id="errorContent">
3387            <div style="padding:10px">
3388                <img src="https://d21saq7hdx33e1.cloudfront.net/alertIcon.png" alt="Alert Icon" height="30" />
3389            </div>
3390            <div style="text-align:left;">
3391                <div id="errorContentText">
3392                </div>
3393            </div>
3394        </div>
3395    </div>
3396    <div id="successNotification" title="Success" style="display:none;">
3397        <div id="successContent">
3398            <div style="padding:10px">
3399                <img src="https://d21saq7hdx33e1.cloudfront.net/alertIcon.png" alt="Alert Icon" height="30" />
3400            </div>
3401            <div style="text-align:left;">
3402                <div id="errorContentText">
3403                </div>
3404            </div>
3405        </div>
3406    </div>
3407    <div id="confirmationDialog" title="Are You Sure" style="display:none;">
3408        <div id="confirmationDialogContent">
3409            <div style="padding:10px">
3410                <img src="https://d21saq7hdx33e1.cloudfront.net/alertIcon.png" alt="Alert Icon" height="30" />
3411            </div>
3412            <div id="confirmationDialogContentText">
3413                Are you sure you want to do that?
3414            </div>
3415            <div id="confirmDialogContentButtonHolder">
3416                <input type="button" id="yesButton" value="Yes" class="smallButton"/>
3417                <input type="button" id="noButton" value="No" class="smallButton" />
3418            </div>
3419        </div>
3420    </div>
3421    <div id="loadingPanel" style="display:none;">
3422    </div>
3423
3424    <input type="hidden" name="promo" id="promo" value="">
3425    <input type="hidden" name="utm_source" id="utm_source" value="">
3426    <input type="hidden" name="utm_medium" id="utm_medium" value="">
3427    <input type="hidden" name="utm_campaign" id="utm_campaign" value="">
3428
3429    
3429<script type="text/javascript">
3430        var queryForm = function (settings) {
3431            var reset = settings && settings.reset ? settings.reset : false;
3432            var self = window.location.toString().toLowerCase();
3433            var querystring = self.split("?");
3434            if (querystring.length > 1) {
3435                var pairs = querystring[1].split("&");
3436                for (i in pairs) {
3437                    var keyval = pairs[i].split("=");
3438                    if (reset || sessionStorage.getItem(keyval[0]) === null) {
3439                        sessionStorage.setItem(keyval[0], decodeURIComponent(keyval[1]));
3440                    }
3441                }
3442            }
3443            var hiddenFields = document.querySelectorAll("input[type=hidden], input[type=text]");
3444            for (var i = 0; i < hiddenFields.length; i++) {
3445                var param = sessionStorage.getItem(hiddenFields[i].name);
3446                if (param) document.getElementsByName(hiddenFields[i].name)[0].value = param;
3447            } 
3448            var utmSource = $('#utm_source').val();
3449            if (utmSource == null || utmSource == '') {
3450                if (document.referrer == null || document.referrer == '') {
3451                    $('#utm_source').val('DIRECT');
3452                    sessionStorage.setItem('utm_source', 'DIRECT');
3453                } else {
3454                    if (document.referrer.toLowerCase().includes('https://hatlaunch.com') || document.referrer.toLowerCase().includes('https://shirtlaunch.com')) {
3455                        //don't track it - we only want to track external website traffic
3456                    }
3457                    else 
3458                    {
3459                        utmSource = 'ORG-' + document.referrer;
3460                        $('#utm_source').val(utmSource);
3461                        sessionStorage.setItem('utm_source', utmSource);
3462                    }
3463                }       
3464            }
3465        }
3466
3467        setTimeout(function () { queryForm(); }, 2000);
3468
3469        $(document).ready(function () {
3470            var bulkOrderFromSession = localStorage.getItem('bulkOrderSession');
3471
3472            if (bulkOrderFromSession != null) {
3473                bulkOrderSession = JSON.parse(bulkOrderFromSession);
3474                var currentBulkProductList = bulkOrderSession.bulkOrderItems;
3475                updateNavigationCart(currentBulkProductList);
3476            }
3477
3478            $(window).on('resize', function () {
3479                var win = $(this); //this = window
3480                if (win.width() >= 1150) {
3481                    $('#navigation').show();
3482                    $('.subDrop').removeAttr("style");
3483                }
3484            });
3485        });
3486        var adminMenuShown = false;
3487        function ShowAdminMenu() {
3488            if (!adminMenuShown) {
3489                $('#adminMenu').removeClass('collapsed');
3490                adminMenuShown = true;
3491            }
3492
3493        }
3494        document.addEventListener('click', function (event) {
3495            if (adminMenuShown) {
3496                const target = event.target;
3497                const div = document.getElementById('adminMenu');
3498
3499                if (!div.contains(target)) {
3500                    $('#adminMenu').addClass('collapsed');
3501                    $('.adminLinkGroupItemHolder').hide();
3502                    adminMenuShown = false;
3503                }
3504            }
3505        });
3506        function showSubLinks(that) {
3507            $('.adminLinkGroupItemHolder').hide();
3508            $(that).closest('.adminLinkGroup').find('.adminLinkGroupItemHolder').slideToggle();
3509        }
3510    </script>
3510    
3511    
3512</body>
3513</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.