TRY By Jostens™ - A Virtual Jewelry Experience

<!DOCTYPE html> <html lang="en"> <head prefix="og: http://ogp.me/ns#">   <title>TRY By Jostens™ - A Virtual Jewelry Experience | 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="Jostens introduces TRY By Jostens, an augmented reality experience that allows you to try on any of our class jewelry styles to see which is right for you." /> <meta name="keywords" content="" /> <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/resources/students-and-parents/jewelry-guides/try-by-jostens" /> <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="side-nav"> <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="banner-container">  <div class="large-banner large-banner--light align-left position-center dark " id="large-banner-3c278dbb-5c8f-4395-9e15-823b77e83ce3"> <div class="large-banner__image-wrapper"> <picture id="banner-img-eb0be4a2-83e8-48a6-acc8-5ace50bce20a"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/eb0be4a2-83e8-48a6-acc8-5ace50bce20a/fileAsset/filter/Scale,Jpeg/scale_w/1920/jpeg_q/85/jpeg_p/1/eb0be4a2-83e8-48a6-acc8-5ace50bce20a.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/56bb6a9a-e0ce-43ae-a4f2-e4e5bd08e3c4/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/eb0be4a2-83e8-48a6-acc8-5ace50bce20a.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/56bb6a9a-e0ce-43ae-a4f2-e4e5bd08e3c4/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/eb0be4a2-83e8-48a6-acc8-5ace50bce20a.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/56bb6a9a-e0ce-43ae-a4f2-e4e5bd08e3c4/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/eb0be4a2-83e8-48a6-acc8-5ace50bce20a.jpg" alt=""/> </picture> </div> <div class="large-banner__text large-banner__text--position-center large-banner__text--align-left"> <div class="inner"> <h1 class="h2 large-banner__heading">TRY BY JOSTENS™</h1> <div class="large-banner__subheading"><div class="page" title="Page 1"> <div class="section"> <div class="layoutArea"> <div class="column"> <p>Looking for the perfect class ring, necklace or bracelet? Try on dozens of options virtually to get inspired and find your signature style! The Try by Jostens Experience is here to elevate your class jewelry journey.</p> </div> </div> </div> </div></div> <div class="large-banner__buttons"> <a href="https://tryon.jostens.com/" class="btn btn-primary btn-primary--" target="_self" > HIGH SCHOOL RINGS </a> <a href="https://tryon.jostens.com/colstandardrings/" class="btn btn-primary btn-primary--" target="_self" > COLLEGE RINGS </a> </div> </div> </div> </div> </div> <div class="side-nav-grid"> <nav class="side-nav-wrapper" aria-label="side-nav"> <div class="side-nav"> <div class="side-nav--mobile container"> <div class="side-nav__mobile"> <label for="mobile-dropdown-menu-button" class="side-nav__mobile-label"> Menu </label> <button id="mobile-dropdown-menu-button" class="dropdown-toggle side-nav__dropdown-menu-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> TRY By Jostens™ - A Virtual Jewelry Experience <i class="fas fa-caret-down"></i> </button> <div class="dropdown-menu" id="mobileDropdownMenu"> <a href="/resources/students-and-parents/jewelry-guides/class-ring-buying-guide" class="dropdown-menu__item" target="_self">Class Ring Buying Guide</a> <a href="/resources/students-and-parents/jewelry-guides/class-jewelry-buying-guide" class="dropdown-menu__item" target="_self">Class Jewelry Buying Guide</a> <a href="/resources/students-and-parents/jewelry-guides/jostens-jewelry-warranty" class="dropdown-menu__item" target="_self">High School Jewelry Warranty | Jostens</a> <a href="/resources/students-and-parents/jewelry-guides/high-school-class-ring-metals" class="dropdown-menu__item" target="_self">High School Class Ring Metals | Jostens</a> <a href="/resources/students-and-parents/jewelry-guides/high-school-ring-stones" class="dropdown-menu__item" target="_self">High School Ring Stones</a> <a href="/resources/students-and-parents/jewelry-guides/natural-genuine-elements-stones" class="dropdown-menu__item" target="_self">Natural Genuine Elements Stones®</a> <a href="/resources/students-and-parents/jewelry-guides/class-ring-design-steps" class="dropdown-menu__item" target="_self">Design Your Class Ring- 6 Simple Steps</a> <a href="/resources/students-and-parents/jewelry-guides/try-by-jostens" class="dropdown-menu__item" target="_self">TRY By Jostens™ - A Virtual Jewelry Experience</a> </div> </div> </div> <div class="side-nav--desktop"> <ul class="side-nav__pages"> <li class="side-nav__page"> <a href="/resources/students-and-parents/jewelry-guides/class-ring-buying-guide" target="_self">Class Ring Buying Guide</a> </li> <li class="side-nav__page"> <a href="/resources/students-and-parents/jewelry-guides/class-jewelry-buying-guide" target="_self">Class Jewelry Buying Guide</a> </li> <li class="side-nav__page"> <a href="/resources/students-and-parents/jewelry-guides/jostens-jewelry-warranty" target="_self">High School Jewelry Warranty | Jostens</a> </li> <li class="side-nav__page"> <a href="/resources/students-and-parents/jewelry-guides/high-school-class-ring-metals" target="_self">High School Class Ring Metals | Jostens</a> </li> <li class="side-nav__page"> <a href="/resources/students-and-parents/jewelry-guides/high-school-ring-stones" target="_self">High School Ring Stones</a> </li> <li class="side-nav__page"> <a href="/resources/students-and-parents/jewelry-guides/natural-genuine-elements-stones" target="_self">Natural Genuine Elements Stones®</a> </li> <li class="side-nav__page"> <a href="/resources/students-and-parents/jewelry-guides/class-ring-design-steps" target="_self">Design Your Class Ring- 6 Simple Steps</a> </li> <li class="side-nav__page side-nav__page--active"> <a href="/resources/students-and-parents/jewelry-guides/try-by-jostens" target="_self">TRY By Jostens™ - A Virtual Jewelry Experience</a> </li> </ul> </div> <script> (function($) { $(document).ready(function() { var sideNavWrapper = $('.side-nav-wrapper'); var desktopNav = $('.side-nav--desktop'); // Do not scroll when content is <= side nav height if ($('.side-nav-main-content-wrapper').outerHeight() <= $('.side-nav').outerHeight()) { console.log('disabling side-nav scroll'); return; } var marginTop = parseInt(desktopNav.parent().css('margin-top')); var headerHeight = $('header').height(); // page-header is the small header on help pages. Account for it if exists var pageHeader = $('.page-header'); if (pageHeader) { headerHeight += pageHeader.outerHeight(); } // Height plus equal top and bottom margins var navHeight = desktopNav.height() + (marginTop * 2); var topBorder = sideNavWrapper.offset().top - headerHeight; // wrapper already includes margin var bottomBorder = $('footer').offset().top - marginTop; // margin for side-nav's bottom // var maxOffset = bottomBorder - topBorder - navHeight - (marginTop * 3); $(document).on('scroll', function(event) { let curScroll = $(document).scrollTop(); if (curScroll > topBorder) { var topOffset = curScroll - topBorder > maxOffset ? maxOffset : curScroll - topBorder; desktopNav.css('top', topOffset); } else { desktopNav.css('top', 0); } }) }); })(jQuery); </script> </div> </nav> <section class="side-nav-content-wrapper"> <script> (function($) { $(document).ready(function() { $('.side-nav-content-wrapper .section-default').addClass('section-default--side-nav-enabled') $('.side-nav-content-wrapper .section-group').addClass('section-group--side-nav-enabled') }) })(jQuery) </script> <div class="container card-gallery"> <div id="card-gallery__grid-c18d585c-2d70-45c8-9bf0-3b723d86a733" class="card-gallery__grid card-gallery__grid--col-2"> <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/518e01df-0c06-4854-8b8e-b7d70fa4b611/fileAsset/filter/Crop,Scale,Jpeg/crop_w/700/crop_h/700/crop_x/0/crop_y/0/scale_w/768/scale_h/768/jpeg_q/85/jpeg_p/1/f16f5023-adc4-4c3b-9274-321a90943aac.jpg" alt="SELECT YOUR STYLE" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">SELECT YOUR STYLE</h3> <p class="card-text">Explore our virtual jewelry catalog to find your perfect match.</p> <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/9e64b698-d29a-45f0-8150-3221c6ace31e/fileAsset/filter/Crop,Scale,Jpeg/crop_w/700/crop_h/700/crop_x/0/crop_y/0/scale_w/768/scale_h/768/jpeg_q/85/jpeg_p/1/4fac9a6d-59e0-45b5-ab26-60aacc926757.jpg" alt="SNAP A QUICK PIC" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">SNAP A QUICK PIC</h3> <p class="card-text">Take a well-lit picture of your hand, neck or wrist.</p> <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/cdebbdb2-5d78-4efa-81c4-674a92610bc4/fileAsset/filter/Crop,Scale,Jpeg/crop_w/700/crop_h/700/crop_x/0/crop_y/0/scale_w/768/scale_h/768/jpeg_q/85/jpeg_p/1/0eb98c36-1b29-43ae-a235-e0f047a65ab8.jpg" alt="GO AHEAD — TRY IT ON!" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">GO AHEAD — TRY IT ON!</h3> <p class="card-text">Adjust the fit, try out multiple metals and explore your center options.</p> <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/5e3027dc-0238-4b67-8dbe-55c8ca1b7f31/fileAsset/filter/Crop,Scale,Jpeg/crop_w/700/crop_h/700/crop_x/0/crop_y/0/scale_w/768/scale_h/768/jpeg_q/85/jpeg_p/1/1536202b-7008-4a2e-96f1-440a802ce6cd.jpg" alt="DESIGN THE REAL THING" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">DESIGN THE REAL THING</h3> <p class="card-text">Love how it looks? Customize & order your class jewelry TODAY!</p> <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-c18d585c-2d70-45c8-9bf0-3b723d86a733'); $('#card-gallery__grid-c18d585c-2d70-45c8-9bf0-3b723d86a733').slick({ accessibility: false, slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: true }); } else { if ($('#card-gallery__grid-c18d585c-2d70-45c8-9bf0-3b723d86a733').find('.slick-list').length > 0) { console.log('Removing slick slider for .card-gallery__grid-c18d585c-2d70-45c8-9bf0-3b723d86a733'); $('#card-gallery__grid-c18d585c-2d70-45c8-9bf0-3b723d86a733').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><section class="promo-carousel container"> <h2 class="h3 promo-carousel__heading">High School Top Sellers</h2> <div class="promo-carousel__carousel slick-carousel"> <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/73a06db5500db287c77607e31286e719/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/c2d2510b-77a1-48ef-88e1-fc8c84020e46.jpg" alt="B21 - Class Band" loading="lazy" /> </div> <div class="card-body"> <h3 class="card-title h4">CLASS BAND COLLECTION</h3> <p class="card-text"></p> <div class="card-button-wrapper"> <a href="https://www.jostens.com/apps/jcom/router.mvc?code=RINGS&type=K_12&filter=02-CLASS-BANDS" class="btn btn-primary btn-primary--ghost"> SHOP NOW </a> </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/e8594bd62f15d627fa6517d881c7aacf/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/b91358a5-491c-402e-912a-d2054e76ab96.jpg" alt="Achiever A11" loading="lazy" /> </div> <div class="card-body"> <h3 class="card-title h4">ACHIEVER® COLLECTION</h3> <p class="card-text"></p> <div class="card-button-wrapper"> <a href="https://www.jostens.com/apps/jcom/router.mvc?code=RINGS&type=K_12&filter=01-ACHIEVER" class="btn btn-primary btn-primary--ghost"> SHOP NOW </a> </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/f93b5b1e680be39a13100b13e0ba19b2/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/4587f6e3-97ec-4db3-938b-f6fa75365792.jpg" alt="SIGNATURE® COLLECTION" loading="lazy" /> </div> <div class="card-body"> <h3 class="card-title h4">SIGNATURE® COLLECTION</h3> <p class="card-text"></p> <div class="card-button-wrapper"> <a href="https://www.jostens.com/apps/jcom/router.mvc?code=RINGS&type=K_12&filter=04-SIGNATURE" class="btn btn-primary btn-primary--ghost"> SHOP NOW </a> </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/cd3272a0a51df9890989b0569db9dbca/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/cddc21d7-0022-4cad-a049-d057d2ebc3e7.jpg" alt="Chante` - Women's (S56)" loading="lazy" /> </div> <div class="card-body"> <h3 class="card-title h4">HERITAGE® COLLECTION</h3> <p class="card-text"></p> <div class="card-button-wrapper"> <a href="https://www.jostens.com/apps/jcom/router.mvc?code=RINGS&type=K_12&filter=03-HERITAGE" class="btn btn-primary btn-primary--ghost"> SHOP NOW </a> </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/2fbd8077ea8b2e70d119953581b1e278/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/4a55899f-31ad-437c-bafa-49e30bf8ced9.jpg" alt="Cordaline - E68" loading="lazy" /> </div> <div class="card-body"> <h3 class="card-title h4">VARSITY COLLECTION</h3> <p class="card-text"></p> <div class="card-button-wrapper"> <a href="https://www.jostens.com/apps/jcom/router.mvc?code=RINGS&type=K_12&filter=06-VARSITY" class="btn btn-primary btn-primary--ghost"> SHOP NOW </a> </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/c729686e6b31f229fa706b10ea54cc04/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/05e50f41-75d7-458c-976d-7cd6dda9ae65.jpg" alt="TRADEWINDS® COLLECTION" loading="lazy" /> </div> <div class="card-body"> <h3 class="card-title h4">TRADEWINDS® COLLECTION</h3> <p class="card-text"></p> <div class="card-button-wrapper"> <a href="https://www.jostens.com/apps/jcom/router.mvc?code=RINGS&type=K_12&filter=07-TRADEWINDS" class="btn btn-primary btn-primary--ghost"> SHOP NOW </a> </div> </div> </div> </div> <script> (function($) { $(window).on("load",function() { $('.slick-carousel').slick({ accessibility: false, slidesToShow: 4, slidesToScroll: 4, arrows: true, dots: true, responsive: [{ breakpoint: 576, settings: { slidesToShow: 1, slidesToScroll: 1, dots: true, arrows: false, } }, { breakpoint: 768, settings: { slidesToShow: 2, slidesToScroll: 2, dots: true, arrows: true, } }, { breakpoint: 992, settings: { slidesToShow: 3, slidesToScroll: 3, dots: true, arrows: true, } }, ] }) }) })(jQuery); </script> </section> <section class="promo-carousel container"> <h2 class="h3 promo-carousel__heading">COLLEGE TOP SELLERS</h2> <div class="promo-carousel__carousel slick-carousel"> <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/70b9b793-2f1d-4547-99ad-cb71dff9c2d1/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/c2de389e-0650-4c6f-b9e3-c1aa955bca64.jpg" alt="Large Square Curriculum (B709C)" loading="lazy" /> </div> <div class="card-body"> <h3 class="card-title h4">Large Square Curriculum (B709C)</h3> <p class="card-text"></p> <div class="card-button-wrapper"> <a href="/apps/jcom/router.mvc?type=COLL&code=RINGS" class="btn btn-primary btn-primary--ghost"> SHOP NOW </a> </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/e4e9cf44-ff6c-4e17-bc54-792e5b8382e8/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/d4d3b50c-e2d9-4816-8f2b-299e2179d520.jpg" alt="Large Oval Curriculum II (B7090)" loading="lazy" /> </div> <div class="card-body"> <h3 class="card-title h4">Large Oval Curriculum II (B7090)</h3> <p class="card-text"></p> <div class="card-button-wrapper"> <a href="/apps/jcom/router.mvc?type=COLL&code=RINGS" class="btn btn-primary btn-primary--ghost"> SHOP NOW </a> </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/31f1ca6f-ebb7-4b3f-80ab-d73cc740011e/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/ba43e874-29c3-4b1b-bb98-e0903e9f9221.jpg" alt="Pirouette (M8682)" loading="lazy" /> </div> <div class="card-body"> <h3 class="card-title h4">Pirouette (M8682)</h3> <p class="card-text"></p> <div class="card-button-wrapper"> <a href="/apps/jcom/router.mvc?type=COLL&code=RINGS" class="btn btn-primary btn-primary--ghost"> SHOP NOW </a> </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/2158b5ee-4069-495a-abaa-b88f4ca016ce/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/cd69b980-194d-46a8-9fad-ed2f95178515.jpg" alt="Medium Oval Curriculum (M7090)" loading="lazy" /> </div> <div class="card-body"> <h3 class="card-title h4">Medium Oval Curriculum (M7090)</h3> <p class="card-text"></p> <div class="card-button-wrapper"> <a href="/apps/jcom/router.mvc?type=COLL&code=RINGS" class="btn btn-primary btn-primary--ghost"> SHOP NOW </a> </div> </div> </div> </div> <script> (function($) { $(window).on("load",function() { $('.slick-carousel').slick({ accessibility: false, slidesToShow: 4, slidesToScroll: 4, arrows: true, dots: true, responsive: [{ breakpoint: 576, settings: { slidesToShow: 1, slidesToScroll: 1, dots: true, arrows: false, } }, { breakpoint: 768, settings: { slidesToShow: 2, slidesToScroll: 2, dots: true, arrows: true, } }, { breakpoint: 992, settings: { slidesToShow: 3, slidesToScroll: 3, dots: true, arrows: true, } }, ] }) }) })(jQuery); </script> </section> </section> </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

TRY By Jostens™ - A Virtual Jewelry Experience | Jostens