High School Essentials

<!DOCTYPE html> <html lang="en"> <head prefix="og: http://ogp.me/ns#">   <title>High School Essentials | 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="High School Essentials" /> <meta name="keywords" content="THE YEARBOOK, THE SPIRIT PACK, THE MASCOT SHOP, STANLEY® LIMITED EDITION TUMBLER, SHOE CHARMS, SPIRIT PACK B" /> <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/products/high-school" /> <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"> <article class="promo-bar promo-bar--dark"> <div class="promo-bar__text"> <p><strong>Save $50 </strong>on your class jewelry purchase. Use promo code <strong>JOLLY50 </strong>at checkout. Valid 12/9/24-12/29/24. <a href="https://www.jostens.com/officialrules/">See offer detail and exclusions</a>.</p> </div> </article>  <script> function failedFunction(e) { console.log(e) $('video').hide() $('.image-show-hide').show() } $(window).on('load',function (){ var alignContent = "left" if($(window).width() <= 300 && alignContent == "center"){ $(".video-banner").css("margin-top", 40); $("video").css("height", $('.banner--text').height() + 200); $(".image-show-hide").css("height", $('.banner--text').height() + 200); $("video").css("width", 'auto'); $(".image-show-hide").css("width", 'auto'); } else if($(window).width() > 300 && $(window).width() < 425 && alignContent == "center"){ $(".video-banner").css("margin-top", 40); $("video").css("height", $('.banner--text').height() + 150); $("video").css("width", 'auto'); $(".image-show-hide").css("height", $('.banner--text').height() + 150); $(".image-show-hide").css("width", 'auto'); } }) </script>  <div class="video-banner banner--light left "> <div class="banner--image-wrapper"> <video autoplay="" loop="" playsinline="playsinline" tabindex="-1" role="application" preload="auto" muted="muted" src="/images/aprimo/scholastic-products/241432_JWL_SY25 _UnderclassmanEssentialsVideoHeroBanner_1200x500_FINAL.mp4" onerror="failedFunction(event)"></video> <div class="image-show-hide" style="display:none;height:inherit"> <picture id="banner--img-47fd08131450b2c36858d815d4ec9c82"> <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/47fd08131450b2c36858d815d4ec9c82.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/47fd08131450b2c36858d815d4ec9c82.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/47fd08131450b2c36858d815d4ec9c82.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="" loading="lazy" /> </picture> </div> </div> <div class="banner--text"> <h1>High School Essentials</h1> <div><p style="text-align: center;"><span>Don’t wait until your senior year to celebrate your class pride! Enjoy your freshman, sophomore and junior years to the <i>fullest</i> with these “Class of” must-haves.</span><span></span></p></div> <div class="btn-wrapper"> </div> </div> </div> </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">REP YOUR GRADUATION YEAR</h2> <p class="card-gallery__subheading"></p> </div> <div id="card-gallery__grid-fcc7d4d531a933650385856ced296150" class="card-gallery__grid card-gallery__grid--col-3"> <div class="card card--light card--square"> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/83544aaec6d038bbc4a628aaf4554a21/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/450/crop_x/0/crop_y/0/scale_w/450/scale_h/450/jpeg_q/85/jpeg_p/1/da1e41b6-5172-4327-b676-22a752f514c1.jpg" alt="ONE-OF-A-KIND CLASS RINGS" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">ONE-OF-A-KIND CLASS RINGS</h3> <p class="card-text">Design a custom high school keepsake you’ll wear with pride for years to come.<br></p> <div class="card-button-wrapper">  <a href="https://www.jostens.com/apps/jcom/router.mvc?code=RINGS&type=K_12" target="_self" class="btn btn-primary btn-primary"> CREATE NOW </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light card--square"> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/ffd9a9bb1a96caedb5d0e626bbd4d15a/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/450/crop_x/0/crop_y/0/scale_w/450/scale_h/450/jpeg_q/85/jpeg_p/1/9ce0db75-ae87-48de-bb26-1d958d1d468c.jpg" alt="STANLEY® LIMITED EDITION TUMBLER" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">STANLEY® LIMITED EDITION TUMBLER</h3> <p class="card-text">Stay hydrated – and on-trend – all year long with this eye-catching quencher.<br> <strong>Save 15%</strong> today with promo code <strong>SAVE15</strong>. <br> <font size="-2"> <a href="https://www.jostens.com/officialrules/" style="color: Black">See offer details & exclusions.</a></font></p> <div class="card-button-wrapper">  <a href="https://www.jostens.com/apps/jcom/router.mvc?code=SPIRIT_PACK&pOsr=CLASS_STANLEYCUP&sct=CATALOG_JRD" target="_self" class="btn btn-primary btn-primary"> SHOP NOW </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light card--square"> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/ad4e4058a33f7134ba9777d9764e9be7/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/450/crop_x/0/crop_y/0/scale_w/450/scale_h/450/jpeg_q/85/jpeg_p/1/ee1b881d-a8d6-45ef-97db-0d2fa97bcd94.jpg" alt="SHOE CHARMS" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">SHOE CHARMS</h3> <p class="card-text">Give your favorite slides, slip-ons or clogs an ultra-fun upgrade- these were created just for your class year.<br> <strong>Save 15%</strong> today with promo code <strong>SAVE15</strong>. <br> <font size="-2"> <a href="https://www.jostens.com/officialrules/" style="color: Black">See offer details & exclusions.</a></font></p> <div class="card-button-wrapper">  <a href="https://www.jostens.com/apps/jcom/router.mvc?code=SPIRIT_PACK&pOsr=CLASS_SHOECHARM&sct=CATALOG_JRD" target="_self" class="btn btn-primary btn-primary"> SHOP NOW </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light card--square"> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/009f4f112f0c10b7785aea33c8d13d9d/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/450/crop_x/0/crop_y/0/scale_w/450/scale_h/450/jpeg_q/85/jpeg_p/1/a8bcdf3e-1a04-4b51-8ce1-c352ca8b42bd.jpg" alt="JACKETS" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">JACKETS</h3> <p class="card-text">Create an iconic layer that celebrates your biggest achievements or passions.<br> <strong>Save 15%</strong> today on the softshell jacket with promo code <strong>SAVE15</strong>.<br> <font size="-2"> <a href="https://www.jostens.com/officialrules/" style="color: Black">See offer details & exclusions.</a></font></p> <div class="card-button-wrapper">  <a href="https://www.jostens.com/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 card--square"> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/3d07a8f42db2ab0697080cbec9235ca6/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/450/crop_x/0/crop_y/0/scale_w/450/scale_h/450/jpeg_q/85/jpeg_p/1/ffed1d8d-d636-4bd3-9544-3e0a7ee6befc.jpg" alt="THE YEARBOOK" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">THE YEARBOOK</h3> <p class="card-text">The best moments of the year live here. Start, add to or complete your collection today!</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"> BUY NOW </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light card--square"> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/b736025f8730235f223ffc807127cc8f/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/450/crop_x/0/crop_y/0/scale_w/450/scale_h/450/jpeg_q/85/jpeg_p/1/81130b64-259a-4845-a3f8-3433924e952b.jpg" alt="THE MASCOT SHOP" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">THE MASCOT SHOP</h3> <p class="card-text">Exclusive school gear for big games, weekend hangs and everything in between.</p> <div class="card-button-wrapper">  <a href="https://www.jostens.com/school-culture/the-mascot-shop-coming-soon" target="_self" class="btn btn-primary btn-primary"> SHOP NOW </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light card--square"> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/b5ba0551b1c87693b358b467fa560c4d/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/450/crop_x/0/crop_y/0/scale_w/450/scale_h/450/jpeg_q/85/jpeg_p/1/49dce814-2091-4da4-80af-d95bf98d33e5.jpg" alt="THE SPIRIT PACK" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">THE SPIRIT PACK</h3> <p class="card-text">Get a class hoodie, Adidas backpack and four-pack of patches in one easy bundle.</p> <div class="card-button-wrapper">  <a href="https://www.jostens.com/apps/jcom/router.mvc?code=SPIRIT_PACK&pOsr=CLASS_SPIRITPACK&sct=CATALOG_JRD" target="_self" class="btn btn-primary btn-primary"> CHECK IT OUT </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light card--square"> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/6a8c1f751432a20edebf0546fada4f08/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/450/crop_x/0/crop_y/0/scale_w/450/scale_h/450/jpeg_q/85/jpeg_p/1/78023e04-dc79-48ab-87f9-523441c27209.jpg" alt="SPIRIT PACK B" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">SPIRIT PACK B</h3> <p class="card-text">Decorate your brand-new Adidas backpack with four student-favorite patches.</p> <div class="card-button-wrapper">  <a href="https://www.jostens.com/apps/jcom/router.mvc?code=SPIRIT_PACK&pOsr=BP_PATCHES&sct=CATALOG_JRD" target="_self" class="btn btn-primary btn-primary"> ORDER NOW </a> </div> <div class="subtext"></div> </div> </div> <div class="card card--light card--square"> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/0a0bd398d39f81ec591d044751850b15/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/450/crop_x/0/crop_y/0/scale_w/450/scale_h/450/jpeg_q/85/jpeg_p/1/9ee03fd4-7f52-4abf-9a4e-5688e5b4aced.jpg" alt="THE SENIOR MUST-HAVES" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">THE SENIOR MUST-HAVES</h3> <p class="card-text">Make the most of your big year — it’s time to amp up the class pride.</p> <div class="card-button-wrapper">  <a href="https://www.jostens.com/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> </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-fcc7d4d531a933650385856ced296150'); $('#card-gallery__grid-fcc7d4d531a933650385856ced296150').slick({ accessibility: false, slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: true }); } else { if ($('#card-gallery__grid-fcc7d4d531a933650385856ced296150').find('.slick-list').length > 0) { console.log('Removing slick slider for .card-gallery__grid-fcc7d4d531a933650385856ced296150'); $('#card-gallery__grid-fcc7d4d531a933650385856ced296150').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> </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

High School Essentials | Jostens