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 & 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" /> X <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&badge=0&autopause=0&player_id=0&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't be happier!! 10/10. Five Stars. I have found my hat company…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
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’
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.

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’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'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’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’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’m happy with how the finished product turned out. This order was really a test for me. I’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’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's exactly how I pictured it and it'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. 
Turn-around on delivery could have been faster. 
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&badge=0&autopause=0&player_id=0&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&badge=0&autopause=0&player_id=0&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 ➔</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 & 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 & 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 & 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 & Conditions</a> 3359 <a href="/Terms/Privacy">Privacy</a> 3360 <a href="/Terms/TermsOfSalesAndDelivery">Terms of Sale & 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>© 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.