1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title> - Worth & Company Online Store</title> 7 8 <meta charset="utf-8"> 9 <!-- SEO Meta Tags--> 10 <meta name="description" content="Worth & Company Online Store"> 11 <meta name="keywords" content="bootstrap, shop, e-commerce, market, modern, responsive, business, mobile, bootstrap, html5, css3, js, gallery, slider, touch, creative, clean"> 12 13 <!-- Viewport--> 14 <meta name="viewport" content="width=device-width, initial-scale=1"> 15 16 <!-- ===============================================--> 17 <!-- Stylesheets--> 18 <!-- ===============================================--> 19 <!-- Favicon and Touch Icons--> 20 <meta name="msapplication-TileColor" content="#ffffff"> 21 <meta name="theme-color" content="#ffffff"> 22 <link rel="icon" href="https://cogginsweb.blob.core.windows.net/wl-worthcompany/Images/WCOfavicon.ico" type="image/x-icon"> 23 24 25 <!-- Vendor Styles --> 26 <link rel="stylesheet" media="screen" href="/vendors/cartzillavendors/vendor/simplebar/dist/simplebar.min.css" /> 27 <link rel="stylesheet" media="screen" href="/vendors/cartzillavendors/vendor/tiny-slider/dist/tiny-slider.css" /> 28 <link rel="stylesheet" media="screen" href="/vendors/cartzillavendors/vendor/drift-zoom/dist/drift-basic.min.css" /> 29 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha384-t1nt8BQoYMLFN5p42tRAtuAAFQaCQODekUVeKKZrEnEyp4H2R0RHFz0KWpmj7i8g" crossorigin="anonymous" /> 30 31 <!-- Main Stylesheets--> 32 <link href="/css/theme-coggins.min.css" type="text/css" rel="stylesheet"> 33 34 <!-- Main Stylesheets (Apollo per-store CSS; SRI when ApolloStyleCSSIntegrity is set) --> 35 <link href="https://cogginsweb.blob.core.windows.net/wl-worthcompany/ApolloStyle_202604291432.css" type="text/css" rel="stylesheet"> 36 37 38 <!-- Google Fonts (no SRI â provider may change CSS body for the same URL) --> 39 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> 40 41 <!-- Font Awesome for icons --> 42 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha384-t1nt8BQoYMLFN5p42tRAtuAAFQaCQODekUVeKKZrEnEyp4H2R0RHFz0KWpmj7i8g" crossorigin="anonymous" /> 43 44 <!-- ===============================================--> 45 <!-- Javascript--> 46 <!-- ===============================================--> 47
47<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha384-1H217gwSVyLSIfaLxHbE7dRb3v4mYCKbpQvzx0cegeju1MVsGrX5xXxAvs/HgeFs" crossorigin="anonymous"></script>
47 48
48<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js" integrity="sha384-+mbV2IY1Zk/X1p/nWllGySJSUN8uMs+gUAN10Or95UBH0fpj6GfKgPmgC5EXieXG" crossorigin="anonymous"></script>
48 49
49<script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js" integrity="sha384-QHPBqENOg6UKmsoXiXjrEEu2W4rJZaCHDTqIOI9JqSg6dI3chbQ+0kXAYUQLEDYn" crossorigin="anonymous"></script>
49 50
50<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js" integrity="sha384-6LwNpGeYDjlORU0Q5rfxEC8SQO6/FTh/VecUcvFvNx1gLMdX5dm8y1Y739D3lFSW" crossorigin="anonymous" depends-on="jquery"></script>
50 51 52 <!-- Telerik --> 53 <link href="https://kendo.cdn.telerik.com/themes/13.0.0/default/default-main.css" rel="stylesheet" type="text/css" integrity="sha384-C7PAGV6plRB3HsT+QhLk2W8yUyfkSLDxhZApO1Uzc9+pgT7mcm8RJHxbnes5cxss" crossorigin="anonymous" /> 54 <link href="https://kendo.cdn.telerik.com/themes/13.0.0/bootstrap/bootstrap-main.css" rel="stylesheet" type="text/css" integrity="sha384-sj+OaGqBprEhxgBZC8n60aGqCEDJX1KBBJgt498q8eqbW3WjXAnjjWfvM7mOV7vV" crossorigin="anonymous" /> 55 56 57
57<script src="https://cdn.kendostatic.com/2026.1.212/js/kendo.all.min.js" integrity="sha384-mLcAmM+HtxOVd9MOLKGbooZ/rF99ZEuzz5HNohPxjcc44V8J8hy0sZSc1n48KeJu" crossorigin="anonymous" depends-on="jquery"></script>
57 58
58<script src="https://cdn.kendostatic.com/2026.1.212/js/kendo.aspnetmvc.min.js" integrity="sha384-HTiqIQg3GgJr977M/A+QET4/T/rITkHPd08icCtzzR7aGQzKvPGFbHNxYcBvYPQ/" crossorigin="anonymous" depends-on="jquery"></script>
58 59 <!-- ===============================================--> 60 <!-- Braintree--> 61 <!-- ===============================================--> 62
62<script src="https://js.braintreegateway.com/web/dropin/1.45.2/js/dropin.min.js" integrity="sha384-WUvoxKSuLpSggilqZjlTpcDWYbMvj05rc4ZRfdNEbIjMxW8n1Hhn5nb9S6QhIli2" crossorigin="anonymous"></script>
62 63 64 65 <style type="text/css" nonce="SY1N9ThFaiY1bZrpJbCfRw"> 66 67 </style> 68</head> 69<body id="body"> 70 <!-- SVG filter definitions for color-blind modes (hidden, no layout impact) --> 71 <svg b-bx88k98ihe class="svg-filters" aria-hidden="true" focusable="false"> 72 <defs b-bx88k98ihe> 73 <filter b-bx88k98ihe id="protanopia"> 74 <feColorMatrix b-bx88k98ihe type="matrix" values="0.567 0.433 0 0 0 0.558 0.442 0 0 0 0 0.242 0.758 0 0 0 0 0 1 0" /> 75 </filter> 76 <filter b-bx88k98ihe id="deuteranopia"> 77 <feColorMatrix b-bx88k98ihe type="matrix" values="0.625 0.375 0 0 0 0.7 0.3 0 0 0 0 0.3 0.7 0 0 0 0 0 1 0" /> 78 </filter> 79 <filter b-bx88k98ihe id="tritanopia"> 80 <feColorMatrix b-bx88k98ihe type="matrix" values="0.95 0.05 0 0 0 0 0.433 0.567 0 0 0 0.475 0.525 0 0 0 0 0 1 0" /> 81 </filter> 82 </defs> 83 </svg> 84 85 86 87 88<style nonce="SY1N9ThFaiY1bZrpJbCfRw"> 89 .k-state-default { 90 border-bottom: 0px solid #ddd !important; 91 } 92 93 .k-list-item.k-selected, .k-selected.k-list-optionlabel { 94 color: #ffffff; 95 background-color: #1274AC; 96 } 97 98 .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel { 99 color: #ffffff; 100 background-color: #1274AC; 101 } 102 103 span.k-list-item-text::before { 104 height: 0px !important; 105 position: absolute !important; 106 } 107 108 .dropdown-header { 109 border-width: 0 0 1px 0; 110 text-transform: uppercase; 111 background: #ffffff !important; 112 color: #000000 !important; 113 padding: 0; 114 } 115 116 .k-header { 117 border-width: 0 0 1px 0; 118 text-transform: uppercase; 119 background: #ffffff !important; 120 color: #000000 !important; 121 } 122 123 .dropdown-header > span { 124 display: inline-block; 125 padding: 10px; 126 margin-right: 30px; 127 } 128 129 .dropdown-header > span:first-child { 130 width: 50px; 131 } 132 133 .selected-value { 134 display: inline-block; 135 vertical-align: middle; 136 width: 50px; 137 height: 50px; 138 background-size: 100%; 139 margin-right: 5px; 140 border-radius: 50%; 141 } 142 143 .k-state-default { 144 display: flex; 145 align-items: center; 146 padding: 10px; 147 border-bottom: 1px solid #ddd; 148 } 149 150 .item-image { 151 width: 100px; 152 height: 100px; 153 background-size: cover; 154 background-position: center; 155 margin-right: 10px; 156 } 157 158 .item-details h3 { 159 font-size: 1em; 160 margin: 0; 161 padding: 0; 162 } 163 164 .item-details p { 165 font-size: 0.8em; 166 margin: 0; 167 padding: 0; 168 } 169 170 .demo-hint { 171 font-size: 0.9em; 172 color: #777; 173 text-align: center; 174 } 175 176 .k-list-filter { 177 width: initial !important; 178 } 179 180 .k-clear-value { 181 position: relative; 182 left: -2rem; 183 z-index: 999; 184 } 185 186 187 @media (min-width: 992px) { 188 .navbar-expand-lg .navbar-nav { 189 flex-direction: row; 190 flex-wrap: wrap; 191 } 192 } 193</style> 194 195<section id="layoutHeader"> 196 <!-- Navbar 3 Level (Light)--> 197 <header class="shadow-sm"> 198 <!-- Topbar--> 199 <div class="topbar topbar-dark bg-dark top-ribbon"> 200 <div class="container"> 201 <div class="topbar-text dropdown d-none"> 202 <a class="topbar-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Useful links</a> 203 <ul class="dropdown-menu"> 204 <li><a class="dropdown-item" href="/Content/CustomerService"><i class="ci-support text-muted me-2"></i>Customer Service</a></li> 205 <li><a class="dropdown-item" href="/Account/OrderHistory"><i class="ci-location text-muted me-2"></i>Order tracking</a></li> 206 </ul> 207 </div> 208 <div class="topbar-text text-nowrap d-none d-md-inline-block"><i class="ci-support"></i><a class="topbar-link" href="/Content/CustomerService">Customer Service</a></div> 209 210 <div class="tns-carousel tns-controls-static d-md-block no-show-redeem extend-mobile"> 211 <div class="tns-carousel-inner no-show-redeem"> 212 <div class="topbar-text"></div> 213 </div> 214 </div> 215 <div class="topbar-text ms-3 text-nowrap d-none d-md-inline-block no-show-redeem"> 216 <i class="ci-location"></i><a class="topbar-link me-4 d-none d-md-inline-block " href="/Account/OrderHistory">Order tracking</a> 217 </div> 218 </div> 219 </div> 220 221 <!-- Remove "navbar-sticky" class to make navigation bar scrollable with the page.--> 222 <div class="navbar-sticky bg-light layout-header-background"> 223 <div class="navbar navbar-expand-lg navbar-light"> 224 <div class="container"> 225 <a class="navbar-brand d-none d-sm-block flex-shrink-0 desktop-logo" href="/"><img src="https://cogginsweb.blob.core.windows.net/wl-worthcompany/Images/WCOmain-logo emp.svg" alt="Main Brand Logo"></a><a class="navbar-brand d-sm-none flex-shrink-0 me-2 mobile-logo" href="/"><img src="https://cogginsweb.blob.core.windows.net/wl-worthcompany/Images/WCOmain-logo emp.svg" alt="Main Brand Logo"></a> 226 227 228 229 <div class="navbar-toolbar d-flex flex-shrink-0 align-items-center"> 230 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-label="Toggle navigation">
231 <span class="navbar-toggler-icon"></span> 232 </button> 233 <a class="navbar-tool navbar-stuck-toggler pt-2 pb-2" href="#"> 234 <span class="navbar-tool-tooltip mb-3">Expand menu</span> 235 <div class="navbar-tool-icon-box bg-secondary"> 236 <i class="navbar-tool-icon ci-menu"></i> 237 </div> 238 </a> 239 <div class="navbar-tool d-none d-lg-flex pt-2 pb-2 search-btn"> 240 <span class="navbar-tool-tooltip mb-3">Search</span> 241 <div class="navbar-tool-icon-box bg-secondary ms-3 search-icon-btn"><i class="navbar-tool-icon ci-search"></i></div> 242 </div> 243 <a class="navbar-tool d-none d-lg-flex pt-2 pb-2" href="/Account/Wishlist"> 244 <span class="navbar-tool-tooltip mb-3">Wishlist</span> 245 <div class="navbar-tool-icon-box bg-secondary ms-3 wishlist-btn"><i class="navbar-tool-icon ci-heart"></i></div> 246 </a> 247 <a class="navbar-tool ms-1 ms-lg-3 me-n1 me-lg-2 nav-link text-dark" href="/Account/Login"> 248 <span class="navbar-tool-tooltip">Login</span> 249 <div class="navbar-tool-icon-box bg-secondary me-lg-3 account-btn"><i class="navbar-tool-icon ci-user"></i></div> 250 <div class="navbar-tool-text ms-n3"><small>Hello, Login</small>My Account</div> 251 </a> 252 253 <div class="navbar-tool dropdown ms-3"> 254 255 <!-- Cart dropdown--> 256 257<a class="navbar-tool-icon-box bg-secondary dropdown-toggle hidden-xs carticon-btn" href="/SecureCart/Cart"> 258 <span class="navbar-tool-label cartnumber-btn">0</span> 259 <i class="navbar-tool-icon ci-cart"></i> 260</a> 261<a class="navbar-tool-text" href="#"> 262 <small>My Cart</small> 263 $0.00 264</a> 265 266<a class="button-mobile d-none" role="button" href="/SecureCart/Cart"> 267 <span class="glyphicon glyphicon-shopping-cart"></span> 268 <span class="badge label-success item-count">0</span> 269</a> 270 271<ul id="cartToggle" class="dropdown-menu dropdown-menu-end"> 272 <li class="widget widget-cart px-3 pt-2 coggins-cartdefault-li"> 273 274 <div class="items-container coggins-cartdefault-div" data-simplebar="init" data-simplebar-auto-hide="false" > 275 <ul class="list-unstyled shopping-cart-items"> 276 </ul> 277 </div> 278 <div class="widget-cart-header align-items-center d-flex gap-1 justify-content-end"> 279 <span class="fs-sm">Subtotal:</span> 280 <span class="text-accent fs-base">$0.00</span> 281 </div> 282 <div class="pt-3"> 283 </div> 284 </li> 285</ul> 286 287 </div> 288 289 290 </div> 291 </div> 292 </div> 293 <div class="navbar-sticky bg-light search-area hiding layout-header-background"> 294 <div class="navbar navbar-expand-lg navbar-light"> 295 <div class="container"> 296 <div class="k-d-flex k-justify-content-center m-auto coggins-layoutheader-div"> 297 <div class="k-w-400"> 298 <form method="post" class="search-container" action="/Products/SearchResults"> 299 300 301 <label for="search" class="coggins-searchcontrol-label">Search Products:</label> 302 <input id="search" name="search" type="text" value="" /> 303
303<script src="/kendo-deferred-scripts-cb544095-c78d-454e-a3d3-4853b510e077.js" nonce="SY1N9ThFaiY1bZrpJbCfRw"></script>
303 304<link href="/kendo-deferred-styles-cb544095-c78d-454e-a3d3-4853b510e077.css" nonce="SY1N9ThFaiY1bZrpJbCfRw" rel="stylesheet"></link> 305 306 <button type="submit" class="btn btn-primary" id="searchButton">Search</button> 307<input name="__RequestVerificationToken" type="hidden" value="CfDJ8CSqVRfCpxNKvOBrJJoRxd1c5qUlO0RJ3g6hiac4dpjwD1ebDRiZSfjYGOoR8pvE92PUkCuhbACfFcQ8TMxi3vgZo5i2MlEavlpnMAq9klxE18ozB2dHQYKc7bZB58B9T96psSYfOLBrHkNid9GxXV4" /></form> 308
309<script nonce="SY1N9ThFaiY1bZrpJbCfRw"> 310 function onSearchItemSelect(e) { 311 var dataItem = this.dataItem(e.item.index()); 312 if (dataItem && dataItem.ItemNumber) { 313 e.preventDefault(); 314 window.location.href = '/Products/ProductDetails/' + encodeURIComponent(dataItem.ItemNumber); 315 } 316 } 317 318 $(document).ready(function() { 319 var searchControl = $("#search").data("kendoAutoComplete"); 320 if (searchControl) { 321 searchControl.setOptions({ 322 template: function(data) { 323 var encodedItemNumber = kendo.htmlEncode(data.ItemNumber || ''); 324 var encodedItemName = kendo.htmlEncode(data.ItemName || ''); 325 var encodedPrimaryImage = kendo.htmlEncode(data.PrimaryImage || ''); 326 327 return '<div class="k-item">' + 328 '<span class="item-image coggins-searchcontrol-span" style="background-image: url(\'/Products/GetImage/' + encodedPrimaryImage + '\');"></span>' + 329 '<span class="item-details" style="display: inline-block; vertical-align: top; padding-left: 10px;">' + 330 '<h3>' + encodedItemNumber + '</h3>' + 331 '<p>' + encodedItemName + '</p>' + 332 '</span>' + 333 '</div>'; 334 } 335 }); 336 } 337 }); 338</script>
338 339 </div> 340 </div> 341 </div> 342 </div> 343 </div> 344 345 346 <div class="navbar navbar-expand-lg navbar-light navbar-stuck-menu mt-n2 pt-0 pb-2"> 347 <div class="container"> 348 <div class="collapse navbar-collapse" id="navbarCollapse"> 349 <!-- Search--> 350 351 <!-- Primary menu--> 352 <span class="category-content"> 353<style nonce="SY1N9ThFaiY1bZrpJbCfRw"> 354 /* basic nested dropdown styling */ 355 .dropdown-menu .dropdown-menu { 356 margin-left: 0.75rem; 357 margin-right: 0.75rem; 358 } 359</style> 360<ul class="navbar-nav"> 361 362 <li class="nav-item dropdown"> 363 364 <a class="nav-link dropdown-toggle d-none d-lg-inline-block cat-links-apollo" data-bs-auto-close="outside" href="/Products/ProductGrid/Apparel">Apparel <span class="coggins-down-caret d-none d-lg-inline-block"></span></a> 365 <a class="nav-link dropdown-toggle d-lg-none coggins-dropdown cat-links-apollo" data-bs-auto-close="outside" data-bs-toggle="dropdown">Apparel</a> 366 <ul class="dropdown-menu"> 367 <li class="dropdown"> 368 <a class="dropdown-item dropdown-cat-links-apollo" href="/Products/ProductGrid/mens%20%20%20%20%20%20">Men's Apparel</a> 369 370 </li> 371 <li class="dropdown"> 372 <a class="dropdown-item dropdown-cat-links-apollo" href="/Products/ProductGrid/lds%20%20%20%20%20%20%20">Ladies' Apparel</a> 373 374 </li> 375 376 </ul> 377 </li> 378 <li class="nav-item dropdown"> 379 380 <a class="nav-link cat-links-apollo" href="/Products/ProductGrid/headwear">Headwear</a> 381 </li> 382 <li class="nav-item dropdown"> 383 384 <a class="nav-link cat-links-apollo" href="/Products/ProductGrid/bags">Bags</a> 385 </li> 386 387</ul> 388 389
390<script nonce="SY1N9ThFaiY1bZrpJbCfRw"> 391 document.addEventListener('click', function (e) { 392 const toggle = e.target.closest('.dropdown-menu .dropdown-toggle'); 393 if (!toggle) return; 394 395 const submenu = toggle.nextElementSibling; 396 if (!submenu || !submenu.classList.contains('dropdown-menu')) return; 397 398 // Desktop links should remain clickable 399 if (window.matchMedia('(min-width: 992px)').matches && toggle.hasAttribute('href')) { 400 return; 401 } 402 403 e.preventDefault(); 404 e.stopPropagation(); 405 406 toggle.closest('.dropdown-menu') 407 .querySelectorAll('.dropdown-menu.show') 408 .forEach(m => { 409 if (m !== submenu) m.classList.remove('show'); 410 }); 411 412 submenu.classList.toggle('show'); 413 }); 414</script>
414</span> 415 </div> 416 </div> 417 </div> 418 </div> 419 </header> 420 421</section> 422
423<script nonce="SY1N9ThFaiY1bZrpJbCfRw"> 424 let searchArea = document.querySelector(".search-area") 425 let searchIcon = document.querySelector(".search-btn") 426 427 428 searchIcon.addEventListener("click", (e) => { 429 console.log(e.target) 430 if (searchArea.classList.contains('hiding')) { 431 searchArea.classList.remove("hiding") 432 console.log(e.target) 433 434 } else { 435 searchArea.classList.add("hiding") 436 console.log(e.target) 437 438 } 439 }) 440 441 $(document).ready(function () { 442 $('#seach').on('keypress', function (e) { 443 if (e.which === 13) { 444 e.preventDefault(); 445 $('#searchButton').click(); 446 } 447 }); 448 }); 449</script>
449 450 <div b-bx88k98ihe class="site-page-content"> 451 <main b-bx88k98ihe id="layoutBodyWrap" role="main" class="pb-3"> 452 453 454<section id="login"> 455 <div class="container min-page-length"> 456 <div class="row justify-content-between align-items-start col-md-10 m-auto"> 457 <!-- Login Section --> 458 <div class="col-md-4 pr-md-5"> 459 <h2 class="mb-4 coggins-login-h2">Login</h2> 460 <form method="post"> 461 <input type="hidden" id="ReturnUrl" name="ReturnUrl" value="" /> 462 <div class="form-group mb-3"> 463 <label for="inputEmail3" class="coggins-login-label"> 464 Email <small class="text-muted">required</small> 465 </label> 466 <input type="email" class="form-control" id="inputEmail3" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="Email is required" name="Email" value="" /> 467 </div> 468 <div class="form-group mb-3"> 469 <label for="inputPassword3" class="coggins-login-label"> 470 Password <small class="text-muted">required</small> 471 </label> 472 <input type="password" class="form-control" id="inputPassword3" data-val="true" data-val-required="Password is required" name="Password" /> 473 </div> 474 <div class="form-group"> 475 <input type="submit" value="Sign In" class="btn btn-dark btn-block w-100 auth-btn coggins-login-input" /> 476 </div> 477 <div class="form-group mt-3"> 478 <a class="text-primary" href="/Account/ForgotPassword">Forgot password?</a> 479 </div> 480 <input name="__RequestVerificationToken" type="hidden" value="CfDJ8CSqVRfCpxNKvOBrJJoRxd1c5qUlO0RJ3g6hiac4dpjwD1ebDRiZSfjYGOoR8pvE92PUkCuhbACfFcQ8TMxi3vgZo5i2MlEavlpnMAq9klxE18ozB2dHQYKc7bZB58B9T96psSYfOLBrHkNid9GxXV4" /></form> 481 </div> 482 <div class="col-md-2 mobile-remove coggins-login-div"></div> 483 484 <div class="mobile-margin"></div> 485 486 487 <!-- Create Account / Guest Checkout Section --> 488 <div class="col-md-5"> 489<div><h2 class="mb-4 coggins-login-h2">Request Access</h2><a href="mailto:[email protected]?subject=" request"="" store="" access&body="Please" include="" your="" (1)="" full="" name="" (2)="" department="" (3)="" job="" title="" (4)="" default="" shipping="" address"="" class="btn btn-dark btn-block w-50 auth-btn coggins-login-a">Request Access</a> </div> </div> 490 491 492 493 494 </div> 495 </div> 496 497</section> 498 499 500 501 </main> 502 </div> 503 504 505<footer class="footer bg-dark pt-5 redemption-styling footer-1 footer-top"> 506 <div class="container no-show-redeem"> 507 <div class="row pb-2 "> 508 <div class="col-md-4 col-sm-6"> 509 <div class="widget widget-links widget-light pb-2 mb-4"> 510 <h3 class="widget-title text-light">Shop departments</h3> 511 <ul class="widget-list"> 512 <span class="footer-menu"> 513<style nonce="SY1N9ThFaiY1bZrpJbCfRw"> 514 /* basic nested dropdown styling */ 515 .dropdown-menu .dropdown-menu { 516 margin-left: 0.75rem; 517 margin-right: 0.75rem; 518 } 519</style> 520<ul class="navbar-nav"> 521 522 <li class="nav-item dropdown"> 523 524 <a class="nav-link dropdown-toggle d-none d-lg-inline-block cat-links-apollo" data-bs-auto-close="outside" href="/Products/ProductGrid/Apparel">Apparel <span class="coggins-down-caret d-none d-lg-inline-block"></span></a> 525 <a class="nav-link dropdown-toggle d-lg-none coggins-dropdown cat-links-apollo" data-bs-auto-close="outside" data-bs-toggle="dropdown">Apparel</a> 526 <ul class="dropdown-menu"> 527 <li class="dropdown"> 528 <a class="dropdown-item dropdown-cat-links-apollo" href="/Products/ProductGrid/mens%20%20%20%20%20%20">Men's Apparel</a> 529 530 </li> 531 <li class="dropdown"> 532 <a class="dropdown-item dropdown-cat-links-apollo" href="/Products/ProductGrid/lds%20%20%20%20%20%20%20">Ladies' Apparel</a> 533 534 </li> 535 536 </ul> 537 </li> 538 <li class="nav-item dropdown"> 539 540 <a class="nav-link cat-links-apollo" href="/Products/ProductGrid/headwear">Headwear</a> 541 </li> 542 <li class="nav-item dropdown"> 543 544 <a class="nav-link cat-links-apollo" href="/Products/ProductGrid/bags">Bags</a> 545 </li> 546 547</ul> 548 549
550<script nonce="SY1N9ThFaiY1bZrpJbCfRw"> 551 document.addEventListener('click', function (e) { 552 const toggle = e.target.closest('.dropdown-menu .dropdown-toggle'); 553 if (!toggle) return; 554 555 const submenu = toggle.nextElementSibling; 556 if (!submenu || !submenu.classList.contains('dropdown-menu')) return; 557 558 // Desktop links should remain clickable 559 if (window.matchMedia('(min-width: 992px)').matches && toggle.hasAttribute('href')) { 560 return; 561 } 562 563 e.preventDefault(); 564 e.stopPropagation(); 565 566 toggle.closest('.dropdown-menu') 567 .querySelectorAll('.dropdown-menu.show') 568 .forEach(m => { 569 if (m !== submenu) m.classList.remove('show'); 570 }); 571 572 submenu.classList.toggle('show'); 573 }); 574</script>
574</span> 575 576 577 578 579 </ul> 580 </div> 581 </div> 582 <div class="col-md-4 col-sm-6"> 583 <div class="widget widget-links widget-light pb-2 mb-4"> 584 <h3 class="widget-title text-light">Account & shipping info</h3> 585 <ul class="widget-list"> 586 <li class="widget-list-item "> <a class="widget-list-link " href="/Account/OrderHistory" target="_self" aria-label="Your account Link">Your account</a></li> 587 <li class="widget-list-item "> <a class="widget-list-link " href="/Content/Returns" target="_self" aria-label="Refunds & replacements Link">Refunds & replacements</a></li> 588 <li class="widget-list-item "> <a class="widget-list-link " href="/Account/OrderHistory" target="_self" aria-label="Order tracking Link">Order tracking</a></li> 589 <li class="widget-list-item "> <a class="widget-list-link " href="/Account/OrderHistory" target="_self" aria-label="Delivery info Link">Delivery info</a></li> 590 591 </ul> 592 </div> 593 </div> 594 <div class="col-md-4"> 595 <div class="widget pb-2 mb-4"> 596 <h3 class="widget-title text-light pb-1">Stay informed</h3> 597 <form class="newsletter-subscribe-form validate" action="/Account/SubscribeEmail" method="post" novalidate> 598 <div class="input-group flex-nowrap"> 599 <i class="ci-mail position-absolute top-50 translate-middle-y text-muted fs-base ms-3"></i> 600 <input class="form-control rounded-start" 601 type="email" 602 name="emailAddress" 603 placeholder="Your email" 604 required> 605 <button class="btn btn-primary" type="submit">Subscribe*</button> 606 </div> 607 608 <div class="coggins-layoutfooter-divone" aria-hidden="true"> 609 <input class="newsletter-antispam" type="text" name="b_c7103e2c981361a6639545bd5_29ca296126" tabindex="-1"> 610 </div> 611 <div class="form-text text-light opacity-60">*Subscribe to our newsletter to receive early discount offers, updates and new products info.</div> 612 <div class="newsletter-status"></div> 613 </form> 614 </div> 615 </div> 616 </div> 617 </div> 618 <div class="pt-5 bg-darker footer-2 footer-bottom"> 619 <div class="container"> 620 621 <hr class="hr-light mb-5"> 622 <div class="row pb-2 no-show-redeem"> 623 <div class="col-md-7 text-center text-md-start mb-4"> 624 <div class="text-nowrap mb-4"> 625 626 </div> 627 <div class="widget widget-links widget-light"> 628 <ul class="widget-list d-flex flex-wrap justify-content-center justify-content-md-start"> 629 <li class="widget-list-item me-4 custom-orders"><a class="widget-list-link" href="/Content/CustomOrders" target="_self" aria-label="Custom Orders Link">Custom Orders</a></li> 630 <li class="widget-list-item me-4 customer-service"><a class="widget-list-link" href="/Content/CustomerService" target="_self" aria-label="Customer Service Link">Customer Service</a></li> 631 <li class="widget-list-item me-4 privacy-policy"><a class="widget-list-link" href="/Content/PrivacyPolicy" target="_self" aria-label="Privacy Policy Link">Privacy Policy</a></li> 632 <li class="widget-list-item me-4 returns"><a class="widget-list-link" href="/Content/Returns" target="_self" aria-label="Returns Link">Returns</a></li> 633 <li class="widget-list-item me-4 shipping"><a class="widget-list-link" href="/Content/Shipping" target="_self" aria-label="Shipping Link">Shipping</a></li> 634 <li class="widget-list-item me-4 site-terms"><a class="widget-list-link" href="/Content/SiteTerms" target="_self" aria-label="Site Terms Link">Site Terms</a></li> 635 </ul> 636 </div> 637 </div> 638 <div class="col-md-5 text-center text-md-end mb-4"> 639 <div class="mb-3"> 640 <a class="btn-social bs-light bs-facebook ms-2 mb-2" href="https://www.facebook.com/WorthandCompanyInc" aria-label="facebook Link"><i class="ci-facebook"></i></a>
641 <a class="btn-social bs-light bs-linkedin ms-2 mb-2" href="https://www.linkedin.com/company/worth-and-company/" aria-label="linkedin Link"><i class="ci-linkedin"></i></a> 642 <a class="btn-social bs-light bs-instagram ms-2 mb-2" href="https://www.instagram.com/worthandcompanyinc/" aria-label="instagram Link"><i class="ci-instagram"></i></a> 643 <a class="btn-social bs-light bs-youtube ms-2 mb-2" href="https://www.youtube.com/@WorthandCompanyInc." aria-label="youtube Link"><i class="ci-youtube"></i></a> 644 645 </div> 646 <img class="d-inline-block" src="/img/cartzillaimages/img/cards-alt.png" width="187" alt="Payment methods"> 647 </div> 648 </div> 649 <div class="pb-4 fs-xs text-light opacity-60 text-center text-md-start"> © 2026 - Worth & Company Online Store</div> 650 </div> 651 </div> 652</footer> 653
654<script type="text/javascript" nonce="SY1N9ThFaiY1bZrpJbCfRw"> 655 const initNewsletterForm = () => { 656 const forms = document.querySelectorAll('.newsletter-subscribe-form'); 657 if (forms.length === 0) return; 658 659 forms.forEach(form => { 660 const button = form.querySelector('button[type="submit"]'); 661 const input = form.querySelector('input[type="email"]'); 662 const antispam = form.querySelector('.newsletter-antispam'); 663 const status = form.querySelector('.newsletter-status'); 664 const originalText = button.innerHTML; 665 666 form.addEventListener('submit', async (e) => { 667 e.preventDefault(); 668 if (antispam?.value !== '') return; // bot 669 670 if (!input.value.trim()) { 671 showMessage('Please enter your email', 'error'); 672 return; 673 } 674 675 button.disabled = true; 676 button.innerHTML = 'Sending...'; 677 678 try { 679 const formData = new FormData(); 680 formData.append('emailAddress', input.value.trim()); 681 682 const response = await fetch(form.action, { 683 method: 'POST', 684 body: formData 685 }); 686 687 if (response.ok) { 688 showMessage('Thank you! You\'ve been subscribed.', 'success'); 689 input.value = ''; 690 } else { 691 showMessage('Something went wrong. Please try again.', 'error'); 692 } 693 } catch (err) { 694 showMessage('Network error. Check your connection.', 'error'); 695 } finally { 696 button.disabled = false; 697 button.innerHTML = originalText; 698 } 699 700 function showMessage(msg, type) { 701 status.textContent = msg; 702 status.className = 'newsletter-status ' + (type === 'success' ? 'text-success' : 'text-danger'); 703 setTimeout(() => { status.textContent = ''; status.className = 'newsletter-status'; }, 6000); 704 } 705 }); 706 }); 707 }; 708 709 initNewsletterForm(); 710 </script>
710 711 712 713 714 <!-- ===============================================--> 715<!-- JavaScripts--> 716<!-- ===============================================--> 717
718<script src="/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
718 719 720<!-- Vendor scripts: js libraries and plugins-->
721<script src="/vendors/cartzillavendors/vendor/simplebar/dist/simplebar.min.js"></script>
vendor: 2 bytes, line 721
721
722<script src="/vendors/cartzillavendors/vendor/tiny-slider/dist/min/tiny-slider.js"></script>
vendor: 2 bytes, line 722
722
723<script src="/vendors/cartzillavendors/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
vendor: 2 bytes, line 723
723
724<script src="/vendors/cartzillavendors/vendor/drift-zoom/dist/Drift.min.js"></script>
724 725<!-- Main theme script-->
726<script src="/js/cartzilla.min.js"></script>
726 727 728 729 730 731 732 733</body> 734</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.