Jostens

<!DOCTYPE html> <html lang="en"> <head prefix="og: http://ogp.me/ns#">   <title>Jostens</title> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="description" content="Explore Jostens personalized college and high school class rings, customizable yearbooks, championship rings, graduation products, and more to celebrate big moments this year." /> <meta name="keywords" content="graduation products, high school graduation announcements, high school yearbooks, college graduation announcements, class rings, yearbooks, championship rings, personalized rings, school yearbooks" /> <meta name="author" content="" /> <meta name="google-site-verification" content="xEMmllKAfz99zcmNDLl9esQSW3GcqBNIg_tGHAhxTGc"/> <meta name="facebook-domain-verification" content="adcxwqu75wlxjfjb51ppiipcyfnq47" /> <style type="text/css"> html, body { visibility: hidden; opacity:0; /*visibility: visible;*/ } :root { --customer-primary-color: #000000; --customer-secondary-color: #FFFFFF; --customer-border-color: transparent; --customer-text-color: #FFFFFF; --customer-accent-color: #070707; --customer-overlay: rgba(0, 0, 0, 0.9); } </style> <script> //console.log = function() {} var DEBUG = false; if(!DEBUG){ if(!window.console) window.console = {}; var methods = ["log", "debug", "warn", "info"]; for(var i=0;i<methods.length;i++){ console[methods[i]] = function(){}; } } </script> <link rel="preconnect" href="https://cdn.cookielaw.org">  <script type="text/javascript" src="https://cdn.cookielaw.org/consent/77c66f5e-d1f5-4373-86b1-99e3b026c915/OtAutoBlock.js" ></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="77c66f5e-d1f5-4373-86b1-99e3b026c915" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script>  <link rel="preconnect" href="https://cdn.jostens.com/"> <script data-ot-ignore="data-ot-ignore" src="https://cdn.jostens.com/application/themes/jostens/js/jquery-3.5.1.min.js?v=1.7.4" ></script> <link rel="canonical" href="//www.jostens.com/" /> <link rel="shortcut icon" href="https://cdn.jostens.com/application/themes/jostens/images/favicon.ico" type="image/x-icon" /> <link href="https://cdn.jostens.com/application/themes/jostens/scss/global/global.dotsass?v=1.7.4" rel="stylesheet" type="text/css" media="print" onload="this.media='all'; this.onload=null;" /> <link href="https://cdn.jostens.com/application/themes/jostens/scss/cms/cms.dotsass?v=1.7.4" rel="stylesheet" type="text/css" media="print" onload="this.media='all'; this.onload=null;" /> <link rel="dns-prefetch" href="https://www.googletagmanager.com/" >  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-587PPJ');</script>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-587PPJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script> var jostensConfig = { 'affiliationSearchURL': 'https://www.jostens.com/apps/store/api/v1.2/search-affiliates/word/', 'affiliationServiceURL': '/apps/profile/setCustomer.mvc', 'ecomDomain': '/', 'profileServiceUrl': 'https://www.jostens.com/apps/profile/me.mvc', 'storeSearchURL': '/apps/jcom/siteSearchAjax.mvc', 'schoolDataURL': 'https://services-cache.jostens.com/api/cacheService/schoolstore', 'cdnUrl': 'https://cdn.jostens.com/', 'catalogData': null, 'mainCdnUrl': 'https://cdn.jostens.com/', 'defaultAffiliationStatus': { isAffiliated: false, customerNumber: null, affiliateId: null, oracleId: null, junsId: null, shopId: null, affiliateName: 'My School', affiliateCity: null, affiliateState: null, affiliateCountry: 'US', affiliateLocation: '', affiliateClassCode: null, affiliateEntityType: 'Group', affiliateType: null, schoolName: 'My School', schoolLogo: '/application/themes/jostens/images/spacer.gif', }, }; try { var excludeList = {"COLLEGE_DIPFRAME_CUSTOMER_CATALOG":"ALL","SHOP_COL_GREG_C_REGALIA_ACADEMIC":"ALL","col_greg":"ALL","col_ring":"ALL","col_grad":"ALL","col_greg_pkg":"3157077, 3157078, 3157376","keys":["COLLEGE_DIPFRAME_CUSTOMER_CATALOG","SHOP_COL_GREG_C_REGALIA_ACADEMIC","col_greg","col_ring","col_grad","col_greg_pkg","keys","map"],"map":{"COLLEGE_DIPFRAME_CUSTOMER_CATALOG":"ALL","SHOP_COL_GREG_C_REGALIA_ACADEMIC":"ALL","col_greg":"ALL","col_ring":"ALL","col_grad":"ALL","col_greg_pkg":"3157077, 3157078, 3157376"}}; } catch (error) { console.log(error) } </script> </head> <body class="default" > <a href="#content" id="skip-link">Skip to main content</a> <header id="hd-jcom" class="fixed-top"> <div id="utility-bar" class="header-utility-bar"> <ul> <li><a href="/apps/profile/signinMyOrders.mvc?from=MY_ORDERS" target="_self">Order Status</a></li> <li><a href="/resources/working-with-jostens/index" target="_self">Working With Jostens</a></li> <li><a href="/help/" target="_self">Help</a></li> <li><a href="/about/careers" target="_self">Careers</a></li>  <li class="logged-in"> <a href="#user-dropdown" class="primary-dropdown-toggle collapsed" data-toggle="collapse" role="button" aria-expanded="false" aria-label="Toggle User Dropdown" aria-controls="user-dropdown-desktop user-dropdown-mobile"> Hello, <span id="profile-username"></span> </a> </li>  <li class="not-logged-in"> <a href="/apps/profile/signin.mvc" class="collapsed" aria-expanded="false" aria-label="Toggle Sign In Dropdown" aria-controls="sign-in-dropdown" rel="nofollow"> Sign In </a> </li> </ul> </div> <div id="navigation" class="navbar navbar-expand-lg navbar-toggleable-md"> <a href="/" class="header-logo navbar-brand d-inline-block d-lg-none" tabindex="0"> <div class="focus-state-container" tabindex="-1"> <img src="https://cdn.jostens.com/application/themes/jostens/images/jostens-logo.svg" alt="Jostens" height="40" width="71" loading="lazy"/> </div> </a> <ul id="nav-icons"> <li> <a href="#" aria-label="search" role="button" class="nav-icon" tabindex="0" data-toggle="modal" data-target="#search-modal" aria-label="Search for items"> <div aria-label="jostens.com" class="focus-state-container" tabindex="-1" role="button"> <i class="fas fa-search" aria-hidden="true" title="Search"></i> </div> </a> </li> <li class="d-list-item d-lg-none"> <a href="/apps/profile/signin.mvc" class="nav-icon" rel="nofollow"> <div aria-label="jostens.com" class="focus-state-container" tabindex="-1" role="button"> <i class="fas fa-user" aria-hidden="true" title="Signin"></i> </div> </a> </li> <li> <a href="/apps/checkout/startCheckout.mvc" class="nav-icon" aria-label="View items in your shopping cart"> <div class="focus-state-container" tabindex="-1"> <i class="fas fa-shopping-bag" aria-hidden="true" title="Shopping Cart"></i> <span id="cart-count" class="cart-item-number d-none"></span> </div> </a> </li> <li class="d-list-item d-lg-none"> <button id="main-nav-toggle" class="navbar-toggler nav-icon collapsed" type="button" data-toggle="collapse" data-target="#main-nav" aria-label="Toggle navigation" tabindex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-fw fa-bars"></span> <span class="fas fa-fw fa-times"></span> </div> </button> </li> </ul> <div id="main-nav" class="navbar-collapse collapse" aria-expanded="false"> <ul class="navbar-nav" role="navigation"> <li id="my-school-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".my-school-level-2-nav" role="button" aria-expanded="false"aria-controls="my-school-level-2-nav-desktop my-school-level-2-nav-mobile" tabindex="0" aria-haspopup="true"> <div class="focus-state-container" tabindex="-1" role="button">My School Store</div> </span> <div id="my-school-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse my-school-level-2-nav" aria-haspopup="true"> <div class="inner"> <div> <img id="logo-img-mobile" src="https://cdn.jostens.com/application/themes/jostens/images/spacer.gif" alt="My School Logo" onerror="$(this).parent().addClass('no-logo');$(this).remove();" loading="lazy"> </div> <div> <div id="affiliate-name-mobile"></div> <div id="affiliate-location-mobile"></div> <div><a href="/apps/jcom/router.mvc" class="btn btn-sm btn-primary btn-primary--ghost">School Store<span class="fas fa-arrow-right icon-right"></span></a></div> <div><a href="#" class="affiliate-school" id="affiliate-change-mobile">Change Group</a></div> </div> </div> <div class="card" id="my-school-nav-mobile"></div> </div> </li> <li id="find-school-dropdown" class="nav-item"> <a class="nav-link affiliate-school" tabindex="0"> <div class="focus-state-container" tabindex="-1">Find My School/Group Store</div> </a> <div class="inner"> <h6>Find My School/Group Store</h6> <p><small>Order your class yearbook, shop for your custom class ring, shop for your graduation needs, and show your pride with custom school apparel and gifts.</small></p> <div><a href="#" class="btn btn-sm btn-primary btn-primary--ghost affiliate-school">Find Your School/Group <span class="fas fa-arrow-right icon-right"></span></a></div> </div> </li>  <li id="yearbook-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".yearbook-level-2-nav" role="button" aria-expanded="false" aria-controls="yearbook-level-2-nav-desktop yearbook-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">yearbook</div> </span> <div id="yearbook-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse yearbook-level-2-nav"> <div class="card"> <a id="yearbook-Students-Families-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#yearbook-Students-Families-menu" aria-expanded="false" aria-controls="yearbook-Students-Families-menu">Students & Families</a> <div id="yearbook-Students-Families-menu" class="collapse" aria-labelledby="yearbook-Students-Families-heading" data-parent="#yearbook-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/apps/jcom/router.mvc?code=YRBK" class="mobile-tertiary-item card-header">Buy Your Yearbook</a> <a href="/yearbooks/students-and-parents/about-yearbooks" class="mobile-tertiary-item card-header">About Yearbooks</a> <a href="/yearbooks/students-and-parents/yearbook-ads" class="mobile-tertiary-item card-header">Recognition Ads</a> <a href="/yearbooks/students-and-parents/yearbook-plus" class="mobile-tertiary-item card-header">Yearbook+</a> <a href="/yearbooks/advisers-and-staff/yearbook-blog/" class="mobile-tertiary-item card-header">Yearbook Blog</a> <a href="https://www.jostens.com/yearbooks/students-and-parents/photoshare" class="mobile-tertiary-item card-header">Photo Share</a> </div> </div> </div> </div> <div class="card"> <a id="yearbook-Advisers-Staff-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#yearbook-Advisers-Staff-menu" aria-expanded="false" aria-controls="yearbook-Advisers-Staff-menu">Advisers & Staff</a> <div id="yearbook-Advisers-Staff-menu" class="collapse" aria-labelledby="yearbook-Advisers-Staff-heading" data-parent="#yearbook-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/yearbooks/advisers-and-staff/technology-and-experience/" class="mobile-tertiary-item card-header">Technology & Experience</a> <a href="/yearbooks/advisers-and-staff/classroom-tools/" class="mobile-tertiary-item card-header">Classroom Resources </a> <a href="/yearbooks/advisers-and-staff/events-workshops/" class="mobile-tertiary-item card-header">Events & Workshops </a> <a href="/yearbooks/advisers-and-staff/contests-and-awards/" class="mobile-tertiary-item card-header">Contests & Awards </a> <a href="/yearbooks/advisers-and-staff/technology-and-experience/yearbook-plus" class="mobile-tertiary-item card-header">Yearbook+ </a> <a href="/yearbooks/advisers-and-staff/yearbook-blog/" class="mobile-tertiary-item card-header">Advisers & Staff Blog </a> <a href="/resources/working-with-jostens" class="mobile-tertiary-item card-header">Working with Jostens </a> </div> </div> </div> </div> </div> </li>  <li id="Graduation-menu-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Graduation-menu-level-2-nav" role="button" aria-expanded="false" aria-controls="Graduation-menu-level-2-nav-desktop Graduation-menu-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Graduation</div> </span> <div id="Graduation-menu-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Graduation-menu-level-2-nav"> <div class="card"> <a id="Graduation-menu-High-School-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-High-School-menu" aria-expanded="false" aria-controls="Graduation-menu-High-School-menu">High School</a> <div id="Graduation-menu-High-School-menu" class="collapse" aria-labelledby="Graduation-menu-High-School-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/graduation/high-school/graduation-packages" class="mobile-tertiary-item card-header">Grad Packages</a> <a href="/graduation/high-school/high-school-products-graduation" class="mobile-tertiary-item card-header">Grad Products </a> <a href="/graduation/high-school/announcements" class="mobile-tertiary-item card-header">Announcements </a> <a href="/graduation/high-school/caps-and-gowns" class="mobile-tertiary-item card-header">Caps & Gowns </a> <a href="/graduation/high-school/photo-cards" class="mobile-tertiary-item card-header">Photo Cards</a> <a href="/graduation/high-school/senior-apparel" class="mobile-tertiary-item card-header">Senior Apparel</a> <a href="/apparel/high-school-senior-apparel/accessories" class="mobile-tertiary-item card-header">Senior Accessories</a> </div> </div> </div> </div> <div class="card"> <a id="Graduation-menu-College-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-College-menu" aria-expanded="false" aria-controls="Graduation-menu-College-menu">College</a> <div id="Graduation-menu-College-menu" class="collapse" aria-labelledby="Graduation-menu-College-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/graduation/college/" class="mobile-tertiary-item card-header">Grad Products </a> <a href="/graduation/college/caps-and-gowns" class="mobile-tertiary-item card-header">Caps & Gowns</a> <a href="/graduation/college/stoles" class="mobile-tertiary-item card-header">Stoles</a> <a href="/graduation/college/diploma-frames" class="mobile-tertiary-item card-header">Diploma Frames</a> <a href="/graduation/college/announcements" class="mobile-tertiary-item card-header">Announcements</a> <a href="/resources/working-with-jostens/colleges/college-faculty-cap-gowns" class="mobile-tertiary-item card-header">Fine Quality Regalia</a> <a href="/graduation/college/uplomas" class="mobile-tertiary-item card-header">Uploma</a> </div> </div> </div> </div> <div class="card"> <a id="Graduation-menu-Other-Grads-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-Other-Grads-menu" aria-expanded="false" aria-controls="Graduation-menu-Other-Grads-menu">Other Grads</a> <div id="Graduation-menu-Other-Grads-menu" class="collapse" aria-labelledby="Graduation-menu-Other-Grads-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/graduation/other-schools/pre-k-to-elementary-school" class="mobile-tertiary-item card-header">Pre-K to Elementary </a> <a href="https://jostenskinderkraft.com/" class="mobile-tertiary-item card-header">Kinderkraft </a> </div> </div> </div> </div> <div class="card"> <a id="Graduation-menu-Resources-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-Resources-menu" aria-expanded="false" aria-controls="Graduation-menu-Resources-menu">Resources</a> <div id="Graduation-menu-Resources-menu" class="collapse" aria-labelledby="Graduation-menu-Resources-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/students-and-parents/grad-club/" class="mobile-tertiary-item card-header">Grad Club</a> <a href="https://www.jostens.com/resources/working-with-jostens/" class="mobile-tertiary-item card-header">Working With Jostens</a> </div> </div> </div> </div> </div> </li>  <li id="Class-Rings-Jewelry-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Class-Rings-Jewelry-level-2-nav" role="button" aria-expanded="false" aria-controls="Class-Rings-Jewelry-level-2-nav-desktop Class-Rings-Jewelry-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Class Rings & Jewelry</div> </span> <div id="Class-Rings-Jewelry-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Class-Rings-Jewelry-level-2-nav"> <div class="card"> <a id="Class-Rings-Jewelry-High-School-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-High-School-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-High-School-menu">High School</a> <div id="Class-Rings-Jewelry-High-School-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-High-School-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/class-jewelry/high-school/index" class="mobile-tertiary-item card-header">Class Rings & Jewelry</a> </div> </div> </div> </div> <div class="card"> <a id="Class-Rings-Jewelry-College-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-College-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-College-menu">College</a> <div id="Class-Rings-Jewelry-College-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-College-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/class-jewelry/college/index" class="mobile-tertiary-item card-header">Rings & Jewelry</a> </div> </div> </div> </div> <div class="card"> <a id="Class-Rings-Jewelry-Resources-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-Resources-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-Resources-menu">Resources</a> <div id="Class-Rings-Jewelry-Resources-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-Resources-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/students-and-parents/jewelry-guides/class-jewelry-buying-guide" class="mobile-tertiary-item card-header">Jewelry Guides</a> <a href="/resources/students-and-parents/jewelry-guides/try-by-jostens" class="mobile-tertiary-item card-header">Try By Jostens™ Experience</a> <a href="/resources/working-with-jostens/index" class="mobile-tertiary-item card-header">Working With Jostens</a> </div> </div> </div> </div> <div class="card"> <a id="Class-Rings-Jewelry-Other-Collections-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-Other-Collections-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-Other-Collections-menu">Other Collections</a> <div id="Class-Rings-Jewelry-Other-Collections-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-Other-Collections-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/professions/military/index" class="mobile-tertiary-item card-header">Military</a> <a href="/apps/shop/catalog.asp?CID=270993&PFID=2006092306002382314" class="mobile-tertiary-item card-header">Pilots</a> <a href="/jewelry/hometown-heroes" class="mobile-tertiary-item card-header">Police, Fire, EMS</a> <a href="https://www.jostens.com/apps/store/productBrowse/2534814/Jostens-Homeschool/Class-Jewelry/2002052210324858026/CATALOG_SHOP/" class="mobile-tertiary-item card-header">Homeschool</a> <a href="https://www.jostens.com/jewelry/sports/fantasy-sports/ " class="mobile-tertiary-item card-header">Fantasy Sports</a> <a href="/jewelry/activity-and-interests/greek-life" class="mobile-tertiary-item card-header">Greek Life</a> <a href="https://www.jostens.com/apps/shop/Catalog.asp?CID=282530&PFID=2012020905202384381" class="mobile-tertiary-item card-header">NWTF Rings</a> <a href="https://www.jostens.com/apps/specialty/distinguishedyw/fans/landing.mvc" class="mobile-tertiary-item card-header">Distinguished Young Women</a> <a href="https://www.jostens.com/apps/prochamp/wsop/fans/landing.mvc" class="mobile-tertiary-item card-header">World Series of Poker</a> <a href="/jewelry/sports/professional/index" class="mobile-tertiary-item card-header">Championship Rings</a> </div> </div> </div> </div> </div> </li>  <li id="Letter-Jackets-Outwear-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Letter-Jackets-Outwear-level-2-nav" role="button" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-level-2-nav-desktop Letter-Jackets-Outwear-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Letter Jackets & Outerwear</div> </span> <div id="Letter-Jackets-Outwear-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Letter-Jackets-Outwear-level-2-nav"> <div class="card"> <a id="Letter-Jackets-Outwear-High-School-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Letter-Jackets-Outwear-High-School-menu" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-High-School-menu">High School</a> <div id="Letter-Jackets-Outwear-High-School-menu" class="collapse" aria-labelledby="Letter-Jackets-Outwear-High-School-heading" data-parent="#Letter-Jackets-Outwear-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/apparel/jackets-and-patches/letter-jackets" class="mobile-tertiary-item card-header">Letter Jackets & Outerwear</a> </div> </div> </div> </div> <div class="card"> <a id="Letter-Jackets-Outwear-Other-Collections-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Letter-Jackets-Outwear-Other-Collections-menu" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-Other-Collections-menu">Other Collections</a> <div id="Letter-Jackets-Outwear-Other-Collections-menu" class="collapse" aria-labelledby="Letter-Jackets-Outwear-Other-Collections-heading" data-parent="#Letter-Jackets-Outwear-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" class="mobile-tertiary-item card-header">Dominican Baseball League</a> </div> </div> </div> </div> <div class="card"> <a id="Letter-Jackets-Outwear-For-Schools-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Letter-Jackets-Outwear-For-Schools-menu" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-For-Schools-menu">For Schools</a> <div id="Letter-Jackets-Outwear-For-Schools-menu" class="collapse" aria-labelledby="Letter-Jackets-Outwear-For-Schools-heading" data-parent="#Letter-Jackets-Outwear-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/working-with-jostens/index" class="mobile-tertiary-item card-header">Working With Jostens</a> </div> </div> </div> </div> </div> </li>  <li id="The-Mascot-Shop-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".The-Mascot-Shop-level-2-nav" role="button" aria-expanded="false" aria-controls="The-Mascot-Shop-level-2-nav-desktop The-Mascot-Shop-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">The Mascot Shop</div> </span> <div id="The-Mascot-Shop-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse The-Mascot-Shop-level-2-nav"> <div class="card"> <a id="The-Mascot-Shop-For-K-12-Students-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#The-Mascot-Shop-For-K-12-Students-menu" aria-expanded="false" aria-controls="The-Mascot-Shop-For-K-12-Students-menu">For K-12 Students</a> <div id="The-Mascot-Shop-For-K-12-Students-menu" class="collapse" aria-labelledby="The-Mascot-Shop-For-K-12-Students-heading" data-parent="#The-Mascot-Shop-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://www.jostens.com/school-culture/the-mascot-shop-spirit-wear" class="mobile-tertiary-item card-header">The Mascot Shop Spirit Wear</a> </div> </div> </div> </div> <div class="card"> <a id="The-Mascot-Shop-For-School-Admins-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#The-Mascot-Shop-For-School-Admins-menu" aria-expanded="false" aria-controls="The-Mascot-Shop-For-School-Admins-menu">For School Admins</a> <div id="The-Mascot-Shop-For-School-Admins-menu" class="collapse" aria-labelledby="The-Mascot-Shop-For-School-Admins-heading" data-parent="#The-Mascot-Shop-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://www.jostens.com/school-culture/the-mascot-shop" class="mobile-tertiary-item card-header">The Mascot Shop Portal</a> </div> </div> </div> </div> </div> </li>  <li id="Sports-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Sports-level-2-nav" role="button" aria-expanded="false" aria-controls="Sports-level-2-nav-desktop Sports-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Sports</div> </span> <div id="Sports-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Sports-level-2-nav"> <div class="card"> <a id="Sports-Championships-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Sports-Championships-menu" aria-expanded="false" aria-controls="Sports-Championships-menu">Championships</a> <div id="Sports-Championships-menu" class="collapse" aria-labelledby="Sports-Championships-heading" data-parent="#Sports-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/sports/high-school/index" class="mobile-tertiary-item card-header">High School</a> <a href="/jewelry/sports/college/index" class="mobile-tertiary-item card-header">College</a> </div> </div> </div> </div> <div class="card"> <a id="Sports-Pro-Sports-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Sports-Pro-Sports-menu" aria-expanded="false" aria-controls="Sports-Pro-Sports-menu">Pro Sports</a> <div id="Sports-Pro-Sports-menu" class="collapse" aria-labelledby="Sports-Pro-Sports-heading" data-parent="#Sports-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/sports/professional/index" class="mobile-tertiary-item card-header">Championship Experience</a> <a href="/jewelry/sports/professional/nfl-pro-football" class="mobile-tertiary-item card-header">NFL</a> <a href="/jewelry/sports/professional/mlb-pro-baseball" class="mobile-tertiary-item card-header">MLB</a> <a href="/jewelry/sports/professional/nhl-pro-hockey" class="mobile-tertiary-item card-header">NHL</a> <a href="/jewelry/sports/professional/nba-pro-basketball" class="mobile-tertiary-item card-header">NBA</a> </div> </div> </div> </div> <div class="card"> <a id="Sports-Special-Interests-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Sports-Special-Interests-menu" aria-expanded="false" aria-controls="Sports-Special-Interests-menu">Special Interests</a> <div id="Sports-Special-Interests-menu" class="collapse" aria-labelledby="Sports-Special-Interests-heading" data-parent="#Sports-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/sports/racing/index" class="mobile-tertiary-item card-header">Racing</a> <a href="/jewelry/sports/fantasy-sports/index" class="mobile-tertiary-item card-header">Fantasy Sports</a> <a href="/jewelry/sports/youth/index" class="mobile-tertiary-item card-header">Youth Sports</a> <a href="https://jostens.com/sports-and-activities/jackets-patches-and-awards/awards-and-trophies" class="mobile-tertiary-item card-header">Awards & Trophies</a> <a href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" class="mobile-tertiary-item card-header">Dominican Baseball League</a> </div> </div> </div> </div> </div> </li>  <li id="School-Pictures-menu-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".School-Pictures-menu-level-2-nav" role="button" aria-expanded="false" aria-controls="School-Pictures-menu-level-2-nav-desktop School-Pictures-menu-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">School Pictures</div> </span> <div id="School-Pictures-menu-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse School-Pictures-menu-level-2-nav"> <div class="card"> <a id="School-Pictures-menu-Students-Families-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#School-Pictures-menu-Students-Families-menu" aria-expanded="false" aria-controls="School-Pictures-menu-Students-Families-menu">Students & Families</a> <div id="School-Pictures-menu-Students-Families-menu" class="collapse" aria-labelledby="School-Pictures-menu-Students-Families-heading" data-parent="#School-Pictures-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://shop.jostenspix.com/login" class="mobile-tertiary-item card-header">View & Order Photos</a> <a href="https://shop.jostenspix.com/contact" class="mobile-tertiary-item card-header">Contact JostensPIX</a> </div> </div> </div> </div> <div class="card"> <a id="School-Pictures-menu-School-Staff-Support-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#School-Pictures-menu-School-Staff-Support-menu" aria-expanded="false" aria-controls="School-Pictures-menu-School-Staff-Support-menu">School & Staff Support</a> <div id="School-Pictures-menu-School-Staff-Support-menu" class="collapse" aria-labelledby="School-Pictures-menu-School-Staff-Support-heading" data-parent="#School-Pictures-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/photography/working-with-jostens/jostenspix-overview" class="mobile-tertiary-item card-header">JostensPIX Overview</a> <a href="/photography/working-with-jostens/contact-us" class="mobile-tertiary-item card-header">Contact JostensPIX</a> <a href="/resources/working-with-jostens/" class="mobile-tertiary-item card-header">Working with Jostens</a> </div> </div> </div> </div> </div> </li>  <li id="For-Schools-Organizations-menu-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".For-Schools-Organizations-menu-level-2-nav" role="button" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-level-2-nav-desktop For-Schools-Organizations-menu-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">For Schools & Organizations</div> </span> <div id="For-Schools-Organizations-menu-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse For-Schools-Organizations-menu-level-2-nav"> <div class="card"> <a id="For-Schools-Organizations-menu-School-Contests-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-School-Contests-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-School-Contests-menu">School Contests</a> <div id="For-Schools-Organizations-menu-School-Contests-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-School-Contests-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/epic-school-revamp" class="mobile-tertiary-item card-header">Jostens Epic School Revamp</a> </div> </div> </div> </div> <div class="card"> <a id="For-Schools-Organizations-menu-Renaissance-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-Renaissance-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-Renaissance-menu">Renaissance</a> <div id="For-Schools-Organizations-menu-Renaissance-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-Renaissance-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://jostensrenaissance.com/" class="mobile-tertiary-item card-header">Renaissance Overview</a> <a href="https://www.jostensrenaissance.com/get-started-with-renaissance/" class="mobile-tertiary-item card-header">Get Started</a> <a href="https:///www.jostensrenaissance.com/learn-about-jostens-renaissance/" class="mobile-tertiary-item card-header">Success Stories</a> <a href="https://www.jostensrenaissance.com/resources/" class="mobile-tertiary-item card-header">Resources</a> <a href="https://www.jostensrenaissance.com/recognition/" class="mobile-tertiary-item card-header">Awards & Recognition</a> <a href="https://www.jostensrenaissance.com/events/" class="mobile-tertiary-item card-header">Events</a> </div> </div> </div> </div> <div class="card"> <a id="For-Schools-Organizations-menu-School-Products-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-School-Products-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-School-Products-menu">School Products</a> <div id="For-Schools-Organizations-menu-School-Products-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-School-Products-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/school-culture/the-mascot-shop" class="mobile-tertiary-item card-header">The Mascot Shop</a> <a href="/school-culture/school-branding/products" class="mobile-tertiary-item card-header">SchoolMark Products</a> <a href="/school-culture/school-branding/overview" class="mobile-tertiary-item card-header">School Branding Products</a> <a href="https://meridianplanners.com/" class="mobile-tertiary-item card-header">Meridian Student Planners</a> </div> </div> </div> </div> <div class="card"> <a id="For-Schools-Organizations-menu-School-Support-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-School-Support-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-School-Support-menu">School Support</a> <div id="For-Schools-Organizations-menu-School-Support-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-School-Support-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/working-with-jostens/" class="mobile-tertiary-item card-header">Working with Jostens</a> <a href="/resources/working-with-jostens/high-schools/hs-yearbook" class="mobile-tertiary-item card-header">Yearbook</a> <a href="/resources/working-with-jostens/high-schools/" class="mobile-tertiary-item card-header">High School</a> <a href="/resources/working-with-jostens/colleges/college-jewelry-working-with-jostens" class="mobile-tertiary-item card-header">College</a> <a href="/resources/working-with-jostens/k-8/" class="mobile-tertiary-item card-header">K - 8</a> <a href="/resources/working-with-jostens/pro-championship-experience/" class="mobile-tertiary-item card-header">Championship Rings</a> <a href="/apparel/jackets-and-patches/letter-jackets" class="mobile-tertiary-item card-header">Letter Jackets</a> <a href="/photography/working-with-jostens/jostenspix-overview" class="mobile-tertiary-item card-header">School Pictures</a> </div> </div> </div> </div> </div> </li> <li class="nav-item mobile-only"> <a href="/apps/profile/signinMyOrders.mvc?from=MY_ORDERS" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Order Status </div> </a> </li> <li class="nav-item mobile-only"> <a href="/resources/working-with-jostens/index" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Working With Jostens </div> </a> </li> <li class="nav-item mobile-only"> <a href="/help/" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Help </div> </a> </li> <li class="nav-item mobile-only"> <a href="/about/careers" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Careers </div> </a> </li> <li class="nav-item mobile-only not-logged-in"> <a href="/apps/profile/signin.mvc" class="nav-link" tabinidex="0" rel="nofollow"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-briefcase"></span>Sign In </div> </a> </li> </ul> </div> <a href="/" class="header-logo navbar-brand d-none d-lg-inline-block" tabindex="0"> <div class="focus-state-container" tabindex="-1"> <img src="https://cdn.jostens.com/application/themes/jostens/images/jostens-logo.svg" alt="Jostens" height="40" width="71" loading="lazy"/> </div> </a> </div> <div id="dropdown-nav-container"> <div id="user-dropdown" class="collapse user-dropdown nav-box nav-box--no-promo nav-box--1-col" aria-expanded="false"> <div class="link-section"> <ul class="list-unstyled"> <li class="link-section-title">My Account</li> <li tabindex="0" class="link"><a tabindex="-1" href="/apps/profile/account/account.mvc" rel=”nofollow”>Account Details</a></li> <li tabindex="0" class="link"><a tabindex="-1" href="/apps/profile/account/account.mvc" rel=”nofollow”>Orders</a></li> <li tabindex="0" class="link"><a tabindex="-1" href="/apps/profile/signout.mvc">Logout</a></li> </ul> </div> </div> <div id="sign-in-dropdown" class="collapse nav-box nav-box--sign-in nav-box--1-col" aria-expanded="false"> <div class="link-section"> <form method="POST" name="signinForm" action="/apps/profile/signin.mvc"> <input id="signinFormReferrer" name="referrer" type="hidden" value=""> <div class="form-group"> <label for="username">Email</label> <input id="username" name="username" type="email" class="form-control"> </div> <div class="form-group"> <label for="password">Password</label> <input id="password" name="password" type="password" class="form-control" autocomplete="off"> </div> <p><a href="/apps/profile/signin.mvc?action=forgot_password" rel="nofollow">Forgot your password?</a></p> <div class="checklist-remember"> <input id="remember" name="remember" type="checkbox" value="true" checked="checked"> <input type="hidden" name="_remember" value="on"> <label for="remember">Remember me</label> </div> <button type="submit" class="btn btn-primary btn-block mb-1">Sign In</button> <a href="/apps/profile/createAccount.mvc" rel="nofollow">Register</a> </form> </div> </div> <div id="my-school-level-2-nav-desktop" class="collapse my-school-level-2-nav nav-box submenu" aria-expanded="false"> <div class="school"> <div> <img id="logo-img" src="https://cdn.jostens.com/application/themes/jostens/images/spacer.gif" alt="My School Logo" onerror="$(this).parent().addClass('no-logo');$(this).remove();" loading="lazy"> <span class="fa-stack"><i class="fal fa-circle fa-stack-2x"></i><i class="fad fa-school fa-stack-1x" id="customer-icon-desktop"></i></span> </div> <div> <a href="/apps/jcom/router.mvc" id="affiliate-name">My School <i class="fas fa-arrow-right"></i></a> <div id="affiliate-location"></div> <div><a href="#" class="affiliate-school" id="affiliate-change">Change Group</a></div> </div> </div> <div class="link-section"> <div class="link-list-container"> <ul id="my-school-nav-desktop" class="list-unstyled"></ul> </div> </div> </div>   <div id="yearbook-level-2-nav-desktop" class="yearbook-level-2-nav collapse nav-box submenu" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Students & Families </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apps/jcom/router.mvc?code=YRBK" target="_self">Buy Your Yearbook</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/students-and-parents/about-yearbooks" target="_self">About Yearbooks</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/students-and-parents/yearbook-ads" target="_self">Recognition Ads</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/students-and-parents/yearbook-plus" target="_self">Yearbook+</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/yearbook-blog/" target="_self">Yearbook Blog</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/yearbooks/students-and-parents/photoshare" target="_self">Photo Share</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Advisers & Staff </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/technology-and-experience/" target="_self">Technology & Experience</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/classroom-tools/" target="_self">Classroom Resources </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/events-workshops/" target="_self">Events & Workshops </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/contests-and-awards/" target="_self">Contests & Awards </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/technology-and-experience/yearbook-plus" target="_self">Yearbook+ </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/yearbook-blog/" target="_self">Advisers & Staff Blog </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens" target="_self">Working with Jostens </a> </li> </ul> </div> </div> <div id="yearbook-promo" class="promo">     <img class="promo-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/e378e813-d5c2-4914-8380-5145f1c12325/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/300/crop_x/0/crop_y/0/scale_w/216/scale_h/144/jpeg_q/85/jpeg_p/1/e378e813-d5c2-4914-8380-5145f1c12325.jpg" alt="Order Your Yearbook Today!" loading="lazy" /> <h6>Order Your Yearbook Today!</h6> <p>Early is good! Get Ahead-of-the-game and check "order yearbook" off your list today!"</p> <a href="/apps/jcom/router.mvc?code=YRBK" class="btn btn-sm btn-white btn-white--ghost">Order Now</a> </div> </div>   <div id="Graduation-menu-level-2-nav-desktop" class="Graduation-menu-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> High School </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/graduation-packages" target="_self">Grad Packages</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/high-school-products-graduation" target="_self">Grad Products </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/announcements" target="_self">Announcements </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/caps-and-gowns" target="_self">Caps & Gowns </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/photo-cards" target="_self">Photo Cards</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/senior-apparel" target="_self">Senior Apparel</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apparel/high-school-senior-apparel/accessories" target="_self">Senior Accessories</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> College </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/" target="_self">Grad Products </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/caps-and-gowns" target="_self">Caps & Gowns</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/stoles" target="_self">Stoles</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/diploma-frames" target="_self">Diploma Frames</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/announcements" target="_self">Announcements</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/colleges/college-faculty-cap-gowns" target="_self">Fine Quality Regalia</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/uplomas" target="_self">Uploma</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Other Grads </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/other-schools/pre-k-to-elementary-school" target="_self">Pre-K to Elementary </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://jostenskinderkraft.com/" target="_self">Kinderkraft </a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Resources </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/students-and-parents/grad-club/" target="_self">Grad Club</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/resources/working-with-jostens/" target="_self">Working With Jostens</a> </li> </ul> </div> </div>  </div>   <div id="Class-Rings-Jewelry-level-2-nav-desktop" class="Class-Rings-Jewelry-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> High School </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/class-jewelry/high-school/index" target="_self">Class Rings & Jewelry</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> College </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/class-jewelry/college/index" target="_self">Rings & Jewelry</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Resources </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/students-and-parents/jewelry-guides/class-jewelry-buying-guide" target="_self">Jewelry Guides</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/students-and-parents/jewelry-guides/try-by-jostens" target="_self">Try By Jostens™ Experience</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/index" target="_self">Working With Jostens</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Other Collections </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/professions/military/index" target="_self">Military</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apps/shop/catalog.asp?CID=270993&PFID=2006092306002382314" target="_self">Pilots</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/hometown-heroes" target="_self">Police, Fire, EMS</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/store/productBrowse/2534814/Jostens-Homeschool/Class-Jewelry/2002052210324858026/CATALOG_SHOP/" target="_self">Homeschool</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/jewelry/sports/fantasy-sports/ " target="_self">Fantasy Sports</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/activity-and-interests/greek-life" target="_self">Greek Life</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/shop/Catalog.asp?CID=282530&PFID=2012020905202384381" target="_self">NWTF Rings</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/specialty/distinguishedyw/fans/landing.mvc" target="_self">Distinguished Young Women</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/prochamp/wsop/fans/landing.mvc" target="_self">World Series of Poker</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/index" target="_self">Championship Rings</a> </li> </ul> </div> </div>  </div>   <div id="Letter-Jackets-Outwear-level-2-nav-desktop" class="Letter-Jackets-Outwear-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> High School </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apparel/jackets-and-patches/letter-jackets" target="_self">Letter Jackets & Outerwear</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Other Collections </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" target="_self">Dominican Baseball League</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> For Schools </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/index" target="_self">Working With Jostens</a> </li> </ul> </div> </div>  </div>   <div id="The-Mascot-Shop-level-2-nav-desktop" class="The-Mascot-Shop-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> For K-12 Students </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/school-culture/the-mascot-shop-spirit-wear" target="_self">The Mascot Shop Spirit Wear</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> For School Admins </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/school-culture/the-mascot-shop" target="_self">The Mascot Shop Portal</a> </li> </ul> </div> </div>  </div>   <div id="Sports-level-2-nav-desktop" class="Sports-level-2-nav collapse nav-box submenu" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Championships </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/high-school/index" target="_self">High School</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/college/index" target="_self">College</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Pro Sports </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/index" target="_self">Championship Experience</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/nfl-pro-football" target="_self">NFL</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/mlb-pro-baseball" target="_self">MLB</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/nhl-pro-hockey" target="_self">NHL</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/nba-pro-basketball" target="_self">NBA</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Special Interests </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/racing/index" target="_self">Racing</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/fantasy-sports/index" target="_self">Fantasy Sports</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/youth/index" target="_self">Youth Sports</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://jostens.com/sports-and-activities/jackets-patches-and-awards/awards-and-trophies" target="_self">Awards & Trophies</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" target="_self">Dominican Baseball League</a> </li> </ul> </div> </div> <div id="Sports-promo" class="promo">     <img class="promo-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/6f85207c-d7f6-4f2d-bb4c-1997c202c74e/fileAsset/filter/Crop,Scale,Jpeg/crop_w/216/crop_h/144/crop_x/0/crop_y/0/scale_w/216/scale_h/144/jpeg_q/85/jpeg_p/1/6f85207c-d7f6-4f2d-bb4c-1997c202c74e.jpg" alt="Celebrating Champions" loading="lazy" /> <h6>Celebrating Champions</h6> <p></p> <a href="/jewelry/sports/professional/" class="btn btn-sm btn-white btn-white--ghost">Explore</a> </div> </div>   <div id="School-Pictures-menu-level-2-nav-desktop" class="School-Pictures-menu-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Students & Families </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://shop.jostenspix.com/login" target="_blank" class="external-link">View & Order Photos</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://shop.jostenspix.com/contact" target="_self">Contact JostensPIX</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> School & Staff Support </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/photography/working-with-jostens/jostenspix-overview" target="_self">JostensPIX Overview</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/photography/working-with-jostens/contact-us" target="_self">Contact JostensPIX</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/" target="_self">Working with Jostens</a> </li> </ul> </div> </div>  </div>   <div id="For-Schools-Organizations-menu-level-2-nav-desktop" class="For-Schools-Organizations-menu-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> School Contests </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/epic-school-revamp" target="_self">Jostens Epic School Revamp</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Renaissance </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://jostensrenaissance.com/" target="_blank" class="external-link">Renaissance Overview</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/get-started-with-renaissance/" target="_blank" class="external-link">Get Started</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https:///www.jostensrenaissance.com/learn-about-jostens-renaissance/" target="_blank" class="external-link">Success Stories</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/resources/" target="_blank" class="external-link">Resources</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/recognition/" target="_blank" class="external-link">Awards & Recognition</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/events/" target="_blank" class="external-link">Events</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> School Products </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/school-culture/the-mascot-shop" target="_self">The Mascot Shop</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/school-culture/school-branding/products" target="_self">SchoolMark Products</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/school-culture/school-branding/overview" target="_self">School Branding Products</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://meridianplanners.com/" target="_blank" class="external-link">Meridian Student Planners</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> School Support </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/" target="_self">Working with Jostens</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/high-schools/hs-yearbook" target="_self">Yearbook</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/high-schools/" target="_self">High School</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/colleges/college-jewelry-working-with-jostens" target="_self">College</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/k-8/" target="_self">K - 8</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/pro-championship-experience/" target="_self">Championship Rings</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apparel/jackets-and-patches/letter-jackets" target="_self">Letter Jackets</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/photography/working-with-jostens/jostenspix-overview" target="_self">School Pictures</a> </li> </ul> </div> </div>  </div> </div> </header>     <main id="content"> <div class="main"> <div id="main-column" class="content"> <div class="row">   <div id="main-1" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">   <div id="affiliated-banner-5fc2f321-5942-4ba4-a879-0086153e8612" class="affiliated-banner"> <div class="hero align-left"> <div class="img-wrapper"> <picture id="banner--img-5fc2f321-5942-4ba4-a879-0086153e8612"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/cdb71b50d83fe85052f9f2a758d7f45f/fileAsset/filter/Scale,Jpeg/scale_w/1920/jpeg_q/85/jpeg_p/1/0f60072d-90c8-47e9-8aac-3db12c14181e.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/e2958dd06637bbe17b48ed8f63793de0/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/66047884-aca1-4bd3-9537-149bdf09ebc0.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/e2958dd06637bbe17b48ed8f63793de0/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/66047884-aca1-4bd3-9537-149bdf09ebc0.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/e2958dd06637bbe17b48ed8f63793de0/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/66047884-aca1-4bd3-9537-149bdf09ebc0.jpg" alt="Hero Image"/> </picture> </div> <div class="overlay"> <h1>CREATING CONNECTIONS & LIFELONG MEMORIES</h1> <div class="content"><p>This time of year is special. Students have already accomplished so much, and communities across the country are coming together to celebrate. As you reflect on 2024 and ease into the new year, look for creative ways to elevate your school’s culture.</p></div> <div class="buttons"> <a href="https://www.jostens.com/apps/jcom/router.mvc" class="btn btn-lg btn-white">SHOP YOUR SCHOOL'S STORE</a> </div> </div> </div> <div class="affiation-section"> <div class="unaffiliated"> <div class="inner"> <div class="callout"> <div class="img">     <img class="banner-img" height="100%" width="100%" src="https://cdn.jostens.com/dA/fe333c8d625319742a5e1e823062c292/507196d3-6101-4d16-a7f2-d8a9e2702e24.png" alt="Subhead Image" loading="lazy" />  </div> <div class="content"> <h1>Find My School</h1> <div><div>Order your yearbook, design a custom class ring or browse the Class of '25 store.</div></div> </div> </div> <div class="search"> <form class="affiliation-search-form"> <div class="input-group"> <label for="customerName" class="sr-only">School/Group Name</label> <div class="input-group-prepend"> <span class="input-group-text" id="basic-addon1"><i class="fas fa-search"></i></span> </div> <input type="search" class="form-control" name="search" placeholder="Enter School/Group Name" /> </div> <button type="submit" class="btn btn-default btn-lg">Search</button> </form> </div> </div> <div class="collections"> <div class="container"> <h2>Explore Products</h2> <div id="items-5fc2f321-5942-4ba4-a879-0086153e8612" class="items"> <div class="card">  <a href="https://www.jostens.com/apps/jcom/router.mvc?code=YRBK"> <div class="badge">New</div> <div class="bg"></div>     <img class="prod-cat-img" height="100%" width="100%" src="https://cdn.jostens.com/dA/a6d7ced9-cfe4-44c5-8ef0-98f3c912f2be/6d12088e-e291-4b3e-a56e-b4cb4de0bc9e.png" alt="Yearbook" loading="lazy" />  <div>Yearbook</div> </a> </div> <div class="card">  <a href="https://www.jostens.com/products/jewelry/"> <div class="bg"></div>      <img class="prod-cat-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/ae052e75-fbe0-488d-affb-bd040984c372/fileAsset/filter/Crop,Scale,Jpeg/crop_w/768/crop_h/768/crop_x/0/crop_y/0/scale_w/225/scale_h/225/jpeg_q/85/jpeg_p/1/c9276f91-d62f-4135-9f21-a138937406ad.jpg" alt="Class Rings & Jewelry" loading="lazy" />  <div>Class Rings & Jewelry</div> </a> </div> <div class="card">  <a href="https://www.jostens.com/graduation/"> <div class="bg"></div>      <img class="prod-cat-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/dd3a8231a69d41e625269a07fb908dfe/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1500/crop_h/1500/crop_x/0/crop_y/0/scale_w/225/scale_h/225/jpeg_q/85/jpeg_p/1/2464c965-ace5-443d-9ea8-9a4366d5a10c.jpg" alt="Graduation" loading="lazy" />  <div>Graduation</div> </a> </div> <div class="card">  <a href="https://www.jostens.com/apparel/jackets-and-patches/letter-jackets"> <div class="bg"></div>      <img class="prod-cat-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/6f645d7f-280e-42e8-ad3b-296b45637ee5/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1000/crop_h/1000/crop_x/0/crop_y/0/scale_w/225/scale_h/225/jpeg_q/85/jpeg_p/1/0a8e2199-eb5a-4a1d-a706-ea88b57b3de3.jpg" alt="Letter Jackets" loading="lazy" />  <div>Letter Jackets</div> </a> </div> <div class="card">  <a href="https://www.jostens.com/school-culture/the-mascot-shop-spirit-wear"> <div class="bg"></div>      <img class="prod-cat-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/06a1ff090de765cf41e2d706a2020ad6/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1500/crop_h/1500/crop_x/0/crop_y/0/scale_w/225/scale_h/225/jpeg_q/85/jpeg_p/1/4b4c96f0-d490-482e-bc78-556e0f772448.jpg" alt="The Mascot Shop School Spirit Wear" loading="lazy" />  <div>The Mascot Shop School Spirit Wear</div> </a> </div> <div class="card">  <a href="https://www.jostens.com/products/high-school"> <div class="bg"></div>      <img class="prod-cat-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/f4f5b96b668f5a49da0d1f3c82cbe0b5/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1500/crop_h/1500/crop_x/0/crop_y/0/scale_w/225/scale_h/225/jpeg_q/85/jpeg_p/1/3784af56-cc14-471d-a6a1-deb4ffc1a611.jpg" alt="THE UNDERCLASSMAN ESSENTIALS" loading="lazy" />  <div>THE UNDERCLASSMAN ESSENTIALS</div> </a> </div> <div class="card">  <a href="https://www.jostens.com/jewelry/sports/professional/"> <div class="bg"></div>      <img class="prod-cat-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/a140c481359b15a5f52166574832dc9a/fileAsset/filter/Crop,Scale,Jpeg/crop_w/350/crop_h/350/crop_x/0/crop_y/0/scale_w/225/scale_h/225/jpeg_q/85/jpeg_p/1/308a0272-0163-4204-b718-3959628a584d.jpg" alt="Pro Sports" loading="lazy" />  <div>Pro Sports</div> </a> </div> <div class="card">  <a href="https://shop.jostenspix.com/login"> <div class="bg"></div>      <img class="prod-cat-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/b5555ffd-54d6-4ae1-ab10-da7dd1fc2b8a/fileAsset/filter/Crop,Scale,Jpeg/crop_w/768/crop_h/768/crop_x/0/crop_y/0/scale_w/225/scale_h/225/jpeg_q/85/jpeg_p/1/555d1326-4659-486e-88b6-7bb4611c0bf6.jpg" alt="School Pictures" loading="lazy" />  <div>School Pictures</div> </a> </div> </div> </div> </div> </div> <div class="affiliated"> <div class="content"> <div class="inner"> <div class="logo" id="customer-logo-5fc2f321-5942-4ba4-a879-0086153e8612"></div> <div> <h4 id="customer-location-5fc2f321-5942-4ba4-a879-0086153e8612">My Location</h4> <h1 id="customer-name-5fc2f321-5942-4ba4-a879-0086153e8612">My School</h1> <a href="/apps/jcom/router.mvc" class="btn btn-white btn-white--ghost">Shop My Store</a> <a href="#" class="affiliate-school affiliate-change-school" id="affiliate-change">Change School</a> </div> </div> </div> <div class="product-categories"> <div id="carousel-5fc2f321-5942-4ba4-a879-0086153e8612" class="carousel"></div> </div> </div> </div> </div> <script> (function($) { $('body').on('customer', function(e, data) { var affiliateIdsCookie = $.cookie('affiliateIds'); var affiliateId, customerNumber, oracleId; if (affiliateIdsCookie) { affiliateIdsProps = affiliateIdsCookie.split("|"); if (affiliateIdsProps.length > 0) { affiliateId = affiliateIdsProps[0]; } if (affiliateIdsProps.length > 1) { oracleId = affiliateIdsProps[1]; } if (affiliateId) { customerNumber = affiliateId; } if (!customerNumber && oracleId) { customerNumber = oracleId; } } if (data.productCatalogs && Array.isArray(data.productCatalogs)) { var maxCatalogs = 0; $.each(data.productCatalogs, function(i, catalog) { if(!catalog.catalogHidden){ if(catalog.catalogOsr!=="col_greg"){ const isSubCatalogsAvailable = catalog.hasOwnProperty('subCatalogs') && Array.isArray(catalog.subCatalogs) && catalog.subCatalogs.length > 0 const isNotColGrad = catalog.catalogOsr!=="col_grad" if (isSubCatalogsAvailable && isNotColGrad ) { maxCatalogs += 1; $('#carousel-5fc2f321-5942-4ba4-a879-0086153e8612').append('<div class="card"><a href="#" data-toggle="modal" data-target="#catalog-modal" data-subcatalog="' + i + '"><img src="' + catalog.imageUrl + '" alt="' + catalog.displayName + '" /><div>' + catalog.displayName + '</div></a></div>'); } else { maxCatalogs += 1; var actionUrl = catalog.actionUrl ? catalog.actionUrl : catalog.alternateUrl; $('#carousel-5fc2f321-5942-4ba4-a879-0086153e8612').append('<div class="card"><a href="' + actionUrl + '"><img src="' + catalog.imageUrl + '" alt="' + catalog.displayName + '" /><div>' + catalog.displayName + '</div></a></div>'); } }else{ maxCatalogs += 1; var subcatalogoptions ='<option value="">Select Degree</option>'; $.each(catalog.subCatalogs, function(i, subcatalog) { subcatalogoptions +='<option value="'+catalog.actionUrl+'°ree='+subcatalog.publishedCatalogId+'&subcatalogDisabled=true">' + (subcatalog.displayName +'</option>'); }) $(".studentDegree").html(subcatalogoptions) $('#carousel-5fc2f321-5942-4ba4-a879-0086153e8612').append('<div class="card"><a class="capnGownPopup" id="'+customerNumber+'" catUrl="' + (catalog.actionUrl == null ? catalog.alternateUrl : catalog.actionUrl) + '"><img src="' + catalog.imageUrl + '" alt="' + catalog.displayName + '" /><div>' + catalog.displayName + '</div></a></div>'); } } }); if (maxCatalogs > 1) { $('#carousel-5fc2f321-5942-4ba4-a879-0086153e8612').slick({ accessibility: true, slidesToShow: 4, slidesToScroll: 4, arrows: false, dots: false, variableWidth: false, responsive: [ { breakpoint: 768, settings: { slidesToShow: 2, slidesToScroll: 2, dots: true } }, { breakpoint: 992, settings: { slidesToShow: 3, slidesToScroll: 3, dots: true } }, { breakpoint: 1200, settings: { slidesToShow: 3, slidesToScroll: 3 } } ] }); $('#hd-jcom').on('affiliate', function(e, status) { $('#carousel-5fc2f321-5942-4ba4-a879-0086153e8612').slick('resize'); }); } } }); $(window).on('load', function() { var affiliateNameCookie = $.cookie('affiliateName'); var affiliateIdsCookie = $.cookie('affiliateIds'); var affiliateId, affiliateName, affiliateClassCode, customerNumber, oracleId; if (affiliateIdsCookie) { affiliateIdsProps = affiliateIdsCookie.split("|"); if (affiliateIdsProps.length > 0) { affiliateId = affiliateIdsProps[0]; } if (affiliateIdsProps.length > 1) { oracleId = affiliateIdsProps[1]; } if (affiliateId) { customerNumber = affiliateId; } if (!customerNumber && oracleId) { customerNumber = oracleId; } } if (affiliateNameCookie) { affiliateNameProps = affiliateNameCookie.split("|"); if (affiliateNameProps.length > 0) { affiliateName = affiliateNameProps[0]; $('#customer-name-5fc2f321-5942-4ba4-a879-0086153e8612').text(affiliateNameProps[0]); } if (affiliateNameProps.length > 2) { $('#customer-location-5fc2f321-5942-4ba4-a879-0086153e8612').text(affiliateNameProps[1] + ', ' + affiliateNameProps[2]); } } var affiliateClassCodeCookie = $.cookie('affiliateClassCode'); if (affiliateClassCodeCookie) { affiliateClassCode = affiliateClassCodeCookie; } /* console.log('customerNumber', customerNumber); console.log('affiliateName', affiliateName); console.log('affiliateClassCode', affiliateClassCode); */ if (customerNumber && affiliateName) { var timestamp = new Date().getTime(); var customerLogo; if (affiliateClassCode && affiliateClassCode.toLowerCase().indexOf('college') != -1) { customerLogo = '<img src="' + jostensConfig['mainCdnUrl'] + 'apps/catalog/image.mvc?filename=branding/college/' + customerNumber + '/mascot.png&jc3b=' + timestamp + '&bypassCache=false&logLevel=INFO" alt="' + affiliateName + '" onerror="$(this).parent().addClass(\'no-logo\');$(this).remove();" />'; } else { customerLogo = '<img src="' + jostensConfig['mainCdnUrl'] + 'apps/catalog/image.mvc?filename=highschool/customer/' + customerNumber + '/mascot-home.png&jc3b=' + timestamp + '&bypassCache=false&logLevel=INFO" alt="' + affiliateName + '" onerror="$(this).parent().addClass(\'no-logo\');$(this).remove();" />'; } //console.log('customerLogo', customerLogo); $('#customer-logo-5fc2f321-5942-4ba4-a879-0086153e8612').append(customerLogo); } $('#items-5fc2f321-5942-4ba4-a879-0086153e8612').slick({ accessibility: true, slidesToShow: 6, slidesToScroll: 6, arrows: false, dots: false, variableWidth: false, responsive: [ { breakpoint: 768, settings: { slidesToShow: 2, slidesToScroll: 2, dots: true } }, { breakpoint: 992, settings: { slidesToShow: 3, slidesToScroll: 3, dots: true } }, { breakpoint: 1200, settings: { slidesToShow: 4, slidesToScroll: 4 } } ] }); $('#hd-jcom').on('affiliate', function(e, status) { $('#items-5fc2f321-5942-4ba4-a879-0086153e8612').slick('resize'); }); $(document).on('submit', '#affiliated-banner-5fc2f321-5942-4ba4-a879-0086153e8612 form', function(e) { e.preventDefault(); var searchTerm = $(this).find('input[name="search"]').first().val(); if (searchTerm) { var $affiliationModalSearchField = $('#affiliationModal').find('input[name="search"]').first(); $('#affiliationModal').affiliationSearch({ debug: false, affiliationSearchURL: 'https://www.jostens.com/apps/store/api/v1.2/search-affiliates/word/', affiliationServiceURL: '/apps/profile/setCustomer.mvc' }); $('#affiliationModal').on('shown.bs.modal', function(e) { $affiliationModalSearchField.val(searchTerm); $affiliationModalSearchField.trigger('keyup'); }); $('#affiliationModal').modal('show'); } }); }); })(jQuery); </script> </div> </div> <div class="row">   <div id="main-2" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"> <div class="container card-gallery"> <div class="section-heading card-gallery__section-heading"> <h2 class="h3 card-gallery__heading">Customer Recommendations</h2> <p class="card-gallery__subheading"></p> </div> <div id="card-gallery__grid-57fa726b-0612-48ab-a18f-3974d810dcbe" class="card-gallery__grid card-gallery__grid--col-4"> <div class="card card--light "> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/38b5bac1-7db7-442a-bd59-37b76028bea3/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1000/crop_h/500/crop_x/0/crop_y/102/scale_w/350/scale_h/175/jpeg_q/85/jpeg_p/1/b6011a46-4f0a-49bf-b241-fbb527cf83cb.jpg" alt="Yearbook Alt Text" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Yearbook</h3> <p class="card-text">“I want to do all that I can to remember this amazing year and a yearbook can help me look back on the highlights.” - Alivia Pendleton, OR</p> <div class="card-button-wrapper">  <a href="https://www.jostens.com/apps/jcom/router.mvc?code=YRBK" target="_self" class="btn btn-primary btn-primary"> ORDER TODAY </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light "> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/8ab8a132-4c44-4fe4-afd9-0948cdeab036/fileAsset/filter/Crop,Scale,Jpeg/crop_w/508/crop_h/254/crop_x/0/crop_y/45/scale_w/350/scale_h/175/jpeg_q/85/jpeg_p/1/86968ff5-2cf8-467c-b6a2-4c4ca55369b4.jpg" alt="High School Class Rings" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">High School Class Rings</h3> <p class="card-text">"It is awesome to finally get my class ring. It’s a family tradition. I’m part of the family legacy.” - Diego V. Plano, TX</p> <div class="card-button-wrapper">  <a href="/apps/jcom/router.mvc?code=RINGS&type=K_12" target="_self" class="btn btn-primary btn-primary"> DESIGN NOW </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light "> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/25ba422c-838c-41ec-833e-af9cb63c5446/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/225/crop_x/0/crop_y/0/scale_w/350/scale_h/175/jpeg_q/85/jpeg_p/1/57efb979-13ad-4f70-bbd9-d9d3273c0f7a.jpg" alt="Graduation Packages Elevated Cards" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Graduation Packages</h3> <p class="card-text">“My mom didn’t know what to get for graduation. The package options helped get everything.” - James W. Riverdale, GA</p> <div class="card-button-wrapper">  <a href="/apps/jcom/router.mvc?type=K_12&code=GPO&product=GP_PKG" target="_self" class="btn btn-primary btn-primary"> SHOP NOW </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light "> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/63f21a0cb9f2c65db58c700879435f8c/fileAsset/filter/Crop,Scale,Jpeg/crop_w/350/crop_h/175/crop_x/0/crop_y/0/scale_w/350/scale_h/175/jpeg_q/85/jpeg_p/1/5f3bdbc7-d1a2-4105-9285-83595f7b0a8c.jpg" alt="Letter Jackets" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Letter Jackets</h3> <p class="card-text">“As soon as I lettered I wanted to show it off! Jostens made it easy to get the jacket how I wanted.” - Jaime A. Golden, CO</p> <div class="card-button-wrapper">  <a href="/apps/jcom/router.mvc?code=JKT" target="_self" class="btn btn-primary btn-primary"> Design Now </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light "> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/634d1ac5-2c27-43fc-b2b3-7b53dc48f5c5/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1500/crop_h/750/crop_x/0/crop_y/114/scale_w/350/scale_h/175/jpeg_q/85/jpeg_p/1/7b6f0211-f1db-42cb-aac5-9caf27441508.jpg" alt="College Jewelry" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">College Jewelry</h3> <p class="card-text">“It’s here and it’s getting real. Class ring ready and graduation coming soon. Let’s do this!” -Derrick M. Brookline, MA</p> <div class="card-button-wrapper">  <a href="/apps/jcom/router.mvc?type=COLL&code=RINGS" target="_self" class="btn btn-primary btn-primary"> SHOP NOW </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light "> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/cab81ff8-0e88-4c11-8e41-549cb2c287ea/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1760/crop_h/880/crop_x/0/crop_y/16/scale_w/350/scale_h/175/jpeg_q/85/jpeg_p/1/41b1ae68-98be-40a8-9c36-aac8bf840501.jpg" alt="Personalized Stoles" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Personalized Stoles</h3> <p class="card-text">“So excited to show my achievements with a personalized stole designed on the Jostens website.” - Sarah D. Omaha, NE</p> <div class="card-button-wrapper">  <a href="/apps/jcom/router.mvc?code=PERS_STOLES" target="_self" class="btn btn-primary btn-primary"> DESIGN NOW </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light "> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/74a7d24f3db3cd230207c90d512c5401/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/225/crop_x/0/crop_y/0/scale_w/350/scale_h/175/jpeg_q/85/jpeg_p/1/bc7d8fe3-f5de-4a6f-9d5b-292895d0a676.jpg" alt="The Mascot Shop School Spirit Wear" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">The Mascot Shop School Spirit Wear</h3> <p class="card-text">“Wearing my custom school mascot gear makes me feel like I’m carrying my school pride with me everywhere I go! ” -Jada J. Baltimore, MD</p> <div class="card-button-wrapper">  <a href="https://www.jostens.com/school-culture/the-mascot-shop-spirit-wear" target="_self" class="btn btn-primary btn-primary"> SHOP NOW </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light "> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/e6b0c488cca02451a4dd5051c1c0c9ae/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/225/crop_x/0/crop_y/0/scale_w/350/scale_h/175/jpeg_q/85/jpeg_p/1/ff679475-0668-440e-aae3-202b1220ef34.jpg" alt="The Underclassman Essentials" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Underclassman Essentials</h3> <p class="card-text">“Repping my class year is like flaunting my crew and all the great memories we’ve made and will keep making throughout high school.” -Ayan B. Henderson, NV</p> <div class="card-button-wrapper">  <a href="https://www.jostens.com/products/high-school" target="_self" class="btn btn-primary btn-primary"> SHOP NOW </a> </div> <div class="subtext"></div> </div> </div> </div> </div> <script> (function($) { $(window).on("load",function() { $(window).on('debouncedresize', cardGallerySlider); cardGallerySlider(); function cardGallerySlider() { var containerWidth = window.innerWidth; console.log('cardGallerySlider containerWidth:',containerWidth); if (containerWidth < 576) { console.log('Creating slick slider for .card-gallery__grid-57fa726b-0612-48ab-a18f-3974d810dcbe'); $('#card-gallery__grid-57fa726b-0612-48ab-a18f-3974d810dcbe').slick({ accessibility: false, slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: true }); } else { if ($('#card-gallery__grid-57fa726b-0612-48ab-a18f-3974d810dcbe').find('.slick-list').length > 0) { console.log('Removing slick slider for .card-gallery__grid-57fa726b-0612-48ab-a18f-3974d810dcbe'); $('#card-gallery__grid-57fa726b-0612-48ab-a18f-3974d810dcbe').slick('unslick'); } } resizeVideoCards() } function resizeVideoCards() { const referenceCardImageWraper = $('.card-image-wrapper.video-container').children(":first") if (referenceCardImageWraper) { $('.elevated-card-video').css('position', 'absolute') $('.card-image-wrapper.video-container').css('height', 'auto') $('.elevated-card-video').css('width', $('.card-image-wrapper.video-container').width()) $('.elevated-card-video').css('height', 'auto') } } }); })(jQuery); </script><style> .promo-text-box{ position: absolute; left: 20px; top: 20px; padding: 10px; background: red; color: white; font-weight: bold; } .promo-image{ width: 100px !important; height: auto !important; position: absolute; left: 20px; top: 20px; } @media(max-width: 767px){ .promo-image{ width: 60px !important; } } </style> <section class="section-default section-default--light section-default--img-left section-default--normal " id="section-default-af8c65071952432bbc6fd02df5d3d797"> <div class="img-wrapper"> <picture id="section-default-img-af8c65071952432bbc6fd02df5d3d797"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/686c81099e49e6b8024b35f2a5a9279c/fileAsset/filter/Scale,Jpeg/scale_w/1200/jpeg_q/85/jpeg_p/1/5d96487f-c49a-4972-b8b4-dcf50fcf4ae8.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/686c81099e49e6b8024b35f2a5a9279c/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/5d96487f-c49a-4972-b8b4-dcf50fcf4ae8.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/686c81099e49e6b8024b35f2a5a9279c/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/5d96487f-c49a-4972-b8b4-dcf50fcf4ae8.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/686c81099e49e6b8024b35f2a5a9279c/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/686c81099e49e6b8024b35f2a5a9279c.jpg" alt="CELEBRATING THE FIRST-TIME STANLEY CUP CHAMPIONS" loading="lazy" /> </picture> </div> <div class="body-content light"> <div class="inner"> <h2>CELEBRATING THE FIRST-TIME STANLEY CUP CHAMPIONS</h2> <div class="body-text"><p class="p1">Jostens is honored to be a trusted partner of the Florida Panthers as they continue to celebrate their monumental 2024 Stanley Cup win. Take a closer look at the team's one-of-a-kind championship ring and watch the story of their season unfold in extraordinary detail.</p> <p class="p1"><em>Exclusive Ring Provider of the Florida Panthers</em></p></div> <div class="buttons"> <a href="https://youtu.be/FMWwZl8PZOs" class="btn btn-lg btn-primary " target="_self" >VIEW RING DETAILS</a> </div> </div> </div> </section> <style> .promo-text-box{ position: absolute; left: 20px; top: 20px; padding: 10px; background: red; color: white; font-weight: bold; } .promo-image{ width: 100px !important; height: auto !important; position: absolute; left: 20px; top: 20px; } @media(max-width: 767px){ .promo-image{ width: 60px !important; } } </style> <section class="section-default section-default--light section-default--img-right section-default--normal " id="section-default-450b7227-ba64-4f33-8f03-39ef50efc573"> <div class="img-wrapper"> <picture id="section-default-img-450b7227-ba64-4f33-8f03-39ef50efc573"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/47fd08131450b2c36858d815d4ec9c82/fileAsset/filter/Scale,Jpeg/scale_w/1200/jpeg_q/85/jpeg_p/1/bf477d9c-5d94-4c89-ac81-ecd7a3795b93.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/47fd08131450b2c36858d815d4ec9c82/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/bf477d9c-5d94-4c89-ac81-ecd7a3795b93.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/47fd08131450b2c36858d815d4ec9c82/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/bf477d9c-5d94-4c89-ac81-ecd7a3795b93.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/47fd08131450b2c36858d815d4ec9c82/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/47fd08131450b2c36858d815d4ec9c82.jpg" alt="JOSTENS RENAISSANCE® FUELS SCHOOL SUCCESS" loading="lazy" /> </picture> </div> <div class="body-content light"> <div class="inner"> <h2>JOSTENS RENAISSANCE® FUELS SCHOOL SUCCESS</h2> <div class="body-text"><p>This proven framework helps build a culture where teachers love their jobs and students thrive in school. It’s the heart of our business.</p></div> <div class="buttons"> <a href="https://www.jostensrenaissance.com/what-is-renaissance/" class="btn btn-lg btn-primary " target="_blank" rel="noopener noreferrer" >LEARN MORE</a> </div> </div> </div> </section> <style> .promo-text-box{ position: absolute; left: 20px; top: 20px; padding: 10px; background: red; color: white; font-weight: bold; } .promo-image{ width: 100px !important; height: auto !important; position: absolute; left: 20px; top: 20px; } @media(max-width: 767px){ .promo-image{ width: 60px !important; } } </style> <section class="section-default section-default--light section-default--img-left section-default--normal " id="section-default-6440ae8e-0362-4447-93c2-63ea9894b541"> <div class="img-wrapper"> <picture id="section-default-img-6440ae8e-0362-4447-93c2-63ea9894b541"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/986b4974-7ebb-4325-9fb8-2dcdee7660a7/fileAsset/filter/Scale,Jpeg/scale_w/1200/jpeg_q/85/jpeg_p/1/f7be7ad2-2bfe-4672-90b1-dd73af878f62.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/986b4974-7ebb-4325-9fb8-2dcdee7660a7/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/f7be7ad2-2bfe-4672-90b1-dd73af878f62.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/986b4974-7ebb-4325-9fb8-2dcdee7660a7/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/f7be7ad2-2bfe-4672-90b1-dd73af878f62.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/986b4974-7ebb-4325-9fb8-2dcdee7660a7/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/986b4974-7ebb-4325-9fb8-2dcdee7660a7.jpg" alt="WE TAKE PRIDE IN OUR PRACTICES" loading="lazy" /> </picture> </div> <div class="body-content light"> <div class="inner"> <h2>WE TAKE PRIDE IN OUR PRACTICES</h2> <div class="body-text"><p>From our recycling efforts and sustainable materials to our socially responsible partners and forward-thinking employees, we're focused on building something meaningful. </p></div> <div class="buttons"> <a href="https://www.jostens.com/about/sustainability/" class="btn btn-lg btn-primary " target="_self" >SUSTAINABILITY INITIATIVES</a> </div> </div> </div> </section> <div class="container generic-wysiwyg"> <h3>#myjostens</h3></div><div class="container generic-wysiwyg"> <div id="olapic_specific_widget"></div><script type="text/javascript" src="https://photorankstatics-a.akamaihd.net/743d2e78a76dedeb07e0745158547931/static/frontend/latest/build.min.js" data-olapic="olapic_specific_widget" data-instance="eb52a34fe6563e0f8cfe1ca9b19f4eb4" data-apikey="f40c38abfd7f316162a45942ccffe7cea077c2046a1ed67d97feab66fd58f35d" async="async"></script></div><script id="customer-data"> var excludeList = {"COLLEGE_DIPFRAME_CUSTOMER_CATALOG":"ALL","SHOP_COL_GREG_C_REGALIA_ACADEMIC":"ALL","col_greg":"ALL","col_ring":"ALL","col_grad":"ALL","col_greg_pkg":"3157077, 3157078, 3157376"}; </script> </div> </div> </div> </div> <div class="back-to-top-button"> <a aria-label="Back to top" href="#" class="btn btn-back-to-top" id="back-to-top"> <i class="fas fa-arrow-alt-to-top"></i> </a> <script> (function($) { let visible = false; $(window).scroll(function() { if ($(this).scrollTop() == 0 && visible) { $('#back-to-top').removeClass('show'); visible = false; } else if (!visible) { $('#back-to-top').addClass('show'); visible = true; } }); $('#back-to-top').on('click', function() { window.scrollTo({top: 0, behavior: "smooth"}); return false; }); })(jQuery); </script> </div> </main> <footer class=""> <script> function deleteAllCookies() { var cookies = document.cookie.split(";"); for (var i = 0; i < cookies.length; i++) { var cookie = cookies[i]; var eqPos = cookie.indexOf("="); var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie; var value = eqPos > -1 ? cookie.substring(eqPos + 1) : cookie; //TODO make call to https://www.prochamp.jostens.com/rest/prochamp-teams-api to retrieve list var prochampAffiliateIds = ["1453931","2497863","2763571","2763572","2763590","2984394","2984395","2984396","2987474","3040893","3040894","3040913","3173493","3173533","3173553","3239973","3318439","3321916","3321917","3334156","1060504","3357368"]; if (name && name.includes("affiliateIds")) { var affiliateIds = value.split('%7C'); if (affiliateIds) { for (var z = 0; z < affiliateIds.length; z++) { if (prochampAffiliateIds.indexOf(affiliateIds[z]) > -1) { var hostname = window.location.hostname; // JCOM-39275 document.cookie = 'customExperience=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateSecondaryColor=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateDefaultColor=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateClassCode=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateCountry=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateIds=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateType=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateName=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; } } } } } // document.cookie = 'clientAppUrl=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; // JCOM-39275 document.cookie = 'customExperience=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateSecondaryColor=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateDefaultColor=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateClassCode=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateCountry=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateIds=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateType=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateName=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; //document.cookie = name + '=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; } deleteAllCookies() </script> <div class="footer-links-container"> <div class="container footer-width-contained"> <div class="category-container"> <div class="category-header">About</div> <div class="d-flex flex-row"> <ul class="flex-fill"> <li class="footer-link"> <a href="/about/index" target="_self" aria-label="footer link">About Us</a> </li> <li class="footer-link"> <a href="/about/careers" target="_self" aria-label="footer link">Careers</a> </li> <li class="footer-link"> <a href="/about/become-a-rep" target="_self" aria-label="footer link">Become a Rep</a> </li> <li class="footer-link"> <a href="/about/press-center" target="_self" aria-label="footer link">Press Center</a> </li> <li class="footer-link"> <a href="/about/community-involvement" target="_self" aria-label="footer link">Community Involvement</a> </li> <li class="footer-link"> <a href="https://www.jostensambassador.com/" target="_blank" aria-label="footer link">Jostens Ambassadors</a> </li> </ul> <ul class="flex-fill"> <li class="footer-link"> <a href="/about/conduct-and-ethics" target="_self" aria-label="footer link">Conduct And Ethics</a> </li> <li class="footer-link"> <a href="/about/investor-information" target="_self" aria-label="footer link">Investor Information</a> </li> <li class="footer-link"> <a href="/about/legal" target="_self" aria-label="footer link">Legal</a> </li> <li class="footer-link"> <a href="/about/social-responsibility" target="_self" aria-label="footer link">Social Responsibility</a> </li> <li class="footer-link"> <a href="/resources/working-with-jostens/" target="_self" aria-label="footer link">Work with Jostens</a> </li> <li class="footer-link"> <a href="/about/sustainability" target="_self" aria-label="footer link">Sustainability</a> </li> </ul> </div> </div> <div class="category-container"> <div class="category-header">Customer Service</div> <div class="d-flex flex-row"> <ul class="flex-fill"> <li class="footer-link"> <a href="/help/orders/" target="_self" aria-label="footer link">Order Status</a> </li> <li class="footer-link"> <a href="https://orders.jostens.com/" target="_blank" aria-label="footer link">Make a Payment</a> </li> <li class="footer-link"> <a href="/help/orders/return-change-or-cancel" target="_self" aria-label="footer link">Repairs & Returns</a> </li> </ul> <ul class="flex-fill"> <li class="footer-link"> <a href="/customer-service/contact-us" target="_blank" aria-label="footer link">Contact Us</a> </li> <li class="footer-link"> <a href="/help/" target="_self" aria-label="footer link">Help/FAQ</a> </li> <li class="footer-link"> <a href="/help/orders/warranty-repairs" target="_self" aria-label="footer link">Warranties</a> </li> <li class="footer-link"> <a href="/customer-service/lost-and-found-rings" target="_self" aria-label="footer link">Lost & Found Rings</a> </li> </ul> </div> </div> <div class="category-container"> <div class="category-header">Other Products & Services</div> <div class="d-flex flex-row"> <ul class="flex-fill"> <li class="footer-link"> <a href="https://gradtrack.jostens.com/gradtrack/" target="_blank" aria-label="footer link">GradTrack</a> </li> <li class="footer-link"> <a href="https://graduationcentral.jostens.com/custportal/signin.mvc" target="_blank" aria-label="footer link">Graduation Central</a> </li> <li class="footer-link"> <a href="https://printing.jostens.com" target="_blank" aria-label="footer link">Commercial Printing</a> </li> <li class="footer-link"> <a href="/photography/working-with-jostens/jostenspix-overview" target="_self" aria-label="footer link">JostensPIX</a> </li> <li class="footer-link"> <a href="https://schoolannual.com" target="_blank" aria-label="footer link">School Annual</a> </li> </ul> <ul class="flex-fill"> <li class="footer-link"> <a href="https://www.memorybook.com/" target="_blank" aria-label="footer link">Memory Book</a> </li> <li class="footer-link"> <a href="https://meridianplanners.com/" target="_blank" aria-label="footer link">Meridian Planners</a> </li> <li class="footer-link"> <a href="https://www.jostensrenaissance.com/" target="_blank" aria-label="footer link">Renaissance Education</a> </li> <li class="footer-link"> <a href="https://jostenskinderkraft.com/" target="_blank" aria-label="footer link">Kinderkraft</a> </li> <li class="footer-link"> <a href="https://yearbookavenue.jostens.com/" target="_blank" aria-label="footer link">Yearbook Avenue</a> </li> </ul> </div> </div> </div> </div> <div class="accordion footer--accordion" id="footerAccordion"> <div class="card"> <div class="card-header" id="about-footer-heading" data-toggle="collapse" data-target="#about-footer" aria-expanded="false" aria-controls="about-footer" tabindex="0"> <div class="accordion__card-title"> About </div> </div> <div id="about-footer" class="collapse" aria-labelledby="about-footer-heading" data-parent="#footerAccordion"> <div class="card-body"> <a class="footer__accordion-sub-link" href="/about/index" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> About Us </div> </a> <a class="footer__accordion-sub-link" href="/about/careers" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Careers </div> </a> <a class="footer__accordion-sub-link" href="/about/become-a-rep" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Become a Rep </div> </a> <a class="footer__accordion-sub-link" href="/about/press-center" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Press Center </div> </a> <a class="footer__accordion-sub-link" href="/about/community-involvement" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Community Involvement </div> </a> <a class="footer__accordion-sub-link" href="https://www.jostensambassador.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Jostens Ambassadors </div> </a> <a class="footer__accordion-sub-link" href="/about/conduct-and-ethics" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Conduct And Ethics </div> </a> <a class="footer__accordion-sub-link" href="/about/investor-information" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Investor Information </div> </a> <a class="footer__accordion-sub-link" href="/about/legal" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Legal </div> </a> <a class="footer__accordion-sub-link" href="/about/social-responsibility" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Social Responsibility </div> </a> <a class="footer__accordion-sub-link" href="/resources/working-with-jostens/" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Work with Jostens </div> </a> <a class="footer__accordion-sub-link" href="/about/sustainability" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Sustainability </div> </a> </div> </div> </div> <div class="card"> <div class="card-header" id="customerservice-footer-heading" data-toggle="collapse" data-target="#customerservice-footer" aria-expanded="false" aria-controls="customerservice-footer" tabindex="0"> <div class="accordion__card-title"> Customer Service </div> </div> <div id="customerservice-footer" class="collapse" aria-labelledby="customerservice-footer-heading" data-parent="#footerAccordion"> <div class="card-body"> <a class="footer__accordion-sub-link" href="/help/orders/" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Order Status </div> </a> <a class="footer__accordion-sub-link" href="https://orders.jostens.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Make a Payment </div> </a> <a class="footer__accordion-sub-link" href="/help/orders/return-change-or-cancel" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Repairs & Returns </div> </a> <a class="footer__accordion-sub-link" href="/customer-service/contact-us" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Contact Us </div> </a> <a class="footer__accordion-sub-link" href="/help/" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Help/FAQ </div> </a> <a class="footer__accordion-sub-link" href="/help/orders/warranty-repairs" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Warranties </div> </a> <a class="footer__accordion-sub-link" href="/customer-service/lost-and-found-rings" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Lost & Found Rings </div> </a> </div> </div> </div> <div class="card"> <div class="card-header" id="otherproductsservices-footer-heading" data-toggle="collapse" data-target="#otherproductsservices-footer" aria-expanded="false" aria-controls="otherproductsservices-footer" tabindex="0"> <div class="accordion__card-title"> Other Products & Services </div> </div> <div id="otherproductsservices-footer" class="collapse" aria-labelledby="otherproductsservices-footer-heading" data-parent="#footerAccordion"> <div class="card-body"> <a class="footer__accordion-sub-link" href="https://gradtrack.jostens.com/gradtrack/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> GradTrack </div> </a> <a class="footer__accordion-sub-link" href="https://graduationcentral.jostens.com/custportal/signin.mvc" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Graduation Central </div> </a> <a class="footer__accordion-sub-link" href="https://printing.jostens.com" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Commercial Printing </div> </a> <a class="footer__accordion-sub-link" href="/photography/working-with-jostens/jostenspix-overview" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> JostensPIX </div> </a> <a class="footer__accordion-sub-link" href="https://schoolannual.com" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> School Annual </div> </a> <a class="footer__accordion-sub-link" href="https://www.memorybook.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Memory Book </div> </a> <a class="footer__accordion-sub-link" href="https://meridianplanners.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Meridian Planners </div> </a> <a class="footer__accordion-sub-link" href="https://www.jostensrenaissance.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Renaissance Education </div> </a> <a class="footer__accordion-sub-link" href="https://jostenskinderkraft.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Kinderkraft </div> </a> <a class="footer__accordion-sub-link" href="https://yearbookavenue.jostens.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Yearbook Avenue </div> </a> </div> </div> </div> </div> <div class="footer-middle-bar"> <a href="/"><img src="/application/themes/jostens/images/jostens-logo.svg" alt="Jostens" height="40" width="71"></a> <div class="social-icons"> <button aria-label="Facebook F" role="link" onclick="window.open('https://www.facebook.com/Jostens','_blank')"> <span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-facebook-f fa-stack-1x"></i> </span> <span class="sr-only">Facebook F</span> </button> <button aria-label="Twitter" role="link" onclick="window.open('https://twitter.com/jostens','_blank')"> <span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-twitter fa-stack-1x"></i> </span> <span class="sr-only">Twitter</span> </button> <button aria-label="Instagram" role="link" onclick="window.open('https://www.instagram.com/jostensinc/','_blank')"> <span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-instagram fa-stack-1x"></i> </span> <span class="sr-only">Instagram</span> </button> <button aria-label="Pinterest P" role="link" onclick="window.open('https://www.pinterest.com/jostens/','_blank')"> <span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-pinterest-p fa-stack-1x"></i> </span> <span class="sr-only">Pinterest P</span> </button> <button aria-label="YouTube" role="link" onclick="window.open('https://www.youtube.com/user/jostensinc','_blank')"> <span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-youtube fa-stack-1x"></i> </span> <span class="sr-only">YouTube</span> </button> </div> <div class="international"> <a href="/resources/working-with-jostens/international/"> <i class="fas fa-globe"></i><span>International Schools</span><i class="fas fa-arrow-right"></i> </a> </div> </div> <style> .footer-bottom-bar { padding: 1rem; font-size: .75rem } .footer-bottom-bar>.copyright { display: block; text-align: center; margin-bottom: .25rem } @media (min-width: 768px) { .footer-bottom-bar>.copyright { margin-bottom:1rem } } .footer-bottom-bar .inner { display: flex; flex-direction: column; justify-content: center; align-items: center } @media (min-width: 768px) { .footer-bottom-bar .inner { flex-direction:row } } .footer-bottom-bar .inner>.link-section { padding: 0 .75rem; display: flex; flex-direction: row } .footer-bottom-bar .inner>.link-section>* { padding: 0 .75rem !important; font-size: unset !important; text-decoration: none !important; line-height: initial !important } .footer-bottom-bar .inner>.link-section>*:not(:last-child) { border-right: 1px solid #D6DBE0 } .footer-bottom-bar .inner>.link-section:not(:last-child) { border-right: 1px solid #D6DBE0 } @media (max-width: 991.98px) { .footer-bottom-bar .inner>.link-section { border-right:none !important; align-items: center } .footer-bottom-bar .inner>.link-section:not(:first-child) { margin-top: 0.5rem } } @media (max-width: 575.98px) { .footer-bottom-bar .inner>.link-section { flex-direction:column; margin-top: 0 } .footer-bottom-bar .inner>.link-section>* { border-right: none !important; margin-top: 0.5rem } } </style> <div class="footer-bottom-bar">  <div class="inner"> <div class="link-section"> <span>© 2024 Jostens, Inc.</span> <a href="/about/legal/">Terms of Use & Legal Notices</a> <a href="/about/legal/privacy-policy">Privacy Policy</a> <a href="/about/legal/cookie-policy">Cookie Policy</a> </div> <div class="link-section"> <a href="/about/legal/privacy-policy#_Toc134446001">California Collection Notice</a> <a href="/about/legal/accessibility-statement">Accessibility Statement</a> <a href="/site-map">Sitemap</a>  <a id="ot-sdk-btn" tabindex="0"> <span class="ot-sdk-show-settings">Cookie Settings</span> </a> <style> #ot-sdk-btn { cursor:pointer; border-right:none; } #ot-sdk-btn .ot-sdk-show-settings { background-image: url(https://cdn.jostens.com/images/aprimo/resources/privacyoptions730x350.png?language_id=1) !important; background-size: auto 1em !important; background-repeat: no-repeat !important; background-position-x: right !important; padding: 0px 30px 0.7rem 0 !important; text-decoration: none !important } </style>  </div> </div> </div> </footer> <div class="modal affiliation-modal" id="affiliationModal" data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span class="fa-stack"> <i class="fal fa-circle fa-stack-2x"></i> <i class="fas fa-times fa-stack-1x"></i> </span>  </button> </div> <div class="modal-body"> <div class="spinner"> <span class="fad fa-circle-notch fa-spin"></span> </div> <div class="hdr"> <div class="container"> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <h1>Find My School/Group</h1> <div class="intro mb-4"> Select my school/group to view custom products and pricing. </div> <div class="form-row"> <div class="col-12 form-group"> <form class="affiliation-search-form state"> <div class="input-group"> <label for="customerName" class="sr-only">School/Group Name</label> <div class="input-group-prepend"> <span class="input-group-text" id="basic-addon1"><i class="fas fa-search"></i></span> </div> <input id="customerName" type="search" class="form-control" name="search" placeholder="Enter School/Group Name" data-url="https://www.jostens.com/apps/store/api/v1.2/search-affiliates/word/" /> </div> <div class="input-group blockitem"> <label for="myInput" class="sr-only">State/Province</label> <div class="input-group-prepend"> <span class="input-group-text" id="basic-addon1"><i class="fas fa-search"></i></span> </div> <div class="autocomplete"> <input id="myInput" type="text" name="state" class="form-control" placeholder="State/Province"> </div> <button type="submit" class="btn btn-default btn-lg">Search</button> </div> </form> </div> </div> <div class="current-affiliate"> Current Affiliation: <span class="current-affiliate-name">None</span> <a href="#" class="btn-remove-affiliation">Remove <span class="current-affiliate-type">Group</span> Affiliation</a> </div> </div> </div> </div> </div> <div class="search-results"> <button type="button" class="cant-find-school" data-toggle="collapse" data-target="#find-school-help" aria-expanded="false" aria-controls="find-school-help"> <div class="container"> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <i class="far fa-info-circle"></i> Can't find your school/group? <i class="far fa-chevron-down"></i> <i class="far fa-chevron-up"></i> </div> </div> </div> </button> <div class="collapse" id="find-school-help"> <div class="container"> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <ul> <li>Try using fewer words. Use "Jefferson" instead of "Jefferson High School" or "Thomas" instead of "St. Thomas."</li> <li>If you're still not able to find your school/group, please contact <a href="/customer-service/contact-us">Customer Service</a>.</li> <li>For international schools, please select your country <a href="/resources/working-with-jostens/international">here</a>.</li> </ul> <div>Please note: If your school or group has closed, you will not be able to locate it on our website.</div> </div> </div> </div> </div> <div class="container"> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <header> <div class="results-count">Showing 0-0 of 0 results</div> </header> <div class="messages"></div> <div class="prev-affiliations"> <h3>Previous Affiliations</h3> <div class="slider"></div> </div> <table class="table"> <tbody class="results" data-url="/apps/profile/setCustomer.mvc"></tbody> </table> <div class="table-actions"> <button class="btn btn-primary btn-back mr-3" disabled>Back</button> <div class="paging">Page <span class="page-num">0</span> of <span class="page-count">0</span></div> <button class="btn btn-primary btn-next ml-3" disabled>Next</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fullscreen-modal" id="search-modal" data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span class="fa-stack"> <i class="fal fa-circle fa-stack-2x"></i> <i class="fas fa-times fa-stack-1x"></i> </span> </button> </div>  <div class="modal-body"> <div class="hdr"> <div class="container"> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <h1 class="fullscreen-modal-title">Search</h1> </div> </div> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <form action="/search" method="GET"> <div class="input-group input-group-search input-group-lg "> <input type="text" class="form-control input-search" id="search-query" name="q" value="" placeholder="What are you looking for?" aria-label="Search Query" aria-describedby="btn-search-addon"> <div class="input-group-append search-btn-append"> <button type="submit" class="btn btn-secondary" id="btn-search-addon"> <span class="d-none d-sm-inline-block">Search</span> </button> </div> <button class="btn-block mt-4 mb-4 search-submit btn btn-white btn-white--ghost d-lg-none" type="submit" >Search</button> </div>  </form> </div> </div> </div> </div> </div>  </div>  </div>  </div> <div class="modal fullscreen-modal" id="catalog-modal" data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span class="fa-stack"> <i class="fal fa-circle fa-stack-2x"></i> <i class="fas fa-times fa-stack-1x"></i> </span> </button> </div>  <div class="modal-body"> <div id="catalog-modal-list"> </div> </div>  </div>  </div>  </div> <div class="modal verificationPopup" id="capandgownModal" data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true"> </div> </div>  </div>  </div>  </div> <div id="browser-warning" class="alert" role="alert"> <div class="dismiss" data-dismiss="alert" aria-label="Close"><span class="fal fa-times"></span></div> You are using an outdated browser. Please <a href="https://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience. </div> <link rel="preconnect" href="https://www.youtube.com" class="1"> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/modernizr.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/bootstrap-4.6.0.bundle.min.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/jquery.validate.min.js?v=1.7.4?" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/jquery.cookie.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/global.js?v=1.7.4"></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/affiliation.js?v=1.7.4"></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/additional-methods.min.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/jquery.debouncedresize.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/jquery.mask.js?v=1.14.16?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/youtube-video.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/jostens-video.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/slick.min.js?v=1.0?v=1.7.4" crossorigin="anonymous"></script> <script data-ot-ignore="data-ot-ignore" defer type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/21246a91/www-widgetapi.vflset/www-widgetapi.js"></script> <script> jQuery.event.special.touchstart = { setup: function (_, ns, handle) { this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") }); } }; jQuery.event.special.touchmove = { setup: function (_, ns, handle) { this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") }); } }; jQuery.event.special.wheel = { setup: function (_, ns, handle) { this.addEventListener("wheel", handle, { passive: true }); } }; jQuery.event.special.mousewheel = { setup: function (_, ns, handle) { this.addEventListener("mousewheel", handle, { passive: true }); } }; </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@id": "https://www.jostens.com/#organization", "@type": "Organization", "name": "Jostens", "url": "https://www.jostens.com/", "logo": "https://cdn.jostens.com/application/themes/jostens/images/jostens-logo.svg", "sameAs": [ "https://en.wikipedia.org/wiki/Jostens", "https://www.youtube.com/channel/UCf_neHDB2su-o--BdoZqnEQ", "https://www.instagram.com/jostensinc/", "https://twitter.com/Jostens", "https://www.facebook.com/Jostens", "https://www.linkedin.com/company/jostens" ], "contactPoint": [ { "@type": "ContactPoint", "telephone": "+1-952-830-3300", "contactType": "corporate", "areaServed": "US" }, { "@type": "ContactPoint", "telephone": "+1-800-854-7464", "contactType": "customer support", "productSupported": "Jewelry", "areaServed": "US", "availableLanguage": "EN" }, { "@type": "ContactPoint", "telephone": "+1-877-475-7027", "contactType": "customer support", "productSupported": "Graduation", "areaServed": "US", "availableLanguage": "EN" }, { "@type": "ContactPoint", "telephone": "+1-877-767-5217", "contactType": "customer support", "productSupported": "Yearbook", "areaServed": "US", "availableLanguage": "EN" }, { "@type": "ContactPoint", "telephone": "+1-800-563-7603", "contactType": "customer support", "productSupported": ["Jewelry", "Graduation"], "areaServed": "Canada", "availableLanguage": "EN" }, { "@type": "ContactPoint", "telephone": "+1-877-767-5217", "contactType": "customer support", "productSupported": "Yearbook", "areaServed": "Canada", "availableLanguage": "EN" } ] } </script></body> </html>

CINXE.COM

Jostens