1 2 3 4 <!DOCTYPE html> 5 6 <!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]--> 7 <!--[if IE 7 ]> <html class="no-js ie7" lang="en"> <![endif]--> 8 <!--[if IE 8 ]> <html class="no-js ie8" lang="en"> <![endif]--> 9 <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]--> 10 11 12 13 14 15 16 17 18 <head> 19 20 21 22 23 24 <base href="https://www.photooffset.com/" /> 25 26 27 28 29<meta http-equiv="X-UA-Compatible" content="IE=edge"> 30 31 32<link rel="shortcut icon" href="/favicon.ico"> 33 34 <!-- Font Awesome--> 35 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 36 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/v4-shims.min.css" integrity="sha512-5egvUTaFShNzt5M4iPZNSUGLMF+fTSg/TTe5T407z8bC58AiX1qAWYka5HKDoFYAXRhhOH7e93TzwEp3F0jo5w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 37 <link rel="stylesheet" type="text/css" href="https://secureprintorder.world-cdnserv.com/common.css?v=3.1"> 38 <link rel="stylesheet" media="print" href="https://secureprintorder.world-cdnserv.com/system/2011/common_print.css?v=2.1"> 39 <link rel="stylesheet" type="text/css" href="https://secureprintorder.world-cdnserv.com/dock.css"> 40 <link rel="stylesheet" type="text/css" href="https://secureprintorder.world-cdnserv.com/system/2011/css/boxy.andy.css"> 41 <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/smoothness/jquery-ui.css"> 42 <link rel="stylesheet" type="text/css" href="https://secureprintorder.world-cdnserv.com/system/2011/css/prettyPhoto.css" media="screen"> 43 <link href='//fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic' rel='stylesheet' type='text/css'> 44 45
46<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/modernizr.custom.78688.js"></script>
46 47
47<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.js"></script>
47 48
48<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.3.0/jquery-migrate.js" crossorigin="anonymous"></script>
vendor: 2 bytes, line 48
48
49<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
vendor: 2 bytes, line 49
49
50<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.placeholder/jquery.placeholder.min.js"></script>
vendor: 2 bytes, line 50
50
51<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.scrollIntoView/jquery.scrollIntoView.min.js"></script>
vendor: 2 bytes, line 51
51
52<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.prettyPhoto.js"></script>
vendor: 2 bytes, line 52
52
53<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/libs/Markup.js/src/markup.min.js"></script>
vendor: 2 bytes, line 53
53
54<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/libs/jsonxml/xml2jso.js"></script>
vendor: 2 bytes, line 54
54
55<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/common.js?v=9.099999999999996"></script>
vendor: 2 bytes, line 55
55
56<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.boxy.andy.js?v=1.1.6"></script>
vendor: 2 bytes, line 56
56
57<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/menu.js?v=4.299999999999999"></script>
vendor: 2 bytes, line 57
57
58<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/ajax.js"></script>
vendor: 2 bytes, line 58
58
59<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/evt.js"></script>
vendor: 2 bytes, line 59
59
60<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/Geometry.js"></script>
vendor: 2 bytes, line 60
60
61<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/drag.js"></script>
vendor: 2 bytes, line 61
61
62<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/moreInfo.js"></script>
vendor: 2 bytes, line 62
62
63<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/float.js"></script>
vendor: 2 bytes, line 63
63
64<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/HTMLParse.js"></script>
vendor: 2 bytes, line 64
64
65<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/scroll_tools.js?v=12"></script>
vendor: 2 bytes, line 65
65
66<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/progress.js"></script>
vendor: 2 bytes, line 66
66
67<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/pageflex/pf.js?v=17"></script>
vendor: 2 bytes, line 67
67
68<script type="text/javascript"> 69 var PREFS=new Object(); 70 PREFS.uDesignIT=false; 71 PREFS.PF_SERVER_DOMAIN='https://www3.secured-site.com/'; 72 PREFS.Site_Dir="8231PhotoO"; 73 PREFS.user_Contact_ID="0"; 74 PREFS.user_Printshop_Admin=false; 75 PREFS.user_Printshop_Employee=false; 76 PREFS.PostNet_Entry_Level=false; 77 PREFS.cXML_ID=""; 78 PREFS.TEST_MODE=false; 79 PREFS.DEV_MODE=false; 80 PREFS.BLOCK_Create_New_Account=false; 81 PREFS.BLOCK_Quick_Create_New_Account=false; 82 PREFS.Buyer_Email_Webshop_Base=""; 83 PREFS.LIMIT_Contact_ID="0"; 84 PREFS.LIMIT_Branch_ID="0"; 85 PREFS.LIMIT_Company_ID="0"; 86 PREFS.u=""; 87 PREFS.r=""; 88 PREFS.WEBBASE="https://www.photooffset.com/"; 89 PREFS.SECUREBASE="https://www.photooffset.com/"; 90 PREFS.BYPASS_Send_File_Choice="0"; 91 if (!window.location.origin) window.location.origin = window.location.protocol+"//"+window.location.host; 92 PREFS.WINDOW_ORIGIN = window.location.origin; 93 if (PREFS.WINDOW_ORIGIN.indexOf('secured-site6.com') > 0 && PREFS.WINDOW_ORIGIN.indexOf('printcenter') == -1 ) PREFS.WINDOW_ORIGIN = PREFS.WINDOW_ORIGIN + '/printcenter'; 94 95 PREFS.OPC_Version_Path="system/2011/"; 96 PREFS.Country_Code=""; 97 PREFS.Include_Company_Name_In_Map_URL=0; 98 PREFS.Continue_Shopping_Link="printing/"; 99 PREFS.Allow_Ad_Hoc_Cart_Items=false; 100 PREFS.Currency = "$"; 101 PREFS.Show_Job_Ticket_Subtotals=false; 102 PREFS.ADMIN_SERVICE =0; 103 PREFS.COMPACT_SHOPPING_CART=1; 104 PREFS.MULTIPLE_PRINTSHOPS_TESTING=8150; 105 PREFS.Undock_Pricing=0; 106 PREFS.GOOD2GO_PREFLIGHTING = ""; 107 PREFS.TOWA_CART = "1"; 108 PREFS.TEST_DEFERRED_SHIPPING = "0"; 109</script>
109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135<meta http-equiv="content-type" content="text/html;charset=UTF-8"> 136<title>Photo Offset Printing & Design: Welcome to Photo Offset - Sign In</title> 137 138<!-- Open Graph Meta Tags --> 139 140<!-- Fallback: All Other Pages --> 141 <!-- og:title for generic pages --> 142 143 <meta property="og:title" content="Photo Offset Printing & Design: Welcome to Photo Offset - Sign In"> 144 145 146 <!-- og:image for generic pages --> 147 148 <meta property="og:image" content="https://www.photooffset.com/8231PhotoO/logo_8231-social.png"> 149 150 151 <!-- og:type for generic pages --> 152 <meta property="og:type" content="website"> 153 154 <!-- og:description for generic pages --> 155 <meta property="og:description" content="Photo Offset is a commercial printing company offering complete design-to-print solutions to a broad range of clients. Established in 1954, our company specializes in traditional offset and digital printing along with studio-quality graphic design."> 156 157 158<!-- og:url (common to all pages) --> 159<meta property="og:url" content="https://www.photooffset.com/account"> 160 161<meta name="description" content="Photo Offset is a commercial printing company offering complete design-to-print solutions to a broad range of clients. Established in 1954, our company specializes in traditional offset and digital printing along with studio-quality graphic design."> 162 163 <!--Meta Keywords--> 164 <meta name="keywords" content="printing, brochures, envelopes, color printing, color copies, big color posters, copies, business cards, carbonless forms, ncr forms, index tabs, labels, letterhead, manuals, booklets, catalogs, newsletters, postcards, product sheets, flyers, invitations, sell sheets, booklet, booklet binding, cutting, design, graphic design, digital output, drilling, folding, mailing services, numbering, perf, perforation, perfing, scoring, slitting, shrink wrap, packaging, Photo Offset, Miami, South Miami, Coral Gables, FL, Florida, 33146, 33155, commercial printing, commercial printers, digital printing, digital printers, offset printing, offset printers, thermography, presentation folders, four color printing, custom printing, corporate identity, corporate branding, coral gables printing company, south miami printing company, coronavirus signs, coronavirus signage"> 165 166<meta name="classification" content="Communications"> 167<meta name="rating" content="General"> 168<meta name="revisit-after" content="5"> 169<meta name="robots" content="ALL"> 170<meta name="author" content=""> 171 172<meta name="viewport" content="width=device-width, initial-scale=1.0"> 173 174 175 176 177 178 179 180<!--[if gte IE 9]> 181<style type="text/css"> 182 * { 183 filter: none !important; 184 } 185</style> 186<![endif]--> 187 188 189 190 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/common.css?v=6.199999999999993" type="text/css" media="screen,print" /> 191 192 193 194 195 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/nav.css?v=1.5000000000000002" type="text/css" media="screen,print" /> 196 197 198 199 200 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/site_footer.css?v=5.899999999999993" type="text/css" media="screen,print" /> 201 202 203 204 205 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/ecommerce_common.css?v=3.9000000000000004" type="text/css" media="screen,print" /> 206 207 208 209 210 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/1ecommerce.css?v=1.7000000000000004" type="text/css" media="screen,print" /> 211 212 213 214 215
215<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/site_footer.js?v=1.0"></script>
215 216 217 218 219 220 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/printing-product.css?v=9.700000000000017" type="text/css" media="screen,print" /> 221 222 223 224 225 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/page_layout/full_width.css?v=1.5200000000000002" type="text/css" media="screen,print" /> 226 227 228 229 230 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/printing.css?v=1.7000000000000002" type="text/css" media="screen,print" /> 231 232 233 234 235 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/forms.css?v=1.7000000000000002" type="text/css" media="screen,print" /> 236 237 238 239 240 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/account.css?v=6.07" type="text/css" media="screen,print" /> 241 242 243 244 245 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com/system/2011/css/send_file_popup.css?v=1.6" type="text/css" media="screen,print" /> 246 247 248 249 250
250<script type="text/javascript"> 251$(document).ready(function(){ 252// Clean STyle CTA Section 253 $('#crossbar').after('<section class="files-order-estimate cta-buttons bg-primary text-center"> <div class="container"> <div class="row" style="display: flex; justify-content: center;"></div> <div class="row" style="display: flex; justify-content: center;"></div> <div class="row"> <div class="col-xs-4"><a class="btn-lg center-block" href="#send-file-popup"><img src="designMinimal_R/images/icon-send-file.png" alt="Send A File" /> Send Your Files</a></div> <div class="col-xs-4"><a class="btn-lg center-block" href="printing/"><img src="designMinimal_R/images/icon-order-now.png" alt="Order Now" /> Order Now</a></div> <div class="col-xs-4"><a class="btn-lg center-block" href="printing/custom-printing/"><img src="designMinimal_R/images/icon-request-estimate.png" alt="Request an Estimate" /> Request an Estimate</a></div> </div> </div> </section>'); 254}); 255</script>
255 256 257 258<meta content="f680fb6302ba2815369f8cf25fd72a83" name="p:domain_verify"> 259 260 261 262<style> 263.files-order-estimate.cta-buttons.bg-primary.text-center { 264 265background-color: #4299BC !important; 266 267 268} 269 270.product-list { 271 272display: none !important; 273 274} 275 276 277 278.home .cta-buttons a { 279 height: 61px; 280} 281.home .cta-buttons img { 282 max-height: 41px; 283 max-width: 121px; 284} 285.files-order-estimate a { 286 color: #fff!important; 287 border-radius: 0; 288 margin: 0 -15px; 289} 290.files-order-estimate [class*=col-]:last-child { 291 border-right: 1px solid #ffffff78; 292} 293.files-order-estimate [class*=col-] { 294 border-left: 1px solid #ffffff78; 295} 296/* 297.files-order-estimate [class*=col-] { 298 border-left: 1px solid #ffffff78; 299} 300.home.CleanStyle .cta-buttons a { 301 min-height: 112px; 302 padding: 10px 0; 303} 304.files-order-estimate a { 305 color: #fff!important; 306 border-radius: 0; 307 margin: 10px 0; 308} 309.files-order-estimate a:hover { 310 background-color: rgba(255, 255, 255, 0.1); 311} 312*/ 313/* Products Flex Card Layout */ 314 315/* All Products Page */ 316#page_intro + #product-tabs .product-inner { 317 display: flex; 318 flex-wrap: wrap; 319 justify-content: space-around; 320} 321#page_intro + #product-tabs .product { 322 width: calc(33% - 15px); 323} 324 325#page_intro + #product-tabs .product .thumbnail { 326 margin: 5px auto; 327 display: block; 328 width: 100%; 329} 330 331/* Category Page */ 332#content #product-tabs .product div.product_info { 333 margin: 0 !important; 334 text-align: center; 335} 336.read-toggle { 337 display: none; 338} 339 340tbody.product_category_class { 341 display: flex; 342 flex-wrap: wrap; 343 justify-content: space-around; 344} 345tbody.product_category_class > tr:first-child { 346 display: none; 347} 348tbody.product_category_class > tr { 349 width: calc(33% - 15px); 350} 351 352#product-tabs .product .thumbnail { 353 max-width: 200px !important; 354 max-height: 200px !important; 355 float: none; 356} 357 358.capi-inn h1 { 359 360font-family: Raleway, Arial, Helvetica, sans-serif !important; 361drop-shadow: 2px 2px 2px black !important; 362font-weight: bold !important; 363 364 365} 366 367</style> 368
369<script> 370$(document).ready(function() { 371 $("#product-tabs .product .thumbnail").each(function() { 372 var newUrl = $(this) 373 .attr("src") 374 .replace("85x", "400x"); 375 $(this).attr("src", newUrl); 376 }); 377}); 378</script>
vendor: 84 bytes, lines 378-383
378 379 380 381 382 383 <script src="https://www.google.com/recaptcha/api.js?render=
3836LdyBXcdAAAAALAjwxHMf1bNc0jOhjb2sZafqE_G
vendor: 17 bytes, lines 383-384
383"></script> 384
384<script> 385 386 $(function(){ 387 set_reCAPTCHA_TOKEN=function(token){ 388 $('form:not(.no-captcha)').each(function(){ 389 $form=$(this); 390 $input=$form.find(':input[name="reCAPTCHA_TOKEN"]'); 391 if($input.length===0){ 392 $input=$('<input name="reCAPTCHA_TOKEN" type="hidden">'); 393 $form.append($input); 394 } 395 $input.val(token); 396 }); 397 }; 398 update_reCAPTCHA_TOKEN=function(){ 399 grecaptcha.ready(function() { 400 grecaptcha.execute('6LdyBXcdAAAAALAjwxHMf1bNc0jOhjb2sZafqE_G', {action: 'homepage'}).then(set_reCAPTCHA_TOKEN); 401 }); 402 }; 403 var reCAPTCHA_refresh_timeout=null; 404 $(document).ajaxSuccess(function(e,xhr,options,data){ 405 if(reCAPTCHA_refresh_timeout) window.clearTimeout(reCAPTCHA_refresh_timeout); 406 reCAPTCHA_refresh_timeout=window.setTimeout('update_reCAPTCHA_TOKEN()',1000); 407 }); 408 try { 409 update_reCAPTCHA_TOKEN(); 410 } 411 catch(error){ 412 console.error(error); 413 } 414 setInterval(function(){update_reCAPTCHA_TOKEN();}, 110000); 415 }); 416 </script>
vendor: 152 bytes, lines 416-433
416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 <script async src="https://www.googletagmanager.com/gtag/js?id=
433G-456K2VR12R
vendor: 19 bytes, lines 433-434
433"></script> 434
434<script> 435
vendor: 186 bytes, lines 435-441
435window.dataLayer = window.dataLayer || []; 436 function gtag(){dataLayer.push(arguments);} 437 gtag('js', new Date()); 438 439 440 441 gtag('config', '
441UA-204694275-17
vendor: 64 bytes, lines 441-444
441', {cookie_flags: 'secure;'}); 442 443 444
444gtag('config', 'G-456K2VR12R', {cookie_flags: 'secure;'}); 445 446 </script>
446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 <meta charset="utf-8"> 470 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 471 <meta name="viewport" content="width=device-width, initial-scale=1"> 472 <link rel="canonical" href="https://www.photooffset.com/account/"> 473 <!-- Bootstrap CSS--> 474 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 475 <link rel="stylesheet" href="https://secureprintorder.world-cdnserv.com//system/2011/css/bootstrap-utilities.v5.3.3.css?v=2026.06.25"> 476 <!-- Google Fonts --> 477 <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> 478 <link href="https://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet"> 479 <!--if lt IE 9 480 script(src='//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js') 481 script(src='//oss.maxcdn.com/respond/1.4.2/respond.min.js') 482 --> 483 <!-- Custom styles--> 484 <link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/owl.carousel.css?v=1" rel="stylesheet"> 485 <link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/owl.theme.css?v=1" rel="stylesheet"> 486 <!--<link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/animate.css" rel="stylesheet">--> 487 <link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/meanmenu.min.css?v=1" rel="stylesheet"> 488 <link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/theme-outside-the-box.css?v=2026.06.22" rel="stylesheet"> 489 <link href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/css/responsive.css?v=1.02" rel="stylesheet"> 490 <link href="https://secureprintorder.world-cdnserv.com/system/2011/css/responsive-content.css?v=3.4" rel="stylesheet"> 491 <link href="https://secureprintorder.world-cdnserv.com/system/2011/css/responsive-wisnet.css?v=3.1" rel="stylesheet"> 492 <!-- Header/nav/drawer redesign (parity with modern PHP storefront); loaded last so scoped rules win --> 493 <link href="https://secureprintorder.world-cdnserv.com/system/2011/css/store-chrome.css?v=2026.08.20.1" rel="stylesheet"> 494
494<script src="https://secureprintorder.world-cdnserv.com/system/2011/js/mobile-nav-drawer.js?v=2026.07.08" defer></script>
494 495 496 497 <link rel="stylesheet" type="text/css" href="https://secureprintorder.world-cdnserv.com/designOutsideTheBox_R/images/opc.css?v=1" /> 498 499 500</head> 501 502 <body class=" full_width OutsideTheBox account "> 503 <a href="#main" class="skip-link">Skip to main content</a> 504 <header class="nav-header header-main"> 505 506 507 <!-- Store Header (parity with the modern PHP storefront header). Meant to be 508 paired with the Store Navigation (PS_Site_Nav = nav_ecommerce_bs3), which 509 provides the matching desktop main-nav bar and the mobile flyout drawer that 510 this header's hamburger opens. (The header partial file keeps its 511 header_ecommerce.mdl name because it is the stored PS_Site_Header value.) --> 512<nav class="store-header" aria-label="Utility"> 513 <div class="store-header-inner"> 514 <div class="store-header-row"> 515 516 <!-- Hamburger: opens the mobile flyout drawer (hidden at md and above) --> 517 <button type="button" class="mobile-drawer-toggle" data-role="mobile-drawer-toggle" aria-label="Open navigation menu" aria-expanded="false" aria-controls="mobile-nav-drawer"> 518 <i class="fa fa-bars" aria-hidden="true"></i> 519 </button> 520 521 <!-- Logo --> 522 523 <!-- Logo/Brand section --> 524<style media="screen"> 525 .navbar-brand { 526 height: auto; 527 text-align: center; 528 width: 100%; 529 } 530 .navbar-brand>img { 531 display: inline; 532 } 533</style> 534 535<div class="navbar-header"> 536 <a class="navbar-brand" href="https://www.photooffset.com/" aria-label="Photo Offset Home"><img src="https://secureprintorder.world-cdnserv.com/8231PhotoO/Photo-Offset-Logo-250w-x-71h-002.jpg" alt="" /></a> 537</div> 538 539 540 541 <!-- Mobile: compact account + cart (hidden at md and above) --> 542 <ul class="store-header-actions header-actions-mobile"> 543 <li class="nav-item"> 544 <button type="button" class="nav-link account-toggle account-toggle-compact mobile-account-drawer-toggle" data-role="mobile-drawer-toggle" data-mobile-drawer-focus="account" aria-label="Sign in menu" aria-expanded="false" aria-controls="mobile-nav-drawer"> 545 546 <span>Sign In</span> 547 <i class="fa fa-1-5x fa-user" aria-hidden="true"></i> 548 549 </button> 550 </li> 551 <!-- Cart: query logic and badge/link. Self-contained styling so it renders in 552 both the original and store headers; store-chrome.css layers the 553 store-header styling on top (scoped to .store-header). --> 554 555 556<style media="screen"> 557 .navbar-cart .badge-cart { 558 position: absolute; 559 left: 21px; 560 top: 5px; 561 font-size: 100%; 562 border-radius: 1.3rem; 563 padding: 0.2em .6em 0.3em; 564 background-color: #000000; 565 } 566 .navbar-cart .fa-shopping-cart { 567 font-size: 3.5rem; 568 } 569</style> 570 571 572 <li class="nav-item"> 573 574 <a class="nav-link nav-link-cart navbar-cart" data-role="cart-view" href="#" data-order_id="0" aria-label="Shopping cart"> 575 <i class="fa fa-2x fa-shopping-cart" aria-hidden="true"></i> 576 <span title="view your shopping cart" class="label label-danger badge-cart cartItemCount"> 577 0 578 </span> 579 <span class="hidden-xs hidden-sm">Cart</span> 580 </a> 581 582 </li> 583 584 585 </ul> 586 587 <!-- Product search: full-width on mobile (wraps to its own row), flexible on desktop --> 588 589 590 <!-- Homepage Product Search: list loaded via AJAX on first focus --> 591 <div class="navbar-form flex-grow-1 homepage-product-search-form"> 592 <div class="homepage-product-search dropdown" role="search" id="product-search-dropdown"> 593 <label for="product-search-filter" class="sr-only">Search Products</label> 594 <div class="product-search-input-wrapper"> 595 <input class="form-control product-search-filter input-lg w-100" type="text" id="product-search-filter" placeholder="Search Products" autocomplete="off" aria-label="Search Products" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 596 <button type="button" class="product-search-button" aria-label="Search Products"> 597 <i class="fa fa-search" aria-hidden="true"></i> 598 </button> 599 </div> 600 <div class="dropdown-menu homepage-product-search-menu" id="product-search-menu-container" style="max-height: 80vh; overflow-y: auto;"> 601 <p class="text-muted small" style="margin: 8px 20px;" data-product-search-placeholder>Loadingâ¦</p> 602 </div> 603 </div> 604 </div> 605<style> 606/* Search input: bordered field with a search button on the right. 607 In the store header, outer form flex/width/order is controlled by 608 store-chrome.css; these base rules keep it sized in the original header. */ 609.navbar-form.homepage-product-search-form, 610.homepage-product-search { 611 width: 100%; 612 min-width: 0; 613} 614@media (min-width: 768px) { 615 .navbar-form.homepage-product-search-form { 616 width: auto; 617 } 618} 619.product-search-input-wrapper { 620 position: relative; 621 display: flex; 622 width: 100%; 623} 624.product-search-input-wrapper .form-control.product-search-filter { 625 height: auto; 626 padding: 0.5rem 2.75rem 0.5rem 0.75rem; 627 border: 1px solid #d0d0d0; 628 border-radius: 0.25rem; 629 font-size: 1.8rem; 630 box-shadow: none; 631 background-color: #fff; 632} 633.product-search-input-wrapper .product-search-button { 634 position: absolute; 635 right: 0; 636 top: 0; 637 bottom: 0; 638 display: flex; 639 align-items: center; 640 justify-content: center; 641 width: 2.75rem; 642 border: none; 643 background: transparent; 644 color: #777; 645 cursor: pointer; 646} 647.product-search-input-wrapper .product-search-button:hover, 648.product-search-input-wrapper .product-search-button:focus { 649 color: #333; 650}
651/* Dark ring: the search field stays light on every header tone, so a fixed dark 652 ring keeps the required non-text contrast (the theme-adaptive --store-focus-ring 653 would go white here and wash out on the light input). */ 654.product-search-input-wrapper .product-search-button:focus-visible { 655 outline: 2px solid #1a1a1a; 656 outline-offset: 2px; 657 border-radius: 0.25rem; 658} 659.homepage-product-search-menu { 660 border-radius: 0.25rem; 661 box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); 662} 663.homepage-product-search-list .dropdown-header { 664 padding: 0; 665 margin: 0; 666 font-size: 2rem; 667 line-height: 1.2rem; 668 color: #777; 669 white-space: nowrap; 670} 671.homepage-product-search-list { 672 display: grid; 673 grid-template-columns: repeat(2, 1fr); 674 gap: 1rem; 675 padding: 1rem; 676 align-items: start; 677} 678@media (min-width: 768px) { 679 .homepage-product-search-list { 680 grid-template-columns: repeat(4, 1fr); 681 gap: 2rem; 682 padding: 2rem; 683 } 684} 685@media (min-width: 1280px) { 686 .homepage-product-search-list { 687 grid-template-columns: repeat(5, 1fr); 688 gap: 2.5rem; 689 padding: 2.5rem; 690 } 691} 692 693.product-search-item { 694 display: flex; 695 flex-direction: column; 696 align-items: flex-start; 697 gap: 0.5rem; 698 min-width: 0; 699} 700.product-search-item a { 701 text-decoration: none; 702} 703@media (min-width: 480px) { 704 .product-search-item { 705 min-width: 100px; 706 } 707} 708@media (min-width: 768px) { 709 .product-search-item { 710 min-width: 150px; 711 } 712} 713@media (min-width: 992px) { 714 .product-search-item { 715 min-width: 150px; 716 } 717} 718.product-search-item .thumbnail { 719 width: 100%; 720 aspect-ratio: 4 / 3; 721 overflow: hidden; 722 position: relative; 723} 724.product-search-item .thumbnail a { 725 display: block; 726 width: 100%; 727 height: 100%; 728} 729.product-search-item .thumbnail img.media-object { 730 width: 100%; 731 height: 100%; 732 padding: 1.5rem; 733 object-fit: contain; 734 transition: transform 0.3s ease; 735 display: block; 736} 737.product-search-item .thumbnail:hover img.media-object { 738 transform: scale(1.10); 739} 740.product-search-item .thumbnail .media-object { 741 width: 100%; 742 height: 100%; 743 transition: transform 0.3s ease; 744} 745.product-search-item .thumbnail:hover .media-object { 746 transform: scale(1.10); 747} 748/* Honor OS "reduce motion": no thumbnail zoom/transition (WCAG 2.3.3) */ 749@media (prefers-reduced-motion: reduce) { 750 .product-search-item .thumbnail img.media-object, 751 .product-search-item .thumbnail .media-object { 752 transition: none; 753 } 754 .product-search-item .thumbnail:hover img.media-object, 755 .product-search-item .thumbnail:hover .media-object { 756 transform: none; 757 } 758} 759.product-search-item .thumbnail-placeholder-text { 760 padding: 0.5rem; 761 font-size: 1.25rem; 762 line-height: 1.2; 763 overflow: hidden; 764 display: -webkit-box; 765 -webkit-line-clamp: 3; 766 -webkit-box-orient: vertical; 767 word-break: break-word; 768} 769</style>
770<script> 771(function(){ 772 var container = document.querySelector('.homepage-product-search'); 773 if (!container) return; 774 var input = container.querySelector('#product-search-filter'); 775 var menu = container.querySelector('.homepage-product-search-menu'); 776 var searchButton = container.querySelector('.product-search-button'); 777 if (!input || !menu) return; 778 var list = null; 779 var noResults = null; 780 var listLoaded = false; 781 var loadInProgress = false; 782 function extractFragment(responseText) { 783 var start = responseText.indexOf('<ajax>'); 784 var end = responseText.indexOf('</ajax>'); 785 if (start !== -1 && end !== -1 && end > start) { 786 return responseText.substring(start + 6, end).trim(); 787 } 788 return responseText; 789 } 790 function loadProductList(done) { 791 if (listLoaded || loadInProgress) { 792 if (done) done(); 793 return; 794 } 795 loadInProgress = true; 796 var placeholder = menu.querySelector('[data-product-search-placeholder]'); 797 if (placeholder) placeholder.textContent = 'Loadingâ¦'; 798 var body = 'mdl=system/2011/components/bootstrap3/navigation/loadProductSearch.aj&ieFix=' + Math.random(); 799 fetch('ajax.iml', { 800 method: 'POST', 801 headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, 802 body: body 803 }).then(function(res) { 804 if (!res.ok) throw new Error('Request failed'); 805 return res.text(); 806 }).then(function(text) { 807 var html = extractFragment(text); 808 menu.innerHTML = html; 809 list = menu.querySelector('.homepage-product-search-list'); 810 noResults = menu.querySelector('.product-search-no-results'); 811 listLoaded = true; 812 if (done) done(); 813 }).catch(function() { 814 if (placeholder) placeholder.textContent = 'Unable to load products.'; 815 else menu.innerHTML = '<p class="text-muted small" style="margin: 8px 20px;">Unable to load products.</p>'; 816 list = menu.querySelector('.homepage-product-search-list'); 817 noResults = menu.querySelector('.product-search-no-results'); 818 listLoaded = true; 819 if (done) done(); 820 }).then(function() { 821 loadInProgress = false; 822 }); 823 } 824 function openDropdown() { 825 if (closeTimeout) { clearTimeout(closeTimeout); closeTimeout = null; } 826 container.classList.add('open'); 827 input.setAttribute('aria-expanded', 'true'); 828 loadProductList(function() { 829 filterList(); 830 }); 831 } 832 function closeDropdown() { 833 container.classList.remove('open'); 834 input.setAttribute('aria-expanded', 'false'); 835 } 836 function filterList() { 837 if (!list) return; 838 var q = (input.value || '').trim().toLowerCase(); 839 var items = list.querySelectorAll('li.product-search-item'); 840 var visible = 0; 841 for (var i = 0; i < items.length; i++) { 842 var text = (items[i].getAttribute('data-search') || '').toLowerCase(); 843 var show = !q || text.indexOf(q) !== -1; 844 items[i].style.display = show ? '' : 'none'; 845 if (show) visible++; 846 } 847 var privateCount = 0; 848 var privateItems = list.querySelectorAll('li.product-search-item[data-product-type="private"]'); 849 for (var pi = 0; pi < privateItems.length; pi++) { 850 if (privateItems[pi].style.display !== 'none') privateCount++; 851 } 852 var publicCount = 0; 853 var publicItems = list.querySelectorAll('li.product-search-item[data-product-type="public"]'); 854 for (var pj = 0; pj < publicItems.length; pj++) { 855 if (publicItems[pj].style.display !== 'none') publicCount++; 856 } 857 var myHeader = list.querySelector('[data-section="my-products"]'); 858 if (myHeader) myHeader.style.display = privateCount ? '' : 'none'; 859 var divider = list.querySelector('[data-section-divider="my-products"]'); 860 if (divider) divider.style.display = privateCount ? '' : 'none'; 861 var publicHeader = list.querySelector('[data-section="public-products"]'); 862 if (publicHeader) publicHeader.style.display = publicCount ? '' : 'none'; 863 if (noResults) noResults.style.display = (q && visible === 0) ? '' : 'none'; 864 } 865 var keepMenuOpenOnBlur = false; 866 var closeTimeout; 867 document.addEventListener('mousedown', function(e) { 868 if (menu && menu.contains(e.target) && !e.target.closest('.product-search-item')) { 869 keepMenuOpenOnBlur = true; 870 } 871 }); 872 input.addEventListener('focus', openDropdown); 873 input.addEventListener('click', openDropdown); 874 input.addEventListener('blur', function() { 875 if (keepMenuOpenOnBlur) { 876 keepMenuOpenOnBlur = false; 877 return; 878 } 879 closeTimeout = setTimeout(closeDropdown, 250); 880 }); 881 document.addEventListener('click', function(e) { 882 if (container.contains(e.target)) return; 883 if (closeTimeout) clearTimeout(closeTimeout); 884 closeDropdown(); 885 }); 886 input.addEventListener('input', filterList); 887 input.addEventListener('keyup', filterList); 888 if (searchButton) { 889 searchButton.addEventListener('click', function(e) { 890 e.preventDefault(); 891 input.focus(); 892 openDropdown(); 893 }); 894 } 895})(); 896</script>
896 897 898 899 900 901 <!-- Desktop: full action bar with CTAs, account and cart (hidden below md) --> 902 <ul class="store-header-actions header-actions-desktop"> 903 904 <!-- Phone contact link. Layout via PHONE_VARIANT: "" (header) | "drawer". 905 header: icon left of the stacked "Here to help." / number ("Here to help." 906 is hidden on xs, so mobile shows just the icon + number). 907 drawer: single-line icon + number (matches the other drawer CTAs). 908 Guards on Shop_Phone internally, so callers only need their own show gate. --> 909 910<li class="nav-item nav-item-phone"> 911 912 <a class="nav-link phone-link d-flex flex-row align-items-center gap-2" href="tel:305%2D666%2D1067"> 913 <i class="fa fa-1-5x fa-lg fa-phone" aria-hidden="true"></i> 914 <div> 915 <div class="hidden-xs">Here to help.</div> 916 <div>305-666-1067</div> 917 </div> 918 </a> 919 920</li> 921 922 923 924 925 <!-- Email Us link (opens modal) --> 926 927 928<!-- Email Us link --> 929<li class="nav-item nav-item-email-us"> 930 <a class="nav-link email-us-link d-flex flex-row align-items-center gap-2" href="#" data-toggle="modal" data-target="#email-us-5263"> 931 <i class="fa fa-1-5x fa-lg fa-envelope" aria-hidden="true"></i> 932 <div> 933 <div> 934 Email Us 935 </div> 936 </div> 937 </a> 938</li> 939 940 941 942 943 <!-- Request Estimate link --> 944<li class="nav-item nav-item-request-estimate"> 945 <a class="nav-link request-estimate-link d-flex flex-row align-items-center gap-2" href="/printing/custom-printing/"> 946 <i class="fa fa-1-5x fa-lg fa-calculator" aria-hidden="true"></i> 947 <div> 948 <div> 949 Request <br>Estimate 950 </div> 951 </div> 952 </a> 953</li> 954 955 956 <!-- Upload Files link --> 957<li class="nav-item nav-item-upload-files"> 958 <a class="nav-link upload-files-link d-flex flex-row align-items-center gap-2" href="#send-file-popup"> 959 <i class="fa fa-1-5x fa-lg fa-upload" aria-hidden="true"></i> 960 <div> 961 <div> 962 Upload Files 963 </div> 964 </div> 965 </a> 966</li> 967 968 <!-- Header account. Variant via ACCOUNT_VARIANT: "" (desktop) | "compact". 969 Self-contained base styling so it renders in the original header too; 970 store-chrome.css overrides these (scoped) for the store header. The style 971 block is emitted once per page even when this module is included more than 972 once (the store header includes it for both the compact and desktop bars). --> 973 974 975 <style media="screen"> 976 .dropdown-menu .divider {padding-top: 0;} 977 .label-login-as {max-width: 230px;white-space: normal;text-align: right;line-height: 1.2;} 978 .sign-in-link {font-size: 2rem;} 979 @media (min-width: 768px) { 980 .sign-in-link {font-size: inherit;} 981 } 982 </style> 983 984 985 <li class="nav-item"><a class="nav-link btn btn-link sign-in-link" href="account/" id="account_link"> 986 Sign In 987 </a></li> 988 989 990 <!-- Cart: query logic and badge/link. Self-contained styling so it renders in 991 both the original and store headers; store-chrome.css layers the 992 store-header styling on top (scoped to .store-header). --> 993 994 995<style media="screen"> 996 .navbar-cart .badge-cart { 997 position: absolute; 998 left: 21px; 999 top: 5px; 1000 font-size: 100%; 1001 border-radius: 1.3rem; 1002 padding: 0.2em .6em 0.3em; 1003 background-color: #000000; 1004 } 1005 .navbar-cart .fa-shopping-cart { 1006 font-size: 3.5rem; 1007 } 1008</style> 1009 1010 1011 <li class="nav-item"> 1012 1013 <a class="nav-link nav-link-cart navbar-cart" data-role="cart-view" href="#" data-order_id="0" aria-label="Shopping cart"> 1014 <i class="fa fa-2x fa-shopping-cart" aria-hidden="true"></i> 1015 <span title="view your shopping cart" class="label label-danger badge-cart cartItemCount"> 1016 0 1017 </span> 1018 <span class="hidden-xs hidden-sm">Cart</span> 1019 </a> 1020 1021 </li> 1022 1023 1024 </ul> 1025 1026 </div><!-- /.store-header-row --> 1027 </div><!-- /.store-header-inner --> 1028</nav> 1029 1030 1031 1032 1033 1034 <!-- Ecommerce Nav (redesign): desktop category bar + mobile flyout drawer. 1035 Pairs with the redesign header_ecommerce.mdl. --> 1036 <nav class="store-nav store-nav-dark" aria-label="Main"> 1037 <div class="store-nav-inner"> 1038 <div class="store-nav-desktop"> 1039 <ul> 1040 <!-- Nav No Account --> 1041 1042 1043 1044 1045 1046 1047 <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)" 1048 never matches anything, so the allowed-scheme check has to be done with 1049 iml_substr prefix comparisons instead, same technique as navUpdate.aj. --> 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 <li class="nav-Printing nav-item dropdown"> 1070 1071 1072 <a class="nav-link dropdown-toggle" href="#" id="navbarPrinting" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 1073 1074 Products 1075
1076 <span class="caret"></span> 1077 </a> 1078 1079 1080 1081 1082 <ul class="dropdown-menu printing-nav"> 1083 1084 1085 1086 1087 1088 1089 1090 <li><a class="dropdown-item" href="/printing/big-color-posters/">Big Color Posters</a></li> 1091 1092 1093 1094 1095 <li><a class="dropdown-item" href="/printing/booklets/">Booklets</a></li> 1096 1097 1098 1099 1100 <li><a class="dropdown-item" href="/printing/brochures/">Brochures</a></li> 1101 1102 1103 1104 1105 <li><a class="dropdown-item" href="/printing/envelopes/">Envelopes</a></li> 1106 1107 1108 1109 1110 <li><a class="dropdown-item" href="/printing/business-cards/">Business Cards</a></li> 1111 1112 1113 1114 1115 <li><a class="dropdown-item" href="/printing/banners/">Banners</a></li> 1116 1117 1118 1119 1120 <li><a class="dropdown-item" href="/printing/carbonless-forms/">Carbonless Forms</a></li> 1121 1122 1123 1124 1125 <li><a class="dropdown-item" href="/printing/color-copies/">Color Copies</a></li> 1126 1127 1128 1129 1130 <li><a class="dropdown-item" href="/printing/letterhead/">Letterhead</a></li> 1131 1132 1133 1134 1135 <li><a class="dropdown-item" href="/printing/newsletters/">Newsletters</a></li> 1136 1137 1138 1139 1140 <li><a class="dropdown-item" href="/printing/pocket-folders/">Pocket Folders</a></li> 1141 1142 1143 1144 <li role="separator" class="divider"></li> 1145 <li><a href="/printing/">View All Products</a></li> 1146 1147 1148 </ul> 1149 1150 </li> 1151 1152 1153 1154 1155 <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)" 1156 never matches anything, so the allowed-scheme check has to be done with 1157 iml_substr prefix comparisons instead, same technique as navUpdate.aj. --> 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 <li class="nav-Services nav-item dropdown"> 1177 1178 1179 <a class="nav-link dropdown-toggle" href="#" id="navbarServices" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services<span class="caret"></span></a> 1180 1181 1182 1183 1184 <ul class="dropdown-menu services-nav"> 1185 1186 1187 1188 1189 1190 <li><a class="dropdown-item" href="/services/printing-copying-services/">Printing & Copying</a></li> 1191 1192 1193 1194 1195 <li><a class="dropdown-item" href="/services/bindery-finishing/">Bindery & Finishing</a></li> 1196 1197 1198 1199 1200 <li><a class="dropdown-item" href="/services/graphic-design-services/">Graphic Design</a></li> 1201 1202 1203 1204 1205 <li><a class="dropdown-item" href="/services/mailing-services/">Mailing</a></li> 1206 1207 1208 1209 1210 <li><a class="dropdown-item" href="/services/booklet-binding/">Book(let) Binding</a></li> 1211 1212 1213 1214 <li role="separator" class="divider"></li> 1215 <li><a href="/services/">View All Services</a></li> 1216 1217 1218 </ul> 1219 1220 </li> 1221 1222 1223 1224 1225 <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)" 1226 never matches anything, so the allowed-scheme check has to be done with 1227 iml_substr prefix comparisons instead, same technique as navUpdate.aj. --> 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 <li class="nav-Resources nav-item dropdown"> 1247 1248 1249 <a class="nav-link dropdown-toggle" href="#" id="navbarResources" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1249Resources<span class="caret"></span></a> 1250 1251 1252 1253 1254 <ul class="dropdown-menu resources-nav"> 1255 1256 1257 1258 1259 1260 <li><a class="dropdown-item" href="/resources/the-ideas-collection/" target="">The Ideas Collection</a></li> 1261 1262 1263 1264 1265 <li><a class="dropdown-item" href="/resources/greatest-treasures/" target="">Greatest Treasures</a></li> 1266 1267 1268 1269 1270 <li><a class="dropdown-item" href="/resources/whats-new/" target="">What's New</a></li> 1271 1272 1273 1274 1275 <li><a class="dropdown-item" href="/resources/popular-graphic-arts-software/" target="">Popular Graphic Arts Software</a></li> 1276 1277 1278 1279 <li role="separator" class="divider"></li> 1280 <li><a href="/resources/">View All Resources</a></li> 1281 1282 1283 </ul> 1284 1285 </li> 1286 1287 1288 1289 1290 <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)" 1291 never matches anything, so the allowed-scheme check has to be done with 1292 iml_substr prefix comparisons instead, same technique as navUpdate.aj. --> 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 <li class="nav-About Us nav-item dropdown"> 1312 1313 1314 <a class="nav-link dropdown-toggle" href="#" id="navbarAboutUs" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About Us<span class="caret"></span></a> 1315 1316 1317 1318 1319 <ul class="dropdown-menu feature-nav"> 1320 1321 1322 1323 1324 1325 <li><a class="dropdown-item" href="/feature/about-us/">About Us</a></li> 1326 1327 1328 1329 1330 <li><a class="dropdown-item" href="/feature/our-guarantee/">Our Guarantee</a></li> 1331 1332 1333 1334 1335 <li><a class="dropdown-item" href="/feature/the-environment/">The Environment</a></li> 1336 1337 1338 1339 1340 <li><a class="dropdown-item" href="/feature/presidents-letter/">President's Letter</a></li> 1341 1342 1343 1344 1345 <li><a class="dropdown-item" href="/feature/meet-our-team/">Meet Our Team</a></li> 1346 1347 1348 1349 1350 <li><a class="dropdown-item" href="/feature/company-history/">Company History</a></li> 1351 1352 1353 1354 1355 <li><a class="dropdown-item" href="/feature/testimonials/">Testimonials</a></li> 1356 1357 1358 1359 1360 </ul> 1361 1362 </li> 1363 1364 1365 1366 1367 <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)" 1368 never matches anything, so the allowed-scheme check has to be done with 1369 iml_substr prefix comparisons instead, same technique as navUpdate.aj. --> 1370 1371 1372 1373 1374 1375 1376 1377 <li class="nav-Contact nav-item dropdown"> 1378 <a class="nav-link dropdown-toggle" href="#" id="navbarContact" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 1379 Contact<span class="caret"></span> 1380 </a> 1381 1382 <ul id="contact-megamenu" class="dropdown-menu"> 1383 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 <li><a class="dropdown-item"href="tel:305-666-1067"><i class="fa fa-phone fa-solid text-primary" aria-hidden="true"></i> Local - 305-666-1067</a></li> 1395 1396 1397 <li><a class="dropdown-item"href="tel:305-666-7082"><i class="fa fa-phone fa-solid text-primary" aria-hidden="true"></i> Fax - 305-666-7082</a></li> 1398 1399 1400 <li><a class="dropdown-item" href="#" data-toggle="modal" data-target="#email-us-5263"><i class="fa fa-envelope fa-solid text-primary" aria-hidden="true"></i> Email Us</a></li> 1401 <li><a class="dropdown-item location-info-5263"href="/contact-us/">More Contact Info</a></li> 1402 <li role="separator" class="divider"></li> 1403 1404 1405 1406 <li><a class="dropdown-item d-flex align-items-center gap-2" href="https://www.facebook.com/pages/Photo-Offset/154539961375156" target="_blank"><i class="fa-brands fa-square-facebook fa-2x text-primary" aria-hidden="true"></i> Contact Us On Facebook</a></li> 1407 1408 <li><a class="dropdown-item d-flex align-items-center gap-2" href="http://www.linkedin.com/pub/john-knowles/13/aa0/b" target="_blank"><i class="fa-brands fa-linkedin fa-2x text-primary" aria-hidden="true"></i> Connect With Us On LinkedIn</a></li> 1409 <li><a class="dropdown-item d-flex align-items-center gap-2" href="http://twitter.com/PhotoOffset" target="_blank"><i class="fa-brands fa-square-x-twitter fa-2x text-primary " aria-hidden="true"></i> Find Us On X (Twitter)</a></li> 1410 1411 1412 </ul> 1413 </li> 1414 1415 1416 1417 </ul> 1418 </div> 1419 </div> 1420 </nav> 1421 <!-- Mobile flyout drawer (its hamburger toggle lives in the header) --> 1422 <!-- 1423 Mobile flyout drawer (parity with modern mobile_nav_drawer.html.twig). 1424 1425 A slide-in <dialog> containing: shop name + close, the signed-in account menu 1426 (reusing account_menu_items.mdl), the utility CTAs (reusing the same phone / 1427 email / estimate / upload sub-components as the desktop bar), and the category 1428 nav (reusing nav_noaccount.mdl). Open/close is handled by mobile-nav-drawer.js. 1429
1430 Styling + the "make BS3 dropdowns render inline" overrides live in 1431 store-chrome.css. Requires Bootstrap 3 JS (already loaded) for the category 1432 dropdown toggles. 1433--> 1434<dialog id="mobile-nav-drawer" data-role="mobile-drawer" aria-label="Navigation menu"> 1435 <div class="mobile-drawer-panel"> 1436 1437 <div class="mobile-drawer-head"> 1438 <span class="drawer-shop-name">Photo Offset</span> 1439 <button type="button" class="mobile-drawer-close" data-role="mobile-drawer-close" aria-label="Close navigation menu"> 1440 <i class="fa fa-times" aria-hidden="true"></i> 1441 </button> 1442 </div> 1443 1444 <div class="mobile-drawer-body"> 1445 1446 <!-- Account --> 1447 1448 <div class="drawer-section" data-mobile-drawer-section="account"> 1449 <ul> 1450 <li> 1451 <a href="account/"> 1452 <i class="fa fa-user fa-fw" aria-hidden="true"></i> 1453 <span>Sign In</span> 1454 </a> 1455 </li> 1456 </ul> 1457 </div> 1458 1459 1460 <!-- Utility CTAs (reuse the desktop sub-components) --> 1461 1462 <div class="drawer-section"> 1463 <ul> 1464 1465 <!-- Phone contact link. Layout via PHONE_VARIANT: "" (header) | "drawer". 1466 header: icon left of the stacked "Here to help." / number ("Here to help." 1467 is hidden on xs, so mobile shows just the icon + number). 1468 drawer: single-line icon + number (matches the other drawer CTAs). 1469 Guards on Shop_Phone internally, so callers only need their own show gate. --> 1470 1471<li class="nav-item nav-item-phone"> 1472 1473 <a class="nav-link phone-link" href="tel:305%2D666%2D1067"> 1474 <i class="fa fa-phone fa-fw" aria-hidden="true"></i>
1475 <span>305-666-1067</span> 1476 </a> 1477 1478</li> 1479 1480 1481 1482 1483 <!-- Email Us link (opens modal) --> 1484 1485 1486<!-- Email Us link --> 1487<li class="nav-item nav-item-email-us"> 1488 <a class="nav-link email-us-link d-flex flex-row align-items-center gap-2" href="#" data-toggle="modal" data-target="#email-us-5263"> 1489 <i class="fa fa-1-5x fa-lg fa-envelope" aria-hidden="true"></i> 1490 <div> 1491 <div> 1492 Email Us 1493 </div> 1494 </div> 1495 </a> 1496</li> 1497 1498 1499 1500 1501 <!-- Request Estimate link --> 1502<li class="nav-item nav-item-request-estimate"> 1503 <a class="nav-link request-estimate-link d-flex flex-row align-items-center gap-2" href="/printing/custom-printing/"> 1504 <i class="fa fa-1-5x fa-lg fa-calculator" aria-hidden="true"></i> 1505 <div> 1506 <div> 1507 Request <br>Estimate 1508 </div> 1509 </div> 1510 </a> 1511</li> 1512 1513 1514 <!-- Upload Files link --> 1515<li class="nav-item nav-item-upload-files"> 1516 <a class="nav-link upload-files-link d-flex flex-row align-items-center gap-2" href="#send-file-popup"> 1517 <i class="fa fa-1-5x fa-lg fa-upload" aria-hidden="true"></i> 1518 <div> 1519 <div> 1520 Upload Files 1521 </div> 1522 </div> 1523 </a> 1524</li> 1525 1526 </ul> 1527 </div> 1528 1529 1530 <!-- Category nav (reuse nav_noaccount.mdl; BS3 dropdowns render inline via CSS) --> 1531 <div class="drawer-section"> 1532 <ul class="nav navbar-nav drawer-nav"> 1533 <!-- Nav No Account --> 1534 1535 1536 1537 1538 1539 1540 <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)" 1541 never matches anything, so the allowed-scheme check has to be done with 1542 iml_substr prefix comparisons instead, same technique as navUpdate.aj. --> 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 <li class="nav-Printing nav-item dropdown"> 1563 1564 1565 <a class="nav-link dropdown-toggle" href="#" id="navbarPrinting" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 1566 1567 Products 1568 1569 <span class="caret"></span> 1570 </a> 1571 1572 1573 1574 1575 <ul class="dropdown-menu printing-nav"> 1576 1577 1578 1579 1580 1581 1582 1583 <li><a class="dropdown-item" href="/printing/big-color-posters/">Big Color Posters</a></li> 1584 1585 1586 1587 1588 <li><a class="dropdown-item" href="/printing/booklets/">Booklets</a></li> 1589 1590 1591 1592 1593 <li><a class="dropdown-item" href="/printing/brochures/">Brochures</a></li> 1594 1595 1596 1597 1598 <li><a class="dropdown-item" href="/printing/envelopes/">Envelopes</a></li> 1599 1600 1601 1602 1603 <li><a class="dropdown-item" href="/printing/business-cards/">Business Cards</a></li> 1604 1605 1606 1607 1608 <li><a class="dropdown-item" href="/printing/banners/">Banners</a></li> 1609 1610 1611 1612 1613 <li><a class="dropdown-item" href="/printing/carbonless-forms/">Carbonless Forms</a></li> 1614 1615 1616 1617 1618 <li><a class="dropdown-item" href="/printing/color-copies/">Color Copies</a></li> 1619 1620 1621 1622 1623 <li><a class="dropdown-item" href="/printing/letterhead/">Letterhead</a></li> 1624 1625 1626 1627 1628 <li><a class="dropdown-item" href="/printing/newsletters/">Newsletters</a></li> 1629 1630 1631 1632 1633 <li><a class="dropdown-item" href="/printing/pocket-folders/">Pocket Folders</a></li> 1634 1635 1636 1637 <li role="separator" class="divider"></li> 1638 <li><a href="/printing/">View All Products</a></li> 1639 1640 1641 </ul> 1642 1643 </li> 1644 1645 1646 1647 1648 <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)" 1649 never matches anything, so the allowed-scheme check has to be done with 1650 iml_substr prefix comparisons instead, same technique as navUpdate.aj. --> 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666 1667 1668 1669 <li class="nav-Services nav-item dropdown"> 1670 1671 1672 <a class="nav-link dropdown-toggle" href="#" id="navbarServices" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services<span class="caret"></span></a> 1673 1674 1675 1676 1677 <ul class="dropdown-menu services-nav"> 1678 1679 1680 1681 1682 1683 <li><a class="dropdown-item" href="/services/printing-copying-services/">Printing & Copying</a></li> 1684 1685 1686 1687 1688 <li><a class="dropdown-item" href="/services/bindery-finishing/">Bindery & Finishing</a></li> 1689 1690 1691 1692 1693 <li><a class="dropdown-item" href="/services/graphic-design-services/">Graphic Design</a></li> 1694 1695 1696 1697 1698 <li><a class="dropdown-item" href="/services/mailing-services/">Mailing</a></li> 1699 1700 1701 1702 1703 <li><a class="dropdown-item" href="/services/booklet-binding/">Book(let) Binding</a></li> 1704 1705 1706 1707 <li role="separator" class="divider"></li> 1708 <li><a href="/services/">View All Services</a></li> 1709 1710 1711 </ul> 1712 1713 </li> 1714 1715 1716 1717 1718 <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)" 1719 never matches anything, so the allowed-scheme check has to be done with 1720 iml_substr prefix comparisons instead, same technique as navUpdate.aj. --> 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732 1733 1734 1735 1736 1737 1738 1739 <li class="nav-Resources nav-item dropdown"> 1740 1741 1742 <a class="nav-link dropdown-toggle" href="#" id="navbarResources" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1742Resources<span class="caret"></span></a> 1743 1744 1745 1746 1747 <ul class="dropdown-menu resources-nav"> 1748 1749 1750 1751 1752 1753 <li><a class="dropdown-item" href="/resources/the-ideas-collection/" target="">The Ideas Collection</a></li> 1754 1755 1756 1757 1758 <li><a class="dropdown-item" href="/resources/greatest-treasures/" target="">Greatest Treasures</a></li> 1759 1760 1761 1762 1763 <li><a class="dropdown-item" href="/resources/whats-new/" target="">What's New</a></li> 1764 1765 1766 1767 1768 <li><a class="dropdown-item" href="/resources/popular-graphic-arts-software/" target="">Popular Graphic Arts Software</a></li> 1769 1770 1771 1772 <li role="separator" class="divider"></li> 1773 <li><a href="/resources/">View All Resources</a></li> 1774 1775 1776 </ul> 1777 1778 </li> 1779 1780 1781 1782 1783 <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)" 1784 never matches anything, so the allowed-scheme check has to be done with 1785 iml_substr prefix comparisons instead, same technique as navUpdate.aj. --> 1786 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 1799 1800 1801 1802 1803 1804 <li class="nav-About Us nav-item dropdown"> 1805 1806 1807 <a class="nav-link dropdown-toggle" href="#" id="navbarAboutUs" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About Us<span class="caret"></span></a> 1808 1809 1810 1811 1812 <ul class="dropdown-menu feature-nav"> 1813 1814 1815 1816 1817 1818 <li><a class="dropdown-item" href="/feature/about-us/">About Us</a></li> 1819 1820 1821 1822 1823 <li><a class="dropdown-item" href="/feature/our-guarantee/">Our Guarantee</a></li> 1824 1825 1826 1827 1828 <li><a class="dropdown-item" href="/feature/the-environment/">The Environment</a></li> 1829 1830 1831 1832 1833 <li><a class="dropdown-item" href="/feature/presidents-letter/">President's Letter</a></li> 1834 1835 1836 1837 1838 <li><a class="dropdown-item" href="/feature/meet-our-team/">Meet Our Team</a></li> 1839 1840 1841 1842 1843 <li><a class="dropdown-item" href="/feature/company-history/">Company History</a></li> 1844 1845 1846 1847 1848 <li><a class="dropdown-item" href="/feature/testimonials/">Testimonials</a></li> 1849 1850 1851 1852 1853 </ul> 1854 1855 </li> 1856 1857 1858 1859 1860 <!-- IML's =~/!~ are literal substring match, not regex -- "^(https?://|tel:|mailto:)" 1861 never matches anything, so the allowed-scheme check has to be done with 1862 iml_substr prefix comparisons instead, same technique as navUpdate.aj. --> 1863 1864 1865 1866 1867 1868 1869 1870 <li class="nav-Contact nav-item dropdown"> 1871 <a class="nav-link dropdown-toggle" href="#" id="navbarContact" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 1872 Contact<span class="caret"></span> 1873 </a> 1874 1875 <ul id="contact-megamenu" class="dropdown-menu"> 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885 1886 1887 <li><a class="dropdown-item"href="tel:305-666-1067"><i class="fa fa-phone fa-solid text-primary" aria-hidden="true"></i> Local - 305-666-1067</a></li> 1888 1889 1890 <li><a class="dropdown-item"href="tel:305-666-7082"><i class="fa fa-phone fa-solid text-primary" aria-hidden="true"></i> Fax - 305-666-7082</a></li> 1891 1892 1893 <li><a class="dropdown-item" href="#" data-toggle="modal" data-target="#email-us-5263"><i class="fa fa-envelope fa-solid text-primary" aria-hidden="true"></i> Email Us</a></li> 1894 <li><a class="dropdown-item location-info-5263"href="/contact-us/">More Contact Info</a></li> 1895 <li role="separator" class="divider"></li> 1896 1897 1898 1899 <li><a class="dropdown-item d-flex align-items-center gap-2" href="https://www.facebook.com/pages/Photo-Offset/154539961375156" target="_blank"><i class="fa-brands fa-square-facebook fa-2x text-primary" aria-hidden="true"></i> Contact Us On Facebook</a></li> 1900 1901 <li><a class="dropdown-item d-flex align-items-center gap-2" href="http://www.linkedin.com/pub/john-knowles/13/aa0/b" target="_blank"><i class="fa-brands fa-linkedin fa-2x text-primary" aria-hidden="true"></i> Connect With Us On LinkedIn</a></li> 1902 <li><a class="dropdown-item d-flex align-items-center gap-2" href="http://twitter.com/PhotoOffset" target="_blank"><i class="fa-brands fa-square-x-twitter fa-2x text-primary " aria-hidden="true"></i> Find Us On X (Twitter)</a></li> 1903 1904 1905 </ul> 1906 </li> 1907 1908 1909 1910 </ul> 1911 </div> 1912 1913 </div><!-- /.mobile-drawer-body --> 1914 </div><!-- /.mobile-drawer-panel --> 1915 1916 <form method="dialog" class="mobile-drawer-backdrop"> 1917 <button type="submit"><span class="sr-only">
1917Close navigation menu</span></button> 1918 </form> 1919</dialog> 1920 1921 1922 1923 1924 1925 </header> 1926 <section class="container content-container"> 1927 <div class="row"> 1928 <main id="main" class="col-md-12 col-sm-12 container-page"> 1929 <div id="content"> 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960<!-- <aside class="in-header"> 1961 <h2> 1962 Questions? 305-666-1067 1963 <img src="system/2011/images/product-help.jpg" alt="" /> 1964 </h2> 1965</aside> --> 1966 1967<section class="ecommerce"> 1968<!-- 0::0 --> 1969 <article class="account_login"> 1970 <p class="breadcrumb-steps"> </p> 1971 1972 1973 <section class="login"> 1974 <h3 class="opc-bg-color gradient"> 1975 Please Sign In 1976 <span class="right">Secure Sign In <img class="inline lockimg" src="system/2011/images/lock.png" alt="" /></span> 1977 </h3> 1978 <section> 1979 1980 1981 1982 1983 1984 <div id="member_login"> 1985 <h4 class="login-intro">Member Login</h4> 1986 <p class="login-intro">If you have shopped with us before, enter your email address and password below.</p> 1987 1988 1989 1990 1991 1992 1993 1994 1995 <h4 class="sent-password" style="display:none;">Password Request Sent</h4> 1996 <p class="sent-password" style="display:none;"> 1997 A password reset link has been emailed to you. Follow the instructions to reset your password and log in. 1998 </p> 1999 2000 2001 <form id="login-form" action="account/" method="POST" data-route="ajax_w_fallback" data-ajax_iml="json_cookies.iml" data-ajax_mdl="system/2011/quick_login/login.aj" data-ajax_failure_slidedown="#error-password, #forgot-password-link"> 2002 <input type=hidden name="mdl" value=""> 2003 <input type=hidden name="pid" value="8231PhotoO"> 2004 2005 2006 <input type=hidden name="next_path-PATH_1" value="account"> 2007 <input type=hidden name="next_path-PATH_2" value=""> 2008 <input type=hidden name="next_path-PATH_3" value=""> 2009 2010 2011 <input type=hidden name="pdftransfer" value=""> 2012 <input type=hidden name="connectpdf" value=""> 2013 <div class="form-row"> 2014 <input type="text" id="signin_username" name="user_Email" placeholder="Email"> 2015 </div> 2016 2017 <div class="form-row"> 2018 <input type="password" id="signin_password" name="user_Passwd" placeholder="Password"> 2019 </div> 2020 2021 <p id="error-password" class="error-msg" style="display: none;"> 2022 <a href="#" class="close-error-msg">X</a> 2023 The email address and password combination you entered does not match our records. Please try again, or click "forgot your password" below. 2024 </p> 2025 2026 <div class="form-row"> 2027 <input class="medium green button" type="submit" value="Sign In"> 2028 </div> 2029 </form> 2030 2031 <p id="forgot-password-link"><a href="#" class="opc-color-light">forgot your password?</a></p> 2032 <p>We've recently enhanced our password security to better protect your account. If you're having trouble logging in, simply click the "Forgot your password?" link above to reset it quickly and easily.</p> 2033 2034 <form id="forgot-password-form" style="display:none;" action="index.iml" data-route="ajax" data-ajax_mdl="system/2011/quick_login/sendPassword.aj" data-ajax_failure_slidedown="#error-email"> 2035 <input type=hidden name="mdl" value=""> <!-- create a fallback here for no js --> 2036 <h4>Request Password Reset</h4> 2037 2038 <p>Enter your email address below, and click "Send Request" to have a password reset link emailed to you.</p> 2039 2040 <div class="form-row"> 2041 <input type="email" id="forgot-password_username" name="contact_Email" placeholder="Email"> 2042 </div> 2043 2044 <div class="form-row"> 2045 <input type=submit class="medium green button" value="Send Request"> 2046 </div> 2047 2048 <p id="return-to-login-link"><a href="#" class="opc-color-light">return to login</a></p> 2049 2050 <p id="error-email" class="error-msg" style="display: none;"> 2051 <a href="#" class="close-error-msg">X</a> 2052 The email address you entered does not exist in our system. Please try a different email address, or register as a new customer by filling out the form to the right. 2053 </p> 2054 2055 </form> 2056 2057 </div> 2058 </section> 2059 2060 <section class="register"> 2061 2062 2063 <h4>
2063Register as a New Customer</h4> 2064 2065 <p>Registering as a new customer creates an account unique to you, where you can view your order history, track jobs in progress, and store shipping/billing addresses so you don't have to re-enter them each time you order. <!-- <b>Remember, we do NOT store your credit card information.</b> --></p> 2066 2067 <p>Enter your name and email address, then create a password for your account:</p> 2068 2069 2070 2071 <form id="create-account" action="account/" method="POST" data-route="ajax_w_fallback" data-ajax_iml="json_cookies.iml" data-ajax_mdl="system/2011/quick_login/create.aj" data-ajax_failure_slidedown="#error-account-exists"> 2072 <input type=hidden name="mdl" value=""> 2073 <!-- <input type=hidden name="update_mdl" value="system/2011/quick_login/create.aj"> --> 2074 <input type=hidden name="pid" value="8231PhotoO"> 2075 2076 2077 <input type=hidden name="pdftransfer" value=""> 2078 <input type=hidden name="connectpdf" value=""> 2079 2080 2081 <div class="form-row"> 2082 <input type="text" id="create_firstname" name="CONTACT_First_Name" placeholder="First Name" required="required"> 2083 </div> 2084 <div class="form-row"> 2085 <input type="text" id="create_lastname" name="CONTACT_Last_Name" placeholder="Last Name" required="required"> 2086 </div> 2087 2088 <div class="form-row"> 2089 <input type="email" id="create_username" name="CONTACT_Email" placeholder="Email" required="required" value=""> 2090 </div> 2091 2092 <div class="form-row"> 2093 <input type="email" id="create_username_again" name="confirm-CONTACT_Email" placeholder="Confirm Email" required="required" value=""> 2094 </div> 2095 2096 <div class="form-row"> 2097 <input type="password" id="create_password" name="CONTACT_Password" placeholder="Password"> 2098 </div> 2099 2100 <div class="form-row"> 2101 <input type="password" id="create_password_again" name="confirm-CONTACT_Password" placeholder="Confirm Password"> 2102 </div> 2103 2104 2105 <div class="form-row"> 2106 2107 2108 2109 2110 <input type="text" id="phone" name="CONTACT_Phone" placeholder="Phone" onchange="phone_filter(this,'(',') ','-',' x');" required="required"> 2111 </div> 2112 2113 2114 <div class="form-row"> 2115 <input type=submit class="medium green button" value="Create Account"> 2116 </div> 2117 2118 <p id="error-account-exists" class="error-msg" style="display: none;"> 2119 <a href="#" class="close-error-msg">X</a> 2120 It appears you already have an account with us using that email address. Please log in using the form to the left, or click the "forgot your password" link to have your password sent to you. 2121 </p> 2122 2123 </form> 2124 2125 2126 </section> 2127 </section> 2128 </article> 2129 2130</section> 2131 2132 2133 2134 2135 2136 2137 </div> 2138 </main> 2139 2140<!-- Site Footer Location Info --> 2141 2142 2143 2144 2145 2146 2147 <aside id="sidebar" class="col-md-3 col-sm-4 col-xs-12 hidden-sm hidden-xs" style="padding-top: 25px;" role="complementary" aria-label="Sidebar content"> 2148 2149 2150 2151 <a href="/printing/booklets/" title="Premium Printed Booklets" aria-label="Premium Printed Booklets" ><img src="https://secureprintorder.world-cdnserv.com/7013AcmePr/255w/booklet-sidebar-ad.png" class="corpWidget fullCoverage" alt="Premium Printed Booklets" loading="lazy"></a> 2152 2153 2154 2155 <a href="/services/printing-copying-services/" title="Printing & Digital Services" aria-label="Printing & Digital Services" ><img src="https://secureprintorder.world-cdnserv.com/7013AcmePr/255w/mfp-webad-middle1.jpg" class="corpWidget fullCoverage" alt="Printing & Digital Services" loading="lazy"></a> 2156 2157 2158 2159 <a href="/services/graphic-design-services/" title="Graphic Design Services" aria-label="Graphic Design Services" ><img src="https://secureprintorder.world-cdnserv.com/7013AcmePr/255w/mfp-webad-bottom5.jpg" class="corpWidget fullCoverage" alt="Graphic Design Services" loading="lazy"></a> 2160 2161 2162</aside><!-- end sidebar --> 2163 2164 2165 2166 2167 </div> 2168 </section> 2169 <!-- Site Footer --> 2170 2171 2172 2173 <footer class="footer foot-black"> 2174 <h2 class="sr-only">Site Footer</h2> 2175 <div id="footer-search" class="opc-bg-color"> 2176 2177 </div> 2178 <div id="footer-background" class="container"> 2179 <div id="footer-main" class="row"> 2180 2181 2182 2183 2184 <nav id="footer-nav-about-us" class="col-sm-2" aria-label="About Us"> 2185 <h3>About Us</h3> 2186 <ul> 2187 2188 <li><a href="/contact-us/">Contact</a></li> 2189 2190 <li><a href="/contact-us/">Location</a></li> 2191 2192 <li><a href="/feature/meet-our-team/">Meet Our Team</a></li> 2193 2194 <li><a href="/feature/our-mission/">Our Mission</a></li> 2195 2196 <li><a href="/feature/our-1-boss/">Our #1 Boss...</a></li> 2197 2198 2199 </ul> 2200 </nav> 2201 2202 2203 2204 2205 2206 <nav id="footer-nav-why-print-here" class="col-sm-2" aria-label="Why Print Here"> 2207 <h3>Why Print Here?</h3> 2208 <ul> 2209 2210 <li><a href="/feature/we-make-you-happy/">We Make You Happy</a></li> 2211 2212 <li><a href="/feature/were-local-we-care/">We're Local. We care.</a></li> 2213 2214 <li><a href="/feature/our-guarantee/">Our Guarantee</a></li> 2215 2216 <li><a href="/feature/portfolio/">Portfolio</a></li> 2217 2218 <li><a href="/feature/the-environment/">The Environment</a></li> 2219 2220 <li><a href="/feature/security-privacy/">Security & Privacy</a></li> 2221 2222 2223 </ul> 2224 </nav> 2225 2226 2227 2228 <nav id="footer-nav-resources" class="col-sm-2" aria-label="Resources"> 2229 <h3>Resources</h3> 2230 <ul> 2231 2232 <li><a href="/resources/the-ideas-collection">The Ideas Collection</a></li> 2233 2234 <li><a href="/resources/greatest-treasures">Greatest Treasures</a></li> 2235 2236 <li><a href="/resources/whats-new">What's New</a></li> 2237 2238 <li><a href="/resources/popular-graphic-arts-software">Popular Graphic Arts Software</a></li> 2239 2240 </ul> 2241 </nav> 2242 2243 <nav id="footer-nav-place-order" class="col-sm-2" aria-label="Place An Order"> 2244 <h3>Place An Order</h3> 2245 <ul> 2246 <li><a href="/account/">My Account</a></li> 2247 2248 2249 <li><a href="/printing/custom-printing">Get an Estimate</a></li> 2250 2251 2252 <li><a href="/printing/">Place an Order</a></li> 2253 2254 <li><a href="#send-file-popup">Send a File</a></li> 2255 <li><a href="/customer-service/">Customer Service</a></li> 2256 </ul> 2257 </nav> 2258 <nav class="col-sm-2" aria-label="Help And Support"> 2259 <h3>Help And Support</h3> 2260 <ul> 2261 2262 2263 2264 <li><a href="/help-center/online-proofing/">Online Proofing</a></li> 2265 2266 2267 2268 2269 <li><a href="/help-center/terms-conditions/">Terms & Conditions</a></li> 2270 </ul> 2271 </nav> 2272 2273 <nav id="footer-nav-connect" class="col-sm-2" aria-label="Connect"> 2274 <h3>Connect</h3> 2275 <ul> 2276 <li><a href="https://www.facebook.com/pages/Photo-Offset/154539961375156" target="_blank">Facebook</a></li> 2277 2278 <li><a href="http://www.linkedin.com/pub/john-knowles/13/aa0/b" target="_blank">LinkedIn</a></li> 2279 <li><a href="http://twitter.com/PhotoOffset" target="_blank">𝕏 (Twitter)</a></li> 2280 2281 </ul> 2282 </nav> 2283 2284 </div> 2285 <div id="footer-tabs-divider"></div> 2286 <!-- Site Footer Location Info --> 2287<div class=""> 2288 2289 2290 2291 2292 <div class="footer-address d-flex flex-wrap justify-content-between gap-4"> 2293 2294 <section class="address-block" style="flex: 1 1 180px;" aria-label="Location Address"> 2295 <h3> 2296 2297 Photo Offset 2298 2299 </h3> 2300 <p> 2301 4824 SW 72nd Avenue<br> 2302 2303 Miami, FL 33155<br> 2304 U.S.<br> 2305 <a href="/contact-us/#loc_5263">Map and more contact info</a> 2306 </p> 2307 </section> 2308 <section class="address-block" style="flex: 1 1 180px;" aria-label="Contact Information"> 2309 <h3>Contact</h3> 2310 <div class="contact-grid" style="display: grid; grid-template-columns: auto auto; gap: 0.25em 1em;"> 2311 2312 <div> 2313 Local: 2314 </div> 2315 <div> 2316 <a href="tel:305-666-1067">305-666-1067</a> 2317 </div> 2318 2319 2320 <div> 2321 Fax: 2322 </div> 2323 <div> 2324 <a href="tel:305-666-7082">305-666-7082</a> 2325 </div> 2326 2327 2328 </div> 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 2360 2361 2362 2363 2364 <p class="email_address"> 2365 <button type="button" class="btn btn-primary my-3" data-role="open_bubble" data-toggle="modal" data-target="#email-us-5263" data-target_id="email-us-5263">Email Us</button> 2366 </p> 2367 <div class="modal fade email-fab-modal-target" id="email-us-5263" tabindex="-1" role="dialog" aria-labelledby="emailUs-5263" aria-hidden="true"> 2368 <div class="modal-dialog" role="document"> 2369 <div class="modal-content"> 2370 <div class="modal-header"> 2371 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 2372 <span aria-hidden="true">×</span> 2373 </button> 2374 <h3 id="emailUs-5263" class="modal-title">EMAIL US</h3> 2375 </div> 2376 <div class="email-us-shell email-us-modal-shell modal-body"> 2377 2378 2379 2380 2381 2382 2383 2384 2385 2386<div class="email-failure contact-message-failure" style="display:none"> 2387 <h3 style="color:red">Something went wrong!</h3> 2388 <p style="color:red">Your message could not be sent. Please try again.</p> 2389</div> 2390<form class="contact-message-form email-us-form" action="https://www.photooffset.com/json.iml" method="POST" data-route="ajax" data-ajax_mdl="system/2011/email_us.aj" data-spam_filter="4"> 2391 <input type=hidden name="update_mdl" value="system/2011/email_us.mdl"> 2392 <input type=hidden name="LOC_ID" value="5263"> 2393 <div class="contact-message-form-grid email-us-form-grid"> 2394 <div class="form-group contact-message-field email-us-field email-us-field-name"> 2395 <label for="modal-email-us-message-name-5263">Name*</label> 2396 <input type="text" class="form-control" name="MESSAGE_Name" id="modal-email-us-message-name-5263" placeholder="Full Name" required="required" autocomplete="name"> 2397 </div> 2398 <div class="form-group contact-message-field email-us-field email-us-field-company"> 2399 <label for="modal-email-us-message-company-5263">Company</label> 2400 <input type="text" class="form-control" name="MESSAGE_Company" id="modal-email-us-message-company-5263" placeholder="Company Name" autocomplete="organization"> 2401 </div> 2402 <div class="form-group contact-message-field email-us-field email-us-field-email">
2403 <label for="modal-email-us-message-email-5263">Email*</label> 2404 <input type="email" class="form-control" name="MESSAGE_Email" id="modal-email-us-message-email-5263" placeholder="Email Address" required="required" autocomplete="email"> 2405 </div> 2406 <div class="form-group contact-message-field email-us-field email-us-field-phone"> 2407 <label for="modal-email-us-message-phone-5263">Phone*</label> 2408 <input type="tel" class="form-control" name="MESSAGE_Phone" id="modal-email-us-message-phone-5263" placeholder="Best Phone" required="required" autocomplete="tel"> 2409 </div> 2410 <div class="form-group contact-message-field contact-message-field-message email-us-field email-us-field-message"> 2411 <label for="modal-email-us-message-message-5263">Message*</label> 2412 <textarea class="form-control" rows="5" name="MESSAGE_Message" id="modal-email-us-message-message-5263" placeholder="How Can We Help You?" required="required" autocomplete="off"></textarea> 2413 </div> 2414 </div> 2415 2416 <input class="btn btn-primary contact-message-submit" type="submit" value="Submit"> 2417</form> 2418<div class="email-success contact-message-success" style="display:none"> 2419 <h3>Thank You!</h3> 2420 <p>Your message has been sent. We will respond shortly.</p> 2421</div> 2422 2423 2424 <div style="display:none" class="bubble-arrow-border"></div> 2425 <div style="display:none" class="bubble-arrow"></div> 2426 </div> 2427 </div> 2428 </div> 2429</div> 2430 2431 2432 <div class="quote-request-fab-shell"> 2433 <aside class="quote-request-fixed-card" aria-label="Get a free estimate"> 2434 <div class="quote-request-fixed-card__inner"> 2435 <button type="button" class="quote-request-fixed-card__close" aria-label="Close estimate request form" title="Close"> 2436 <span aria-hidden="true">×</span> 2437 </button> 2438 <h2 class="quote-request-fixed-card__title">Get A Free Estimate</h2> 2439 <div class="contact-message-shell quote-request-shell quote-request-fixed-shell"> 2440 2441 2442 2443 2444 2445 2446 2447 2448 2449<div class="email-failure contact-message-failure" style="display:none"> 2450 <h3 style="color:red">Something went wrong!</h3> 2451 <p style="color:red">Your message could not be sent. Please try again.</p> 2452</div> 2453<form class="contact-message-form email-us-form quote-request-form" action="https://www.photooffset.com/json.iml" method="POST" data-route="ajax" data-ajax_mdl="system/2011/estimate_request.aj" data-spam_filter="4"> 2454 <input type=hidden name="update_mdl" value="system/2011/estimate_request.mdl"> 2455 <input type=hidden name="LOC_ID" value="5263"> 2456 <div class="contact-message-form-grid email-us-form-grid"> 2457 <div class="form-group contact-message-field email-us-field email-us-field-name"> 2458 <label for="fixed-quote-request-message-name-5263">Name*</label> 2459 <input type="text" class="form-control" name="MESSAGE_Name" id="fixed-quote-request-message-name-5263" placeholder="Full Name" required="required" autocomplete="name"> 2460 </div> 2461 <div class="form-group contact-message-field email-us-field email-us-field-company"> 2462 <label for="fixed-quote-request-message-company-5263">Company</label> 2463 <input type="text" class="form-control" name="MESSAGE_Company" id="fixed-quote-request-message-company-5263" placeholder="Company Name" autocomplete="organization"> 2464 </div> 2465 <div class="form-group contact-message-field email-us-field email-us-field-email"> 2466 <label for="fixed-quote-request-message-email-5263">Email*</label> 2467 <input type="email" class="form-control" name="MESSAGE_Email" id="fixed-quote-request-message-email-5263" placeholder="Email Address" required="required" autocomplete="email"> 2468 </div> 2469 <div class="form-group contact-message-field email-us-field email-us-field-phone"> 2470 <label for="fixed-quote-request-message-phone-5263">Phone*</label> 2471 <input type="tel" class="form-control" name="MESSAGE_Phone" id="fixed-quote-request-message-phone-5263" placeholder="Best Phone" required="required" autocomplete="tel"> 2472 </div> 2473 <div class="form-group contact-message-field contact-message-field-message email-us-field email-us-field-message"> 2474 <label for="fixed-quote-request-message-message-5263">Message*</label> 2475 <textarea class="form-control" rows="5" name="MESSAGE_Message" id="fixed-quote-request-message-message-5263" placeholder="How Can We Help You?" required="required" autocomplete="off"></textarea> 2476 </div> 2477 </div> 2478 2479 <input class="btn btn-primary contact-message-submit" type="submit" value="Request My Estimate"> 2480</form> 2481<div class="email-success contact-message-success" style="display:none"> 2482 <h3>Thank You!</h3> 2483 <p>Your estimate request has been sent. We will respond shortly.</p> 2484</div> 2485 2486 2487 </div> 2488 </div> 2489</aside> 2490 2491 <button 2492 type="button" 2493 class="quote-request-fab-trigger btn btn-primary" 2494 data-role="open_bubble" 2495 data-toggle="modal" 2496 data-target="#quote-request-5263" 2497 data-target_id="quote-request-5263" 2498 aria-label="Get a free estimate"
2499 aria-controls="quote-request-5263" 2500 aria-haspopup="dialog" 2501 title="Get a free estimate"> 2502 <span class="fa fa-commenting" aria-hidden="true"></span> 2503 </button> 2504 <div class="modal fade quote-request-modal-target email-fab-modal-target" id="quote-request-5263" tabindex="-1" role="dialog" aria-labelledby="quoteRequest-5263" aria-hidden="true"> 2505 <div class="modal-dialog" role="document"> 2506 <div class="modal-content"> 2507 <div class="modal-header"> 2508 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 2509 <span aria-hidden="true">×</span> 2510 </button> 2511 <h3 id="quoteRequest-5263" class="modal-title">Get A Free Estimate</h3> 2512 </div> 2513 <div class="contact-message-shell quote-request-shell quote-request-modal-shell modal-body"> 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523<div class="email-failure contact-message-failure" style="display:none"> 2524 <h3 style="color:red">Something went wrong!</h3> 2525 <p style="color:red">Your message could not be sent. Please try again.</p> 2526</div> 2527<form class="contact-message-form email-us-form quote-request-form" action="https://www.photooffset.com/json.iml" method="POST" data-route="ajax" data-ajax_mdl="system/2011/estimate_request.aj" data-spam_filter="4"> 2528 <input type=hidden name="update_mdl" value="system/2011/estimate_request.mdl"> 2529 <input type=hidden name="LOC_ID" value="5263"> 2530 <div class="contact-message-form-grid email-us-form-grid"> 2531 <div class="form-group contact-message-field email-us-field email-us-field-name"> 2532 <label for="modal-quote-request-message-name-5263">Name*</label> 2533 <input type="text" class="form-control" name="MESSAGE_Name" id="modal-quote-request-message-name-5263" placeholder="Full Name" required="required" autocomplete="name"> 2534 </div> 2535 <div class="form-group contact-message-field email-us-field email-us-field-company"> 2536 <label for="modal-quote-request-message-company-5263">Company</label> 2537 <input type="text" class="form-control" name="MESSAGE_Company" id="modal-quote-request-message-company-5263" placeholder="Company Name" autocomplete="organization"> 2538 </div> 2539 <div class="form-group contact-message-field email-us-field email-us-field-email"> 2540 <label for="modal-quote-request-message-email-5263">Email*</label> 2541 <input type="email" class="form-control" name="MESSAGE_Email" id="modal-quote-request-message-email-5263" placeholder="Email Address" required="required" autocomplete="email"> 2542 </div> 2543 <div class="form-group contact-message-field email-us-field email-us-field-phone"> 2544 <label for="modal-quote-request-message-phone-5263">Phone*</label> 2545 <input type="tel" class="form-control" name="MESSAGE_Phone" id="modal-quote-request-message-phone-5263" placeholder="Best Phone" required="required" autocomplete="tel"> 2546 </div> 2547 <div class="form-group contact-message-field contact-message-field-message email-us-field email-us-field-message"> 2548 <label for="modal-quote-request-message-message-5263">Message*</label> 2549 <textarea class="form-control" rows="5" name="MESSAGE_Message" id="modal-quote-request-message-message-5263" placeholder="How Can We Help You?" required="required" autocomplete="off"></textarea> 2550 </div> 2551 </div> 2552 2553 <input class="btn btn-primary contact-message-submit" type="submit" value="Request My Estimate"> 2554</form> 2555<div class="email-success contact-message-success" style="display:none"> 2556 <h3>Thank You!</h3> 2557 <p>Your estimate request has been sent. We will respond shortly.</p> 2558</div> 2559 2560 2561 <div style="display:none" class="bubble-arrow-border"></div> 2562 <div style="display:none" class="bubble-arrow"></div> 2563 </div> 2564 </div> 2565 </div> 2566</div> 2567 2568</div> 2569 2570 2571 2572 2573 </section> 2574 <section class="address-block" style="flex: 1 1 180px;" aria-label="Hours and Emergency Contact"> 2575 2576 2577 2578 2579 2580 2581 <h3>Hours of Operation</h3> 2582 <p> 2583 2584 2585 8:30 a.m. to 5:30 p.m.<br> 2586 2587 2588 Monday through Friday<br> 2589 2590 2591 2592 </p> 2593 2594 2595 2596 </section> 2597 </div> 2598 2599 2600 <div class="copyright">
2601 <p class="pull-left">© Copyright 2026 Photo Offset - All rights reserved. 2602 <div class="pull-right"> 2603 <a href="/site-map/">site map</a> 2604 | 2605 <a href="/feature/security-privacy/">security & privacy</a> 2606 2607 </div> 2608 </p> 2609 </div> 2610</div> 2611 2612 </div> 2613 </footer> 2614 2615 2616 2617 <!--
2617<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
2617--> 2618
2618<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
2618 2619
2619<script type="text/javascript" src="designOutsideTheBox_R/js/bootstrap-tabcollapse.js"></script>
2619 2620
2620<script src="designOutsideTheBox_R/js/jquery.meanmenu.min.js"></script>
2620 2621
2621<script src="designOutsideTheBox_R/js/owl.carousel.js"></script>
2621 2622
2622<script src="designOutsideTheBox_R/js/fitvids.js"></script>
2622 2623
2623<script src="designOutsideTheBox_R/js/wisnet.js"></script>
2623 2624
2624<script> 2625 $(document).ready(function(){ 2626 $('#menu').meanmenu({meanShowChildren:false}); 2627 $('#hero').owlCarousel({ 2628 loop:true, 2629 items:1, 2630 autoplay:true, 2631 animateOut: 'fadeOut', 2632 nav:true, 2633 navText: ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"], 2634 dots:true 2635 }); 2636 $('#prods').owlCarousel({ 2637 loop:true, 2638 items:1, 2639 autoplay:true, 2640 nav:false, 2641 navText: ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"], 2642 dots:false 2643 }); 2644 $('#hero-callouts').owlCarousel({ 2645 loop:true, 2646 margin: 15, 2647 autoplay:true, 2648 nav:true, 2649 navText: ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"], 2650 dots:false, 2651 responsive : { 2652 // breakpoint from 0 up 2653 0 : { 2654 items:1 2655 }, 2656 // breakpoint from 480 up 2657 480 : { 2658 items:1 2659 }, 2660 // breakpoint from 768 up 2661 768 : { 2662 items:2 2663 }, 2664 // breakpoint from 768 up 2665 980 : { 2666 items:3 2667 } 2668 } 2669 }); 2670 $('#myTab').tabCollapse(); 2671 $("#ecommerce-1").show(); 2672 $("#ecommerce-2, #ecommerce-3, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide(); 2673 $("#resources-1").show(); 2674 $("#resources-2, #resources-3, #resources-4, #resources-5, #resources-6, #resources-7, #resources-8, #resources-9, #resources-10").hide(); 2675 }); 2676 $("#show1, #show_numb1").click(function(){ 2677 $("#ecommerce-1").show(); 2678 $("#ecommerce-2, #ecommerce-3, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide(); 2679 }); 2680 $("#show2, #show_numb2").click(function(){ 2681 $("#ecommerce-2").show(); 2682 $("#ecommerce-1, #ecommerce-3, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide(); 2683 }); 2684 $("#show3, #show_numb3").click(function(){ 2685 $("#ecommerce-3").show(); 2686 $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide(); 2687 }); 2688 $("#show4, #show_numb4").click(function(){ 2689 $("#ecommerce-4").show(); 2690 $("#ecommerce-1, #ecommerce-2, #ecommerce-5, #ecommerce-3, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide(); 2691 }); 2692 $("#show5, #show_numb5").click(function(){ 2693 $("#ecommerce-5").show(); 2694 $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-3, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide(); 2695 }); 2696 $("#show6, #show_numb6").click(function(){ 2697 $("#ecommerce-6").show(); 2698 $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-3, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide(); 2699 }); 2700 $("#show7, #show_numb7").click(function(){ 2701 $("#ecommerce-7").show(); 2702 $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-3, #ecommerce-8, #ecommerce-9, #ecommerce-10").hide(); 2703 }); 2704 $("#show8, #show_numb8").click(function(){ 2705 $("#ecommerce-8").show(); 2706 $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-3, #ecommerce-9, #ecommerce-10").hide(); 2707 }); 2708 $("#show9, #show_numb8").click(function(){ 2709 $("#ecommerce-9").show(); 2710 $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-3, #ecommerce-10").hide(); 2711 }); 2712 $("#show10, #show_numb10").click(function(){ 2713 $("#ecommerce-10").show(); 2714 $("#ecommerce-1, #ecommerce-2, #ecommerce-4, #ecommerce-5, #ecommerce-6, #ecommerce-7, #ecommerce-8, #ecommerce-9, #ecommerce-3").hide(); 2715 }); 2716 $("#res_1, #show_res_1").click(function(){ 2717 $("#resources-1").show(); 2718 $("#resources-2, #resources-3, #resources-4, #resources-5, #resources-6, #resources-7, #resources-8").hide(); 2719 }); 2720 $("#res_2, #show_res_2").click(function(){ 2721 $("#resources-2").show(); 2722 $("#resources-1, #resources-3, #resources-4, #resources-5, #resources-6, #resources-7, #resources-8").hide(); 2723 }); 2724 $("#res_3, #show_res_3").click(function(){ 2725 $("#resources-3").show(); 2726 $("#resources-1, #resources-2, #resources-4, #resources-5, #resources-6, #resources-7, #resources-8").hide(); 2727 }); 2728 $("#res_4, #show_res_4").click(function(){ 2729 $("#resources-4").show(); 2730 $("#resources-1, #resources-2, #resources-5, #resources-3, #resources-6, #resources-7, #resources-8").hide(); 2731 }); 2732 $("#res_5, #show_res_5").click(function(){ 2733 $("#resources-5").show(); 2734 $("#resources-1, #resources-2, #resources-4, #resources-3, #resources-6, #resources-7, #resources-8").hide(); 2735 }); 2736 $("#res_6, #show_res_6").click(function(){ 2737 $("#resources-6").show(); 2738 $("#resources-1, #resources-2, #resources-4, #resources-5, #resources-3, #resources-7, #resources-8").hide(); 2739 }); 2740 $("#res_7, #show_res_7").click(function(){ 2741 $("#resources-7").show(); 2742 $("#resources-1, #resources-2, #resources-4, #resources-5, #resources-6, #resources-3, #resources-8").hide(); 2743 }); 2744 $("#res_8, #show_res_8").click(function(){ 2745 $("#resources-8").show(); 2746 $("#resources-1, #resources-2, #resources-4, #resources-5, #resources-6, #resources-7, #resources-3").hide(); 2747 }); 2748 </script>
2748 2749 2750 2751 2752 2753 2754 2755 2756 2757 2758
2758<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/forms.js?v=6.14"></script>
2758 2759 2760 2761 2762 2763
2763<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.jPaginate.js?v=1.0"></script>
2763 2764 2765 2766 2767 2768
2768<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/cookie/jquery.cookie.js?v=1.0"></script>
2768 2769 2770 2771 2772 2773
2773<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/printing.js?v=1.4000000000000004"></script>
2773 2774 2775 2776 2777 2778
2778<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/printing-product.js?v=25.26"></script>
2778 2779 2780 2781 2782 2783
2783<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/jquery.kinetic/jquery.kinetic.js?v=1.0"></script>
2783 2784 2785 2786 2787 2788
2788<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/ecommerce_common.js?v=1.7"></script>
2788 2789 2790 2791 2792 2793
2793<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/account.js?v=5.9.15"></script>
2793 2794 2795 2796 2797 2798
2798<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/send_file_popup.js?v=3.7"></script>
2798 2799 2800 2801 2802 2803
2803<script type="text/javascript" src="https://secureprintorder.world-cdnserv.com/system/2011/js/pStrength.jquery.js?v=1.0"></script>
2803 2804 2805 2806 2807
2807<script type="text/javascript"> 2808 $("a[rel^='videoPlayer']").prettyPhoto({autoplay:true,default_width:1120,default_height:630}); 2809 2810 2811 </script>
2811 2812 2813 2814 2815 2816 2817 </body> 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 2828 <!-- Early access gate: corner badge for opted-in testers on legacy pages (PW-3799). 2829 early_access_badge.mdl lives under system/2011/, unlike ipblock.mdl/init.mdl above 2830 which are true repo-root modules, so it needs the OPC_Version_Path system-module 2831 prefix to resolve. --> 2832 <!-- 2833 Early access corner badge (legacy side) â PW-3799 §4. 2834 Emits a fixed bottom-right badge on legacy storefront pages ONLY for a visitor opted into 2835 early access (the sf_early_access=1 cookie, exposed as the ambient variable sf_early_access). 2836 It names the legacy app (amber), explains that this route has not migrated, links to the 2837 early access console, and exposes Leave early access. 2838 2839 Requires: sf_early_access (inbound cookie, ambient). Assumes it is included once near the end 2840 of a legacy page body. Every theme's head.mdl loads Bootstrap 3 and 2841 system/2011/css/bootstrap-utilities.v5.3.3.css, so this module leans on their classes 2842 (.btn colors, position-fixed/absolute, spacing, flex, font-weight/color helpers) wherever 2843 one lines up exactly with the design; only what neither stylesheet covers â the pill/rounded 2844 shapes, the two exact-pixel dot and panel dimensions, box-shadows, cursor, and the compact 2845 13px badge font â stays inline. All output is static text and fixed /public/early-access.php 2846 links â no untrusted values are rendered. 2847 2848 NOTE: the sf_early_access cookie -> ambient-variable exposure must be confirmed on the live 2849 Windows/IIS + FastCGI stack (see docs/php-conversion/EARLY_ACCESS_GATE.md, legacy-badge 2850 validation). 2851--> 2852 2853 2854 2855 </html> 2856
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.