Part Digital Experience. Part Printed Yearbook. 100% Authentically You.

<!DOCTYPE html> <html lang="en"> <head prefix="og: http://ogp.me/ns#">   <title>Part Digital Experience. Part Printed Yearbook. 100% Authentically You. | 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="Yearbook+, the story of the year - told by the people that were there. All students can help tell the stories of the year by submitting pictures of sports, clubs and events. Photos are viewed by holding a phone over specially marked images in the yearbook." /> <meta name="keywords" content="Yearbook+, Yearbook Plus, YBK+, Interactive Yearbook, Yearbook of the Future, Future Yearbook, Digital Yearbook, Futuristic Yearbook, Jostens Yearbook, Digital Publishing, Digital Yearbook Photos, Scan Yearbook, Technology Yearbook, Authentic Yearbook," /> <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/yearbooks/advisers-and-staff/technology-and-experience/yearbook-plus" /> <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="anonymouslayout1636773405749" > <a href="#content" id="skip-link">Skip to main content</a> <header id="hd-jcom" class="fixed-top"> <div id="utility-bar" class="header-utility-bar"> <ul> <li><a href="/apps/profile/signinMyOrders.mvc?from=MY_ORDERS" target="_self">Order Status</a></li> <li><a href="/resources/working-with-jostens/index" target="_self">Working With Jostens</a></li> <li><a href="/help/" target="_self">Help</a></li> <li><a href="/about/careers" target="_self">Careers</a></li>  <li class="logged-in"> <a href="#user-dropdown" class="primary-dropdown-toggle collapsed" data-toggle="collapse" role="button" aria-expanded="false" aria-label="Toggle User Dropdown" aria-controls="user-dropdown-desktop user-dropdown-mobile"> Hello, <span id="profile-username"></span> </a> </li>  <li class="not-logged-in"> <a href="/apps/profile/signin.mvc" class="collapsed" aria-expanded="false" aria-label="Toggle Sign In Dropdown" aria-controls="sign-in-dropdown" rel="nofollow"> Sign In </a> </li> </ul> </div> <div id="navigation" class="navbar navbar-expand-lg navbar-toggleable-md"> <a href="/" class="header-logo navbar-brand d-inline-block d-lg-none" tabindex="0"> <div class="focus-state-container" tabindex="-1"> <img src="https://cdn.jostens.com/application/themes/jostens/images/jostens-logo.svg" alt="Jostens" height="40" width="71" loading="lazy"/> </div> </a> <ul id="nav-icons"> <li> <a href="#" aria-label="search" role="button" class="nav-icon" tabindex="0" data-toggle="modal" data-target="#search-modal" aria-label="Search for items"> <div aria-label="jostens.com" class="focus-state-container" tabindex="-1" role="button"> <i class="fas fa-search" aria-hidden="true" title="Search"></i> </div> </a> </li> <li class="d-list-item d-lg-none"> <a href="/apps/profile/signin.mvc" class="nav-icon" rel="nofollow"> <div aria-label="jostens.com" class="focus-state-container" tabindex="-1" role="button"> <i class="fas fa-user" aria-hidden="true" title="Signin"></i> </div> </a> </li> <li> <a href="/apps/checkout/startCheckout.mvc" class="nav-icon" aria-label="View items in your shopping cart"> <div class="focus-state-container" tabindex="-1"> <i class="fas fa-shopping-bag" aria-hidden="true" title="Shopping Cart"></i> <span id="cart-count" class="cart-item-number d-none"></span> </div> </a> </li> <li class="d-list-item d-lg-none"> <button id="main-nav-toggle" class="navbar-toggler nav-icon collapsed" type="button" data-toggle="collapse" data-target="#main-nav" aria-label="Toggle navigation" tabindex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-fw fa-bars"></span> <span class="fas fa-fw fa-times"></span> </div> </button> </li> </ul> <div id="main-nav" class="navbar-collapse collapse" aria-expanded="false"> <ul class="navbar-nav" role="navigation"> <li id="my-school-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".my-school-level-2-nav" role="button" aria-expanded="false"aria-controls="my-school-level-2-nav-desktop my-school-level-2-nav-mobile" tabindex="0" aria-haspopup="true"> <div class="focus-state-container" tabindex="-1" role="button">My School Store</div> </span> <div id="my-school-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse my-school-level-2-nav" aria-haspopup="true"> <div class="inner"> <div> <img id="logo-img-mobile" src="https://cdn.jostens.com/application/themes/jostens/images/spacer.gif" alt="My School Logo" onerror="$(this).parent().addClass('no-logo');$(this).remove();" loading="lazy"> </div> <div> <div id="affiliate-name-mobile"></div> <div id="affiliate-location-mobile"></div> <div><a href="/apps/jcom/router.mvc" class="btn btn-sm btn-primary btn-primary--ghost">School Store<span class="fas fa-arrow-right icon-right"></span></a></div> <div><a href="#" class="affiliate-school" id="affiliate-change-mobile">Change Group</a></div> </div> </div> <div class="card" id="my-school-nav-mobile"></div> </div> </li> <li id="find-school-dropdown" class="nav-item"> <a class="nav-link affiliate-school" tabindex="0"> <div class="focus-state-container" tabindex="-1">Find My School/Group Store</div> </a> <div class="inner"> <h6>Find My School/Group Store</h6> <p><small>Order your class yearbook, shop for your custom class ring, shop for your graduation needs, and show your pride with custom school apparel and gifts.</small></p> <div><a href="#" class="btn btn-sm btn-primary btn-primary--ghost affiliate-school">Find Your School/Group <span class="fas fa-arrow-right icon-right"></span></a></div> </div> </li>  <li id="yearbook-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".yearbook-level-2-nav" role="button" aria-expanded="false" aria-controls="yearbook-level-2-nav-desktop yearbook-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">yearbook</div> </span> <div id="yearbook-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse yearbook-level-2-nav"> <div class="card"> <a id="yearbook-Students-Families-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#yearbook-Students-Families-menu" aria-expanded="false" aria-controls="yearbook-Students-Families-menu">Students & Families</a> <div id="yearbook-Students-Families-menu" class="collapse" aria-labelledby="yearbook-Students-Families-heading" data-parent="#yearbook-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/apps/jcom/router.mvc?code=YRBK" class="mobile-tertiary-item card-header">Buy Your Yearbook</a> <a href="/yearbooks/students-and-parents/about-yearbooks" class="mobile-tertiary-item card-header">About Yearbooks</a> <a href="/yearbooks/students-and-parents/yearbook-ads" class="mobile-tertiary-item card-header">Recognition Ads</a> <a href="/yearbooks/students-and-parents/yearbook-plus" class="mobile-tertiary-item card-header">Yearbook+</a> <a href="/yearbooks/advisers-and-staff/yearbook-blog/" class="mobile-tertiary-item card-header">Yearbook Blog</a> <a href="https://www.jostens.com/yearbooks/students-and-parents/photoshare" class="mobile-tertiary-item card-header">Photo Share</a> </div> </div> </div> </div> <div class="card"> <a id="yearbook-Advisers-Staff-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#yearbook-Advisers-Staff-menu" aria-expanded="false" aria-controls="yearbook-Advisers-Staff-menu">Advisers & Staff</a> <div id="yearbook-Advisers-Staff-menu" class="collapse" aria-labelledby="yearbook-Advisers-Staff-heading" data-parent="#yearbook-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/yearbooks/advisers-and-staff/technology-and-experience/" class="mobile-tertiary-item card-header">Technology & Experience</a> <a href="/yearbooks/advisers-and-staff/classroom-tools/" class="mobile-tertiary-item card-header">Classroom Resources </a> <a href="/yearbooks/advisers-and-staff/events-workshops/" class="mobile-tertiary-item card-header">Events & Workshops </a> <a href="/yearbooks/advisers-and-staff/contests-and-awards/" class="mobile-tertiary-item card-header">Contests & Awards </a> <a href="/yearbooks/advisers-and-staff/technology-and-experience/yearbook-plus" class="mobile-tertiary-item card-header">Yearbook+ </a> <a href="/yearbooks/advisers-and-staff/yearbook-blog/" class="mobile-tertiary-item card-header">Advisers & Staff Blog </a> <a href="/resources/working-with-jostens" class="mobile-tertiary-item card-header">Working with Jostens </a> </div> </div> </div> </div> </div> </li>  <li id="Graduation-menu-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Graduation-menu-level-2-nav" role="button" aria-expanded="false" aria-controls="Graduation-menu-level-2-nav-desktop Graduation-menu-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Graduation</div> </span> <div id="Graduation-menu-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Graduation-menu-level-2-nav"> <div class="card"> <a id="Graduation-menu-High-School-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-High-School-menu" aria-expanded="false" aria-controls="Graduation-menu-High-School-menu">High School</a> <div id="Graduation-menu-High-School-menu" class="collapse" aria-labelledby="Graduation-menu-High-School-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/graduation/high-school/graduation-packages" class="mobile-tertiary-item card-header">Grad Packages</a> <a href="/graduation/high-school/high-school-products-graduation" class="mobile-tertiary-item card-header">Grad Products </a> <a href="/graduation/high-school/announcements" class="mobile-tertiary-item card-header">Announcements </a> <a href="/graduation/high-school/caps-and-gowns" class="mobile-tertiary-item card-header">Caps & Gowns </a> <a href="/graduation/high-school/photo-cards" class="mobile-tertiary-item card-header">Photo Cards</a> <a href="/graduation/high-school/senior-apparel" class="mobile-tertiary-item card-header">Senior Apparel</a> <a href="/apparel/high-school-senior-apparel/accessories" class="mobile-tertiary-item card-header">Senior Accessories</a> </div> </div> </div> </div> <div class="card"> <a id="Graduation-menu-College-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-College-menu" aria-expanded="false" aria-controls="Graduation-menu-College-menu">College</a> <div id="Graduation-menu-College-menu" class="collapse" aria-labelledby="Graduation-menu-College-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/graduation/college/" class="mobile-tertiary-item card-header">Grad Products </a> <a href="/graduation/college/caps-and-gowns" class="mobile-tertiary-item card-header">Caps & Gowns</a> <a href="/graduation/college/stoles" class="mobile-tertiary-item card-header">Stoles</a> <a href="/graduation/college/diploma-frames" class="mobile-tertiary-item card-header">Diploma Frames</a> <a href="/graduation/college/announcements" class="mobile-tertiary-item card-header">Announcements</a> <a href="/resources/working-with-jostens/colleges/college-faculty-cap-gowns" class="mobile-tertiary-item card-header">Fine Quality Regalia</a> <a href="/graduation/college/uplomas" class="mobile-tertiary-item card-header">Uploma</a> </div> </div> </div> </div> <div class="card"> <a id="Graduation-menu-Other-Grads-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-Other-Grads-menu" aria-expanded="false" aria-controls="Graduation-menu-Other-Grads-menu">Other Grads</a> <div id="Graduation-menu-Other-Grads-menu" class="collapse" aria-labelledby="Graduation-menu-Other-Grads-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/graduation/other-schools/pre-k-to-elementary-school" class="mobile-tertiary-item card-header">Pre-K to Elementary </a> <a href="https://jostenskinderkraft.com/" class="mobile-tertiary-item card-header">Kinderkraft </a> </div> </div> </div> </div> <div class="card"> <a id="Graduation-menu-Resources-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-Resources-menu" aria-expanded="false" aria-controls="Graduation-menu-Resources-menu">Resources</a> <div id="Graduation-menu-Resources-menu" class="collapse" aria-labelledby="Graduation-menu-Resources-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/students-and-parents/grad-club/" class="mobile-tertiary-item card-header">Grad Club</a> <a href="https://www.jostens.com/resources/working-with-jostens/" class="mobile-tertiary-item card-header">Working With Jostens</a> </div> </div> </div> </div> </div> </li>  <li id="Class-Rings-Jewelry-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Class-Rings-Jewelry-level-2-nav" role="button" aria-expanded="false" aria-controls="Class-Rings-Jewelry-level-2-nav-desktop Class-Rings-Jewelry-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Class Rings & Jewelry</div> </span> <div id="Class-Rings-Jewelry-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Class-Rings-Jewelry-level-2-nav"> <div class="card"> <a id="Class-Rings-Jewelry-High-School-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-High-School-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-High-School-menu">High School</a> <div id="Class-Rings-Jewelry-High-School-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-High-School-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/class-jewelry/high-school/index" class="mobile-tertiary-item card-header">Class Rings & Jewelry</a> </div> </div> </div> </div> <div class="card"> <a id="Class-Rings-Jewelry-College-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-College-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-College-menu">College</a> <div id="Class-Rings-Jewelry-College-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-College-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/class-jewelry/college/index" class="mobile-tertiary-item card-header">Rings & Jewelry</a> </div> </div> </div> </div> <div class="card"> <a id="Class-Rings-Jewelry-Resources-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-Resources-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-Resources-menu">Resources</a> <div id="Class-Rings-Jewelry-Resources-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-Resources-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/students-and-parents/jewelry-guides/class-jewelry-buying-guide" class="mobile-tertiary-item card-header">Jewelry Guides</a> <a href="/resources/students-and-parents/jewelry-guides/try-by-jostens" class="mobile-tertiary-item card-header">Try By Jostens™ Experience</a> <a href="/resources/working-with-jostens/index" class="mobile-tertiary-item card-header">Working With Jostens</a> </div> </div> </div> </div> <div class="card"> <a id="Class-Rings-Jewelry-Other-Collections-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-Other-Collections-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-Other-Collections-menu">Other Collections</a> <div id="Class-Rings-Jewelry-Other-Collections-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-Other-Collections-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/professions/military/index" class="mobile-tertiary-item card-header">Military</a> <a href="/apps/shop/catalog.asp?CID=270993&PFID=2006092306002382314" class="mobile-tertiary-item card-header">Pilots</a> <a href="/jewelry/hometown-heroes" class="mobile-tertiary-item card-header">Police, Fire, EMS</a> <a href="https://www.jostens.com/apps/store/productBrowse/2534814/Jostens-Homeschool/Class-Jewelry/2002052210324858026/CATALOG_SHOP/" class="mobile-tertiary-item card-header">Homeschool</a> <a href="https://www.jostens.com/jewelry/sports/fantasy-sports/ " class="mobile-tertiary-item card-header">Fantasy Sports</a> <a href="/jewelry/activity-and-interests/greek-life" class="mobile-tertiary-item card-header">Greek Life</a> <a href="https://www.jostens.com/apps/shop/Catalog.asp?CID=282530&PFID=2012020905202384381" class="mobile-tertiary-item card-header">NWTF Rings</a> <a href="https://www.jostens.com/apps/specialty/distinguishedyw/fans/landing.mvc" class="mobile-tertiary-item card-header">Distinguished Young Women</a> <a href="https://www.jostens.com/apps/prochamp/wsop/fans/landing.mvc" class="mobile-tertiary-item card-header">World Series of Poker</a> <a href="/jewelry/sports/professional/index" class="mobile-tertiary-item card-header">Championship Rings</a> </div> </div> </div> </div> </div> </li>  <li id="Letter-Jackets-Outwear-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Letter-Jackets-Outwear-level-2-nav" role="button" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-level-2-nav-desktop Letter-Jackets-Outwear-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Letter Jackets & Outerwear</div> </span> <div id="Letter-Jackets-Outwear-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Letter-Jackets-Outwear-level-2-nav"> <div class="card"> <a id="Letter-Jackets-Outwear-High-School-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Letter-Jackets-Outwear-High-School-menu" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-High-School-menu">High School</a> <div id="Letter-Jackets-Outwear-High-School-menu" class="collapse" aria-labelledby="Letter-Jackets-Outwear-High-School-heading" data-parent="#Letter-Jackets-Outwear-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/apparel/jackets-and-patches/letter-jackets" class="mobile-tertiary-item card-header">Letter Jackets & Outerwear</a> </div> </div> </div> </div> <div class="card"> <a id="Letter-Jackets-Outwear-Other-Collections-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Letter-Jackets-Outwear-Other-Collections-menu" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-Other-Collections-menu">Other Collections</a> <div id="Letter-Jackets-Outwear-Other-Collections-menu" class="collapse" aria-labelledby="Letter-Jackets-Outwear-Other-Collections-heading" data-parent="#Letter-Jackets-Outwear-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" class="mobile-tertiary-item card-header">Dominican Baseball League</a> </div> </div> </div> </div> <div class="card"> <a id="Letter-Jackets-Outwear-For-Schools-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Letter-Jackets-Outwear-For-Schools-menu" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-For-Schools-menu">For Schools</a> <div id="Letter-Jackets-Outwear-For-Schools-menu" class="collapse" aria-labelledby="Letter-Jackets-Outwear-For-Schools-heading" data-parent="#Letter-Jackets-Outwear-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/working-with-jostens/index" class="mobile-tertiary-item card-header">Working With Jostens</a> </div> </div> </div> </div> </div> </li>  <li id="The-Mascot-Shop-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".The-Mascot-Shop-level-2-nav" role="button" aria-expanded="false" aria-controls="The-Mascot-Shop-level-2-nav-desktop The-Mascot-Shop-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">The Mascot Shop</div> </span> <div id="The-Mascot-Shop-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse The-Mascot-Shop-level-2-nav"> <div class="card"> <a id="The-Mascot-Shop-For-K-12-Students-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#The-Mascot-Shop-For-K-12-Students-menu" aria-expanded="false" aria-controls="The-Mascot-Shop-For-K-12-Students-menu">For K-12 Students</a> <div id="The-Mascot-Shop-For-K-12-Students-menu" class="collapse" aria-labelledby="The-Mascot-Shop-For-K-12-Students-heading" data-parent="#The-Mascot-Shop-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://www.jostens.com/school-culture/the-mascot-shop-spirit-wear" class="mobile-tertiary-item card-header">The Mascot Shop Spirit Wear</a> </div> </div> </div> </div> <div class="card"> <a id="The-Mascot-Shop-For-School-Admins-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#The-Mascot-Shop-For-School-Admins-menu" aria-expanded="false" aria-controls="The-Mascot-Shop-For-School-Admins-menu">For School Admins</a> <div id="The-Mascot-Shop-For-School-Admins-menu" class="collapse" aria-labelledby="The-Mascot-Shop-For-School-Admins-heading" data-parent="#The-Mascot-Shop-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://www.jostens.com/school-culture/the-mascot-shop" class="mobile-tertiary-item card-header">The Mascot Shop Portal</a> </div> </div> </div> </div> </div> </li>  <li id="Sports-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Sports-level-2-nav" role="button" aria-expanded="false" aria-controls="Sports-level-2-nav-desktop Sports-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Sports</div> </span> <div id="Sports-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Sports-level-2-nav"> <div class="card"> <a id="Sports-Championships-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Sports-Championships-menu" aria-expanded="false" aria-controls="Sports-Championships-menu">Championships</a> <div id="Sports-Championships-menu" class="collapse" aria-labelledby="Sports-Championships-heading" data-parent="#Sports-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/sports/high-school/index" class="mobile-tertiary-item card-header">High School</a> <a href="/jewelry/sports/college/index" class="mobile-tertiary-item card-header">College</a> </div> </div> </div> </div> <div class="card"> <a id="Sports-Pro-Sports-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Sports-Pro-Sports-menu" aria-expanded="false" aria-controls="Sports-Pro-Sports-menu">Pro Sports</a> <div id="Sports-Pro-Sports-menu" class="collapse" aria-labelledby="Sports-Pro-Sports-heading" data-parent="#Sports-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/sports/professional/index" class="mobile-tertiary-item card-header">Championship Experience</a> <a href="/jewelry/sports/professional/nfl-pro-football" class="mobile-tertiary-item card-header">NFL</a> <a href="/jewelry/sports/professional/mlb-pro-baseball" class="mobile-tertiary-item card-header">MLB</a> <a href="/jewelry/sports/professional/nhl-pro-hockey" class="mobile-tertiary-item card-header">NHL</a> <a href="/jewelry/sports/professional/nba-pro-basketball" class="mobile-tertiary-item card-header">NBA</a> </div> </div> </div> </div> <div class="card"> <a id="Sports-Special-Interests-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Sports-Special-Interests-menu" aria-expanded="false" aria-controls="Sports-Special-Interests-menu">Special Interests</a> <div id="Sports-Special-Interests-menu" class="collapse" aria-labelledby="Sports-Special-Interests-heading" data-parent="#Sports-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/sports/racing/index" class="mobile-tertiary-item card-header">Racing</a> <a href="/jewelry/sports/fantasy-sports/index" class="mobile-tertiary-item card-header">Fantasy Sports</a> <a href="/jewelry/sports/youth/index" class="mobile-tertiary-item card-header">Youth Sports</a> <a href="https://jostens.com/sports-and-activities/jackets-patches-and-awards/awards-and-trophies" class="mobile-tertiary-item card-header">Awards & Trophies</a> <a href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" class="mobile-tertiary-item card-header">Dominican Baseball League</a> </div> </div> </div> </div> </div> </li>  <li id="School-Pictures-menu-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".School-Pictures-menu-level-2-nav" role="button" aria-expanded="false" aria-controls="School-Pictures-menu-level-2-nav-desktop School-Pictures-menu-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">School Pictures</div> </span> <div id="School-Pictures-menu-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse School-Pictures-menu-level-2-nav"> <div class="card"> <a id="School-Pictures-menu-Students-Families-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#School-Pictures-menu-Students-Families-menu" aria-expanded="false" aria-controls="School-Pictures-menu-Students-Families-menu">Students & Families</a> <div id="School-Pictures-menu-Students-Families-menu" class="collapse" aria-labelledby="School-Pictures-menu-Students-Families-heading" data-parent="#School-Pictures-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://shop.jostenspix.com/login" class="mobile-tertiary-item card-header">View & Order Photos</a> <a href="https://shop.jostenspix.com/contact" class="mobile-tertiary-item card-header">Contact JostensPIX</a> </div> </div> </div> </div> <div class="card"> <a id="School-Pictures-menu-School-Staff-Support-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#School-Pictures-menu-School-Staff-Support-menu" aria-expanded="false" aria-controls="School-Pictures-menu-School-Staff-Support-menu">School & Staff Support</a> <div id="School-Pictures-menu-School-Staff-Support-menu" class="collapse" aria-labelledby="School-Pictures-menu-School-Staff-Support-heading" data-parent="#School-Pictures-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/photography/working-with-jostens/jostenspix-overview" class="mobile-tertiary-item card-header">JostensPIX Overview</a> <a href="/photography/working-with-jostens/contact-us" class="mobile-tertiary-item card-header">Contact JostensPIX</a> <a href="/resources/working-with-jostens/" class="mobile-tertiary-item card-header">Working with Jostens</a> </div> </div> </div> </div> </div> </li>  <li id="For-Schools-Organizations-menu-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".For-Schools-Organizations-menu-level-2-nav" role="button" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-level-2-nav-desktop For-Schools-Organizations-menu-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">For Schools & Organizations</div> </span> <div id="For-Schools-Organizations-menu-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse For-Schools-Organizations-menu-level-2-nav"> <div class="card"> <a id="For-Schools-Organizations-menu-School-Contests-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-School-Contests-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-School-Contests-menu">School Contests</a> <div id="For-Schools-Organizations-menu-School-Contests-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-School-Contests-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/epic-school-revamp" class="mobile-tertiary-item card-header">Jostens Epic School Revamp</a> </div> </div> </div> </div> <div class="card"> <a id="For-Schools-Organizations-menu-Renaissance-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-Renaissance-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-Renaissance-menu">Renaissance</a> <div id="For-Schools-Organizations-menu-Renaissance-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-Renaissance-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://jostensrenaissance.com/" class="mobile-tertiary-item card-header">Renaissance Overview</a> <a href="https://www.jostensrenaissance.com/get-started-with-renaissance/" class="mobile-tertiary-item card-header">Get Started</a> <a href="https:///www.jostensrenaissance.com/learn-about-jostens-renaissance/" class="mobile-tertiary-item card-header">Success Stories</a> <a href="https://www.jostensrenaissance.com/resources/" class="mobile-tertiary-item card-header">Resources</a> <a href="https://www.jostensrenaissance.com/recognition/" class="mobile-tertiary-item card-header">Awards & Recognition</a> <a href="https://www.jostensrenaissance.com/events/" class="mobile-tertiary-item card-header">Events</a> </div> </div> </div> </div> <div class="card"> <a id="For-Schools-Organizations-menu-School-Products-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-School-Products-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-School-Products-menu">School Products</a> <div id="For-Schools-Organizations-menu-School-Products-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-School-Products-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/school-culture/the-mascot-shop" class="mobile-tertiary-item card-header">The Mascot Shop</a> <a href="/school-culture/school-branding/products" class="mobile-tertiary-item card-header">SchoolMark Products</a> <a href="/school-culture/school-branding/overview" class="mobile-tertiary-item card-header">School Branding Products</a> <a href="https://meridianplanners.com/" class="mobile-tertiary-item card-header">Meridian Student Planners</a> </div> </div> </div> </div> <div class="card"> <a id="For-Schools-Organizations-menu-School-Support-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-School-Support-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-School-Support-menu">School Support</a> <div id="For-Schools-Organizations-menu-School-Support-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-School-Support-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/working-with-jostens/" class="mobile-tertiary-item card-header">Working with Jostens</a> <a href="/resources/working-with-jostens/high-schools/hs-yearbook" class="mobile-tertiary-item card-header">Yearbook</a> <a href="/resources/working-with-jostens/high-schools/" class="mobile-tertiary-item card-header">High School</a> <a href="/resources/working-with-jostens/colleges/college-jewelry-working-with-jostens" class="mobile-tertiary-item card-header">College</a> <a href="/resources/working-with-jostens/k-8/" class="mobile-tertiary-item card-header">K - 8</a> <a href="/resources/working-with-jostens/pro-championship-experience/" class="mobile-tertiary-item card-header">Championship Rings</a> <a href="/apparel/jackets-and-patches/letter-jackets" class="mobile-tertiary-item card-header">Letter Jackets</a> <a href="/photography/working-with-jostens/jostenspix-overview" class="mobile-tertiary-item card-header">School Pictures</a> </div> </div> </div> </div> </div> </li> <li class="nav-item mobile-only"> <a href="/apps/profile/signinMyOrders.mvc?from=MY_ORDERS" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Order Status </div> </a> </li> <li class="nav-item mobile-only"> <a href="/resources/working-with-jostens/index" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Working With Jostens </div> </a> </li> <li class="nav-item mobile-only"> <a href="/help/" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Help </div> </a> </li> <li class="nav-item mobile-only"> <a href="/about/careers" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Careers </div> </a> </li> <li class="nav-item mobile-only not-logged-in"> <a href="/apps/profile/signin.mvc" class="nav-link" tabinidex="0" rel="nofollow"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-briefcase"></span>Sign In </div> </a> </li> </ul> </div> <a href="/" class="header-logo navbar-brand d-none d-lg-inline-block" tabindex="0"> <div class="focus-state-container" tabindex="-1"> <img src="https://cdn.jostens.com/application/themes/jostens/images/jostens-logo.svg" alt="Jostens" height="40" width="71" loading="lazy"/> </div> </a> </div> <div id="dropdown-nav-container"> <div id="user-dropdown" class="collapse user-dropdown nav-box nav-box--no-promo nav-box--1-col" aria-expanded="false"> <div class="link-section"> <ul class="list-unstyled"> <li class="link-section-title">My Account</li> <li tabindex="0" class="link"><a tabindex="-1" href="/apps/profile/account/account.mvc" rel=”nofollow”>Account Details</a></li> <li tabindex="0" class="link"><a tabindex="-1" href="/apps/profile/account/account.mvc" rel=”nofollow”>Orders</a></li> <li tabindex="0" class="link"><a tabindex="-1" href="/apps/profile/signout.mvc">Logout</a></li> </ul> </div> </div> <div id="sign-in-dropdown" class="collapse nav-box nav-box--sign-in nav-box--1-col" aria-expanded="false"> <div class="link-section"> <form method="POST" name="signinForm" action="/apps/profile/signin.mvc"> <input id="signinFormReferrer" name="referrer" type="hidden" value=""> <div class="form-group"> <label for="username">Email</label> <input id="username" name="username" type="email" class="form-control"> </div> <div class="form-group"> <label for="password">Password</label> <input id="password" name="password" type="password" class="form-control" autocomplete="off"> </div> <p><a href="/apps/profile/signin.mvc?action=forgot_password" rel="nofollow">Forgot your password?</a></p> <div class="checklist-remember"> <input id="remember" name="remember" type="checkbox" value="true" checked="checked"> <input type="hidden" name="_remember" value="on"> <label for="remember">Remember me</label> </div> <button type="submit" class="btn btn-primary btn-block mb-1">Sign In</button> <a href="/apps/profile/createAccount.mvc" rel="nofollow">Register</a> </form> </div> </div> <div id="my-school-level-2-nav-desktop" class="collapse my-school-level-2-nav nav-box submenu" aria-expanded="false"> <div class="school"> <div> <img id="logo-img" src="https://cdn.jostens.com/application/themes/jostens/images/spacer.gif" alt="My School Logo" onerror="$(this).parent().addClass('no-logo');$(this).remove();" loading="lazy"> <span class="fa-stack"><i class="fal fa-circle fa-stack-2x"></i><i class="fad fa-school fa-stack-1x" id="customer-icon-desktop"></i></span> </div> <div> <a href="/apps/jcom/router.mvc" id="affiliate-name">My School <i class="fas fa-arrow-right"></i></a> <div id="affiliate-location"></div> <div><a href="#" class="affiliate-school" id="affiliate-change">Change Group</a></div> </div> </div> <div class="link-section"> <div class="link-list-container"> <ul id="my-school-nav-desktop" class="list-unstyled"></ul> </div> </div> </div>   <div id="yearbook-level-2-nav-desktop" class="yearbook-level-2-nav collapse nav-box submenu" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Students & Families </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apps/jcom/router.mvc?code=YRBK" target="_self">Buy Your Yearbook</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/students-and-parents/about-yearbooks" target="_self">About Yearbooks</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/students-and-parents/yearbook-ads" target="_self">Recognition Ads</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/students-and-parents/yearbook-plus" target="_self">Yearbook+</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/yearbook-blog/" target="_self">Yearbook Blog</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/yearbooks/students-and-parents/photoshare" target="_self">Photo Share</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Advisers & Staff </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/technology-and-experience/" target="_self">Technology & Experience</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/classroom-tools/" target="_self">Classroom Resources </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/events-workshops/" target="_self">Events & Workshops </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/contests-and-awards/" target="_self">Contests & Awards </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/technology-and-experience/yearbook-plus" target="_self">Yearbook+ </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/yearbook-blog/" target="_self">Advisers & Staff Blog </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens" target="_self">Working with Jostens </a> </li> </ul> </div> </div> <div id="yearbook-promo" class="promo">     <img class="promo-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/e378e813-d5c2-4914-8380-5145f1c12325/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/300/crop_x/0/crop_y/0/scale_w/216/scale_h/144/jpeg_q/85/jpeg_p/1/e378e813-d5c2-4914-8380-5145f1c12325.jpg" alt="Order Your Yearbook Today!" loading="lazy" /> <h6>Order Your Yearbook Today!</h6> <p>Early is good! Get Ahead-of-the-game and check "order yearbook" off your list today!"</p> <a href="/apps/jcom/router.mvc?code=YRBK" class="btn btn-sm btn-white btn-white--ghost">Order Now</a> </div> </div>   <div id="Graduation-menu-level-2-nav-desktop" class="Graduation-menu-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> High School </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/graduation-packages" target="_self">Grad Packages</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/high-school-products-graduation" target="_self">Grad Products </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/announcements" target="_self">Announcements </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/caps-and-gowns" target="_self">Caps & Gowns </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/photo-cards" target="_self">Photo Cards</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/senior-apparel" target="_self">Senior Apparel</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apparel/high-school-senior-apparel/accessories" target="_self">Senior Accessories</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> College </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/" target="_self">Grad Products </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/caps-and-gowns" target="_self">Caps & Gowns</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/stoles" target="_self">Stoles</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/diploma-frames" target="_self">Diploma Frames</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/announcements" target="_self">Announcements</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/colleges/college-faculty-cap-gowns" target="_self">Fine Quality Regalia</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/uplomas" target="_self">Uploma</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Other Grads </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/other-schools/pre-k-to-elementary-school" target="_self">Pre-K to Elementary </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://jostenskinderkraft.com/" target="_self">Kinderkraft </a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Resources </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/students-and-parents/grad-club/" target="_self">Grad Club</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/resources/working-with-jostens/" target="_self">Working With Jostens</a> </li> </ul> </div> </div>  </div>   <div id="Class-Rings-Jewelry-level-2-nav-desktop" class="Class-Rings-Jewelry-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> High School </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/class-jewelry/high-school/index" target="_self">Class Rings & Jewelry</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> College </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/class-jewelry/college/index" target="_self">Rings & Jewelry</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Resources </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/students-and-parents/jewelry-guides/class-jewelry-buying-guide" target="_self">Jewelry Guides</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/students-and-parents/jewelry-guides/try-by-jostens" target="_self">Try By Jostens™ Experience</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/index" target="_self">Working With Jostens</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Other Collections </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/professions/military/index" target="_self">Military</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apps/shop/catalog.asp?CID=270993&PFID=2006092306002382314" target="_self">Pilots</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/hometown-heroes" target="_self">Police, Fire, EMS</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/store/productBrowse/2534814/Jostens-Homeschool/Class-Jewelry/2002052210324858026/CATALOG_SHOP/" target="_self">Homeschool</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/jewelry/sports/fantasy-sports/ " target="_self">Fantasy Sports</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/activity-and-interests/greek-life" target="_self">Greek Life</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/shop/Catalog.asp?CID=282530&PFID=2012020905202384381" target="_self">NWTF Rings</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/specialty/distinguishedyw/fans/landing.mvc" target="_self">Distinguished Young Women</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/prochamp/wsop/fans/landing.mvc" target="_self">World Series of Poker</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/index" target="_self">Championship Rings</a> </li> </ul> </div> </div>  </div>   <div id="Letter-Jackets-Outwear-level-2-nav-desktop" class="Letter-Jackets-Outwear-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> High School </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apparel/jackets-and-patches/letter-jackets" target="_self">Letter Jackets & Outerwear</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Other Collections </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" target="_self">Dominican Baseball League</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> For Schools </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/index" target="_self">Working With Jostens</a> </li> </ul> </div> </div>  </div>   <div id="The-Mascot-Shop-level-2-nav-desktop" class="The-Mascot-Shop-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> For K-12 Students </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/school-culture/the-mascot-shop-spirit-wear" target="_self">The Mascot Shop Spirit Wear</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> For School Admins </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/school-culture/the-mascot-shop" target="_self">The Mascot Shop Portal</a> </li> </ul> </div> </div>  </div>   <div id="Sports-level-2-nav-desktop" class="Sports-level-2-nav collapse nav-box submenu" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Championships </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/high-school/index" target="_self">High School</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/college/index" target="_self">College</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Pro Sports </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/index" target="_self">Championship Experience</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/nfl-pro-football" target="_self">NFL</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/mlb-pro-baseball" target="_self">MLB</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/nhl-pro-hockey" target="_self">NHL</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/nba-pro-basketball" target="_self">NBA</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Special Interests </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/racing/index" target="_self">Racing</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/fantasy-sports/index" target="_self">Fantasy Sports</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/youth/index" target="_self">Youth Sports</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://jostens.com/sports-and-activities/jackets-patches-and-awards/awards-and-trophies" target="_self">Awards & Trophies</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" target="_self">Dominican Baseball League</a> </li> </ul> </div> </div> <div id="Sports-promo" class="promo">     <img class="promo-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/6f85207c-d7f6-4f2d-bb4c-1997c202c74e/fileAsset/filter/Crop,Scale,Jpeg/crop_w/216/crop_h/144/crop_x/0/crop_y/0/scale_w/216/scale_h/144/jpeg_q/85/jpeg_p/1/6f85207c-d7f6-4f2d-bb4c-1997c202c74e.jpg" alt="Celebrating Champions" loading="lazy" /> <h6>Celebrating Champions</h6> <p></p> <a href="/jewelry/sports/professional/" class="btn btn-sm btn-white btn-white--ghost">Explore</a> </div> </div>   <div id="School-Pictures-menu-level-2-nav-desktop" class="School-Pictures-menu-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Students & Families </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://shop.jostenspix.com/login" target="_blank" class="external-link">View & Order Photos</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://shop.jostenspix.com/contact" target="_self">Contact JostensPIX</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> School & Staff Support </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/photography/working-with-jostens/jostenspix-overview" target="_self">JostensPIX Overview</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/photography/working-with-jostens/contact-us" target="_self">Contact JostensPIX</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/" target="_self">Working with Jostens</a> </li> </ul> </div> </div>  </div>   <div id="For-Schools-Organizations-menu-level-2-nav-desktop" class="For-Schools-Organizations-menu-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> School Contests </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/epic-school-revamp" target="_self">Jostens Epic School Revamp</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Renaissance </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://jostensrenaissance.com/" target="_blank" class="external-link">Renaissance Overview</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/get-started-with-renaissance/" target="_blank" class="external-link">Get Started</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https:///www.jostensrenaissance.com/learn-about-jostens-renaissance/" target="_blank" class="external-link">Success Stories</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/resources/" target="_blank" class="external-link">Resources</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/recognition/" target="_blank" class="external-link">Awards & Recognition</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/events/" target="_blank" class="external-link">Events</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> School Products </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/school-culture/the-mascot-shop" target="_self">The Mascot Shop</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/school-culture/school-branding/products" target="_self">SchoolMark Products</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/school-culture/school-branding/overview" target="_self">School Branding Products</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://meridianplanners.com/" target="_blank" class="external-link">Meridian Student Planners</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> School Support </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/" target="_self">Working with Jostens</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/high-schools/hs-yearbook" target="_self">Yearbook</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/high-schools/" target="_self">High School</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/colleges/college-jewelry-working-with-jostens" target="_self">College</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/k-8/" target="_self">K - 8</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/pro-championship-experience/" target="_self">Championship Rings</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apparel/jackets-and-patches/letter-jackets" target="_self">Letter Jackets</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/photography/working-with-jostens/jostenspix-overview" target="_self">School Pictures</a> </li> </ul> </div> </div>  </div> </div> </header>      <main id="content"> <div class="main"> <div id="main-column" class="content"> <div class="row">   <div id="main-1" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">  <div class="large-banner large-banner--dark align-left position-center dark " id="large-banner-72440319-08c4-41f0-a740-86bac92dd988"> <div class="large-banner__image-wrapper"> <picture id="banner-img-d1affcf7-9708-425d-9b2d-6f8bbc05f4b8"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/d1affcf7-9708-425d-9b2d-6f8bbc05f4b8/fileAsset/filter/Scale,Jpeg/scale_w/1920/jpeg_q/85/jpeg_p/1/d1affcf7-9708-425d-9b2d-6f8bbc05f4b8.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/7d7c4273-507f-4ff7-ac8d-4c5c762e4e56/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/d1affcf7-9708-425d-9b2d-6f8bbc05f4b8.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/7d7c4273-507f-4ff7-ac8d-4c5c762e4e56/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/d1affcf7-9708-425d-9b2d-6f8bbc05f4b8.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/7d7c4273-507f-4ff7-ac8d-4c5c762e4e56/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/d1affcf7-9708-425d-9b2d-6f8bbc05f4b8.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">YEARBOOK+®: A DIGITAL EXTENSION OF YOUR SCHOOL'S YEARBOOK</h1> <div class="large-banner__subheading"><p>Yearbook+ combines cutting-edge technology and crowd-sourced content to create the world’s most inclusive, interactive yearbook. It empowers every student to represent who they truly are and feel celebrated as an individual and within the school community.</p></div> <div class="large-banner__buttons"> <a href="https://mc3wkdpvytrwx77ckj37szvr7m3m.pub.sfmc-content.com/1u4orqoltgt" class="btn btn-white btn-white--" target="_self" > REQUEST INFO </a> <a href="https://www.jostens.com/yearbooks/students-and-parents/yearbookplus-student" class="btn btn-white btn-white--" target="_self" > LEARN MORE </a> </div> </div> </div> </div> </div> </div> <div class="row">   <div id="main-2" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"> <div class="container card-gallery"> <div id="card-gallery__grid-59f70481-9670-48d0-8d49-868173128e28" class="card-gallery__grid card-gallery__grid--col-4"> <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/b6f585c4-001f-43c1-ba87-33c08463a341/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1000/crop_h/1000/crop_x/0/crop_y/0/scale_w/350/scale_h/350/jpeg_q/85/jpeg_p/1/fe5bb76e-a218-42d0-bf65-4be0181f0344.jpg" alt="Each student can upload up to 10 of their favorite pictures to "My Year" to tell their story, their way. Everyone's story deserves to be shared in the yearbook." loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Meaningful + Personal Content</h3> <p class="card-text">Each student can upload up to 10 of their favorite pictures to "My Year" to tell their story, their way. Everyone's story deserves to be shared in the yearbook.</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/108350d7-6e8d-4d67-9248-78a3522cda19/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1000/crop_h/1000/crop_x/0/crop_y/0/scale_w/350/scale_h/350/jpeg_q/85/jpeg_p/1/4cd92100-f082-4fac-84cf-d7371e312052.jpg" alt="We've blended a time-honored tradition with modern technology. When the yearbook comes out, students can scan printed photos to unlock the digital photos that their peers uploaded." loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Technology Meets Tradition</h3> <p class="card-text">We've blended a time-honored tradition with modern technology. When the yearbook comes out, students can scan printed photos to unlock the digital photos that their peers uploaded.</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/896e0330-2830-42f4-9c57-2390668030a8/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1000/crop_h/1000/crop_x/0/crop_y/0/scale_w/350/scale_h/350/jpeg_q/85/jpeg_p/1/0d5702b8-3807-4ec5-9e90-cf0fd4a76044.jpg" alt="Students can upload pictures from school sports, clubs and organizations to "School Life" to bring the year to life. It's all about sharing candid moments and celebrating connection." loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Capturing + Sharing Memories</h3> <p class="card-text">Students can upload pictures from school sports, clubs and organizations to "School Life" to bring the year to life. It's all about sharing candid moments and celebrating connection.</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/cbdf4175-1655-41b3-9858-d9ea80d2a03a/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1000/crop_h/1000/crop_x/0/crop_y/0/scale_w/350/scale_h/350/jpeg_q/85/jpeg_p/1/e34cc1a6-3eaf-4192-b944-9882f96c8a15.jpg" alt="There are no "likes" within the Yearbook Plus platform, and students are not allowed to comment on photos. This ensures that the Yearbook+ experience is filled with nothing but positive energy and treasured memories." loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Positive Vibes Only</h3> <p class="card-text">There are no "likes" within the Yearbook Plus platform, and students are not allowed to comment on photos. This ensures that the Yearbook+ experience is filled with nothing but positive energy and treasured memories.</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-59f70481-9670-48d0-8d49-868173128e28'); $('#card-gallery__grid-59f70481-9670-48d0-8d49-868173128e28').slick({ accessibility: false, slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: true }); } else { if ($('#card-gallery__grid-59f70481-9670-48d0-8d49-868173128e28').find('.slick-list').length > 0) { console.log('Removing slick slider for .card-gallery__grid-59f70481-9670-48d0-8d49-868173128e28'); $('#card-gallery__grid-59f70481-9670-48d0-8d49-868173128e28').slick('unslick'); } } resizeVideoCards() } function resizeVideoCards() { const referenceCardImageWraper = $('.card-image-wrapper.video-container').children(":first") if (referenceCardImageWraper) { $('.elevated-card-video').css('position', 'absolute') $('.card-image-wrapper.video-container').css('height', 'auto') $('.elevated-card-video').css('width', $('.card-image-wrapper.video-container').width()) $('.elevated-card-video').css('height', 'auto') } } }); })(jQuery); </script><div class="container generic-wysiwyg"> <h3>The story of the year.</h3> <p>Yearbook+ is a digital extension of the physical yearbook that allows students to upload their own candid photos, choose how they will be remembered and relive incredible moments from the school year. The uploaded photos are tied to printed pictures throughout the yearbook, allowing students to unlock bonus digital content as they explore the book. </p> <p> </p></div> <div class=""> <div class="container"> <div class="section-video section-video--light section-video--video-left"> <div class="section-video__video">  <div class="section-video__video--wrapper"> <div id="playere00c1a61-6ef7-4424-9603-c02400a80e63"></div> </div> </div> <div class="section-video__body"> <h2 class="h3 section-video__body--title">A LIVE VIEW</h2> <p class="section-video__body--text"> HOW YEARBOOK+® TRANSFORMED CANYON LAKE HIGH SCHOOL </p> <div class="section-video__body-button"> <a href="https://mc3wkdpvytrwx77ckj37szvr7m3m.pub.sfmc-content.com/1u4orqoltgt" class="btn btn-lg btn-secondary " target="_self" > LEARN MORE </a> </div> </div> <script> // Load and prep the YouTube Video (OmNXCJt7K3Q) var videoId = "pJbSj2lyBPo"; var tagId = "youtubeApiScript"; // Unique ID for the API script var thisPlayerId = "playere00c1a61-6ef7-4424-9603-c02400a80e63"; // ID Unique to this videoSection div where the IFrame will be inserted if (typeof playerIds === 'undefined') { playerIds = {}; } playerIds[thisPlayerId] = videoId; if (typeof players === 'undefined') { var players = {}; } // 1. Load script for YouTube video if (!$(`#${tagId}`).length) { var apiScriptTag = document.createElement('script'); apiScriptTag.src = 'https://www.youtube.com/iframe_api'; apiScriptTag.id = tagId; apiScriptTag.async = true; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(apiScriptTag, firstScriptTag); } // Called when the YouTube API is finished setting up function onYouTubeIframeAPIReady() { createPlayers() } function createPlayers() { for (var curPlayerId in playerIds) { if (!playerIds.hasOwnProperty(curPlayerId)) continue; var curVideoId = playerIds[curPlayerId]; var playerReplace = $(`#${curPlayerId}`) if (!playerReplace.length) { return; } var playerWrapper = playerReplace.parent(); var playerWidth = playerWrapper.width(); var playerHeight = playerWrapper.height(); players[curPlayerId] = new YT.Player(curPlayerId, { height: playerHeight, width: playerWidth, videoId: curVideoId, playerVars: { 'autoplay': 0, // 0 = no autoplay 'enablejsapi': 1, // Enable this to be controlled by JS 'modestbranding': 1, // Removed some YouTube branding }, events: { 'onReady': function(event) { event.target.mute(); } //'onStateChange': onPlayerStateChange } }); $(`#${curPlayerId}`).attr('title', $(`#${curPlayerId}`).attr('title') + ` ID: ${curPlayerId}`) }; } </script> </div> </div> </div><style> .promo-text-box{ position: absolute; left: 20px; top: 20px; padding: 10px; background: red; color: white; font-weight: bold; } .promo-image{ width: 100px !important; height: auto !important; position: absolute; left: 20px; top: 20px; } @media(max-width: 767px){ .promo-image{ width: 60px !important; } } </style> <section class="section-default section-default--float section-default--img-left section-default--normal " id="section-default-d37545a9-fe14-4f09-a6f3-626ea92af8b9"> <div class="img-wrapper"> <picture id="section-default-img-d37545a9-fe14-4f09-a6f3-626ea92af8b9"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/b28f70f6-f679-43af-b471-4f83f2c8722a/fileAsset/filter/Scale,Jpeg/scale_w/1760/jpeg_q/85/jpeg_p/1/3795a3bb-ebd7-4d16-840d-b1b03e58ae96.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/b28f70f6-f679-43af-b471-4f83f2c8722a/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/3795a3bb-ebd7-4d16-840d-b1b03e58ae96.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/b28f70f6-f679-43af-b471-4f83f2c8722a/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/3795a3bb-ebd7-4d16-840d-b1b03e58ae96.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/b28f70f6-f679-43af-b471-4f83f2c8722a/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/3795a3bb-ebd7-4d16-840d-b1b03e58ae96.jpg" alt="" loading="lazy" /> </picture> </div> <div class="body-content light"> <div class="inner"> <h2>My Year</h2> <div class="body-text"><p>The My Year experience empowers every student to upload 10 of their favorite photos from the school year and choose how they will be remembered. The uploaded images are reviewed for appropriateness and digitally tied to each student's printed picture in the yearbook — you get more content without having to add pages to the yearbook!</p></div> </div> </div> </section> <style> .promo-text-box{ position: absolute; left: 20px; top: 20px; padding: 10px; background: red; color: white; font-weight: bold; } .promo-image{ width: 100px !important; height: auto !important; position: absolute; left: 20px; top: 20px; } @media(max-width: 767px){ .promo-image{ width: 60px !important; } } </style> <section class="section-default section-default--float section-default--img-right section-default--normal " id="section-default-0207dda7-8c63-407d-a04d-78bff4edbe0b"> <div class="img-wrapper"> <picture id="section-default-img-0207dda7-8c63-407d-a04d-78bff4edbe0b"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/0898964b-d0fc-4c63-af02-59a8515ab115/fileAsset/filter/Scale,Jpeg/scale_w/1760/jpeg_q/85/jpeg_p/1/c09e4838-a160-4450-92a5-0ecfc8dde337.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/0898964b-d0fc-4c63-af02-59a8515ab115/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/c09e4838-a160-4450-92a5-0ecfc8dde337.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/0898964b-d0fc-4c63-af02-59a8515ab115/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/c09e4838-a160-4450-92a5-0ecfc8dde337.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/0898964b-d0fc-4c63-af02-59a8515ab115/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/c09e4838-a160-4450-92a5-0ecfc8dde337.jpg" alt="" loading="lazy" /> </picture> </div> <div class="body-content light"> <div class="inner"> <h2>School Life</h2> <div class="body-text"><p>School Life allows the yearbook staff to link digital images to candid photos throughout the yearbook, so you aren’t limited to the images that can fit in the print yearbook. Viewers know digital content is available when they see a wayfinding icon. Scan the icon and watch the yearbook come to life!</p></div> </div> </div> </section> <style> .promo-text-box{ position: absolute; left: 20px; top: 20px; padding: 10px; background: red; color: white; font-weight: bold; } .promo-image{ width: 100px !important; height: auto !important; position: absolute; left: 20px; top: 20px; } @media(max-width: 767px){ .promo-image{ width: 60px !important; } } </style> <section class="section-default section-default--float section-default--img-left section-default--normal " id="section-default-26d46fe5-9aa7-4128-bb75-c457276933e2"> <div class="img-wrapper"> <picture id="section-default-img-26d46fe5-9aa7-4128-bb75-c457276933e2"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/6f1a85d2-5c69-4470-99ce-3f560a939be0/fileAsset/filter/Scale,Jpeg/scale_w/1760/jpeg_q/85/jpeg_p/1/bc9463e2-5669-4e8b-86ce-54f6574cb75e.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/6f1a85d2-5c69-4470-99ce-3f560a939be0/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/bc9463e2-5669-4e8b-86ce-54f6574cb75e.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/6f1a85d2-5c69-4470-99ce-3f560a939be0/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/bc9463e2-5669-4e8b-86ce-54f6574cb75e.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/6f1a85d2-5c69-4470-99ce-3f560a939be0/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/bc9463e2-5669-4e8b-86ce-54f6574cb75e.jpg" alt="" loading="lazy" /> </picture> </div> <div class="body-content light"> <div class="inner"> <h2>School Life+</h2> <div class="body-text"><p>School Life+ is an easy and seamless way for yearbook staff to add all of their extra photos to the Yearbook+ experience from their Image Library. Boost your student coverage by preserving more memories than ever before, including spring events. Make use of the recollections that were never able to be included in the book.</p></div> </div> </div> </section> <style> .promo-text-box{ position: absolute; left: 20px; top: 20px; padding: 10px; background: red; color: white; font-weight: bold; } .promo-image{ width: 100px !important; height: auto !important; position: absolute; left: 20px; top: 20px; } @media(max-width: 767px){ .promo-image{ width: 60px !important; } } </style> <section class="section-default section-default--light section-default--img-left section-default--normal " id="section-default-0e36acd7-dde5-4dfe-964b-bd4d5eba86ff"> <div class="img-wrapper"> <picture id="section-default-img-0e36acd7-dde5-4dfe-964b-bd4d5eba86ff"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/4b5104a1-f4bb-4d3e-82d1-49fb91133687/fileAsset/filter/Scale,Jpeg/scale_w/1920/jpeg_q/85/jpeg_p/1/632ab33e-82b6-475e-b2c1-99a99a76e594.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/4b5104a1-f4bb-4d3e-82d1-49fb91133687/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/632ab33e-82b6-475e-b2c1-99a99a76e594.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/4b5104a1-f4bb-4d3e-82d1-49fb91133687/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/632ab33e-82b6-475e-b2c1-99a99a76e594.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/4b5104a1-f4bb-4d3e-82d1-49fb91133687/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/632ab33e-82b6-475e-b2c1-99a99a76e594.jpg" alt="" loading="lazy" /> </picture> </div> <div class="body-content light"> <div class="inner"> <h2>EVERYTHING YEARBOOK</h2> <div class="body-text"><p class="p1">Jostens provides a host of tools to help you create a truly memorable yearbook. Check out our best-in-class lesson plans, tutorials and classroom resources.</p></div> <div class="buttons"> <a href="https://mc3wkdpvytrwx77ckj37szvr7m3m.pub.sfmc-content.com/1u4orqoltgt" class="btn btn-lg btn-primary " target="_self" >REQUEST INFO</a> </div> </div> </div> </section> </div> </div> <div class="row">   <div id="main-3" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12"> </div> </div> </div> </div> <div class="back-to-top-button"> <a aria-label="Back to top" href="#" class="btn btn-back-to-top" id="back-to-top"> <i class="fas fa-arrow-alt-to-top"></i> </a> <script> (function($) { let visible = false; $(window).scroll(function() { if ($(this).scrollTop() == 0 && visible) { $('#back-to-top').removeClass('show'); visible = false; } else if (!visible) { $('#back-to-top').addClass('show'); visible = true; } }); $('#back-to-top').on('click', function() { window.scrollTo({top: 0, behavior: "smooth"}); return false; }); })(jQuery); </script> </div> </main> <footer class=""> <script> function deleteAllCookies() { var cookies = document.cookie.split(";"); for (var i = 0; i < cookies.length; i++) { var cookie = cookies[i]; var eqPos = cookie.indexOf("="); var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie; var value = eqPos > -1 ? cookie.substring(eqPos + 1) : cookie; //TODO make call to https://www.prochamp.jostens.com/rest/prochamp-teams-api to retrieve list var prochampAffiliateIds = ["1453931","2497863","2763571","2763572","2763590","2984394","2984395","2984396","2987474","3040893","3040894","3040913","3173493","3173533","3173553","3239973","3318439","3321916","3321917","3334156","1060504","3357368"]; if (name && name.includes("affiliateIds")) { var affiliateIds = value.split('%7C'); if (affiliateIds) { for (var z = 0; z < affiliateIds.length; z++) { if (prochampAffiliateIds.indexOf(affiliateIds[z]) > -1) { var hostname = window.location.hostname; // JCOM-39275 document.cookie = 'customExperience=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateSecondaryColor=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateDefaultColor=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateClassCode=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateCountry=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateIds=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateType=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateName=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT'; } } } } } // document.cookie = 'clientAppUrl=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; // JCOM-39275 document.cookie = 'customExperience=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateSecondaryColor=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateDefaultColor=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateClassCode=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateCountry=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateIds=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateType=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; document.cookie = 'affiliateName=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; //document.cookie = name + '=; path=/; domain=.jostens.com; expires=Thu, 01 Jan 1970 00:00:00 GMT'; } deleteAllCookies() </script> <div class="footer-links-container"> <div class="container footer-width-contained"> <div class="category-container"> <div class="category-header">About</div> <div class="d-flex flex-row"> <ul class="flex-fill"> <li class="footer-link"> <a href="/about/index" target="_self" aria-label="footer link">About Us</a> </li> <li class="footer-link"> <a href="/about/careers" target="_self" aria-label="footer link">Careers</a> </li> <li class="footer-link"> <a href="/about/become-a-rep" target="_self" aria-label="footer link">Become a Rep</a> </li> <li class="footer-link"> <a href="/about/press-center" target="_self" aria-label="footer link">Press Center</a> </li> <li class="footer-link"> <a href="/about/community-involvement" target="_self" aria-label="footer link">Community Involvement</a> </li> <li class="footer-link"> <a href="https://www.jostensambassador.com/" target="_blank" aria-label="footer link">Jostens Ambassadors</a> </li> </ul> <ul class="flex-fill"> <li class="footer-link"> <a href="/about/conduct-and-ethics" target="_self" aria-label="footer link">Conduct And Ethics</a> </li> <li class="footer-link"> <a href="/about/investor-information" target="_self" aria-label="footer link">Investor Information</a> </li> <li class="footer-link"> <a href="/about/legal" target="_self" aria-label="footer link">Legal</a> </li> <li class="footer-link"> <a href="/about/social-responsibility" target="_self" aria-label="footer link">Social Responsibility</a> </li> <li class="footer-link"> <a href="/resources/working-with-jostens/" target="_self" aria-label="footer link">Work with Jostens</a> </li> <li class="footer-link"> <a href="/about/sustainability" target="_self" aria-label="footer link">Sustainability</a> </li> </ul> </div> </div> <div class="category-container"> <div class="category-header">Customer Service</div> <div class="d-flex flex-row"> <ul class="flex-fill"> <li class="footer-link"> <a href="/help/orders/" target="_self" aria-label="footer link">Order Status</a> </li> <li class="footer-link"> <a href="https://orders.jostens.com/" target="_blank" aria-label="footer link">Make a Payment</a> </li> <li class="footer-link"> <a href="/help/orders/return-change-or-cancel" target="_self" aria-label="footer link">Repairs & Returns</a> </li> </ul> <ul class="flex-fill"> <li class="footer-link"> <a href="/customer-service/contact-us" target="_blank" aria-label="footer link">Contact Us</a> </li> <li class="footer-link"> <a href="/help/" target="_self" aria-label="footer link">Help/FAQ</a> </li> <li class="footer-link"> <a href="/help/orders/warranty-repairs" target="_self" aria-label="footer link">Warranties</a> </li> <li class="footer-link"> <a href="/customer-service/lost-and-found-rings" target="_self" aria-label="footer link">Lost & Found Rings</a> </li> </ul> </div> </div> <div class="category-container"> <div class="category-header">Other Products & Services</div> <div class="d-flex flex-row"> <ul class="flex-fill"> <li class="footer-link"> <a href="https://gradtrack.jostens.com/gradtrack/" target="_blank" aria-label="footer link">GradTrack</a> </li> <li class="footer-link"> <a href="https://graduationcentral.jostens.com/custportal/signin.mvc" target="_blank" aria-label="footer link">Graduation Central</a> </li> <li class="footer-link"> <a href="https://printing.jostens.com" target="_blank" aria-label="footer link">Commercial Printing</a> </li> <li class="footer-link"> <a href="/photography/working-with-jostens/jostenspix-overview" target="_self" aria-label="footer link">JostensPIX</a> </li> <li class="footer-link"> <a href="https://schoolannual.com" target="_blank" aria-label="footer link">School Annual</a> </li> </ul> <ul class="flex-fill"> <li class="footer-link"> <a href="https://www.memorybook.com/" target="_blank" aria-label="footer link">Memory Book</a> </li> <li class="footer-link"> <a href="https://meridianplanners.com/" target="_blank" aria-label="footer link">Meridian Planners</a> </li> <li class="footer-link"> <a href="https://www.jostensrenaissance.com/" target="_blank" aria-label="footer link">Renaissance Education</a> </li> <li class="footer-link"> <a href="https://jostenskinderkraft.com/" target="_blank" aria-label="footer link">Kinderkraft</a> </li> <li class="footer-link"> <a href="https://yearbookavenue.jostens.com/" target="_blank" aria-label="footer link">Yearbook Avenue</a> </li> </ul> </div> </div> </div> </div> <div class="accordion footer--accordion" id="footerAccordion"> <div class="card"> <div class="card-header" id="about-footer-heading" data-toggle="collapse" data-target="#about-footer" aria-expanded="false" aria-controls="about-footer" tabindex="0"> <div class="accordion__card-title"> About </div> </div> <div id="about-footer" class="collapse" aria-labelledby="about-footer-heading" data-parent="#footerAccordion"> <div class="card-body"> <a class="footer__accordion-sub-link" href="/about/index" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> About Us </div> </a> <a class="footer__accordion-sub-link" href="/about/careers" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Careers </div> </a> <a class="footer__accordion-sub-link" href="/about/become-a-rep" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Become a Rep </div> </a> <a class="footer__accordion-sub-link" href="/about/press-center" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Press Center </div> </a> <a class="footer__accordion-sub-link" href="/about/community-involvement" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Community Involvement </div> </a> <a class="footer__accordion-sub-link" href="https://www.jostensambassador.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Jostens Ambassadors </div> </a> <a class="footer__accordion-sub-link" href="/about/conduct-and-ethics" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Conduct And Ethics </div> </a> <a class="footer__accordion-sub-link" href="/about/investor-information" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Investor Information </div> </a> <a class="footer__accordion-sub-link" href="/about/legal" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Legal </div> </a> <a class="footer__accordion-sub-link" href="/about/social-responsibility" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Social Responsibility </div> </a> <a class="footer__accordion-sub-link" href="/resources/working-with-jostens/" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Work with Jostens </div> </a> <a class="footer__accordion-sub-link" href="/about/sustainability" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Sustainability </div> </a> </div> </div> </div> <div class="card"> <div class="card-header" id="customerservice-footer-heading" data-toggle="collapse" data-target="#customerservice-footer" aria-expanded="false" aria-controls="customerservice-footer" tabindex="0"> <div class="accordion__card-title"> Customer Service </div> </div> <div id="customerservice-footer" class="collapse" aria-labelledby="customerservice-footer-heading" data-parent="#footerAccordion"> <div class="card-body"> <a class="footer__accordion-sub-link" href="/help/orders/" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Order Status </div> </a> <a class="footer__accordion-sub-link" href="https://orders.jostens.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Make a Payment </div> </a> <a class="footer__accordion-sub-link" href="/help/orders/return-change-or-cancel" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Repairs & Returns </div> </a> <a class="footer__accordion-sub-link" href="/customer-service/contact-us" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Contact Us </div> </a> <a class="footer__accordion-sub-link" href="/help/" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Help/FAQ </div> </a> <a class="footer__accordion-sub-link" href="/help/orders/warranty-repairs" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Warranties </div> </a> <a class="footer__accordion-sub-link" href="/customer-service/lost-and-found-rings" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Lost & Found Rings </div> </a> </div> </div> </div> <div class="card"> <div class="card-header" id="otherproductsservices-footer-heading" data-toggle="collapse" data-target="#otherproductsservices-footer" aria-expanded="false" aria-controls="otherproductsservices-footer" tabindex="0"> <div class="accordion__card-title"> Other Products & Services </div> </div> <div id="otherproductsservices-footer" class="collapse" aria-labelledby="otherproductsservices-footer-heading" data-parent="#footerAccordion"> <div class="card-body"> <a class="footer__accordion-sub-link" href="https://gradtrack.jostens.com/gradtrack/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> GradTrack </div> </a> <a class="footer__accordion-sub-link" href="https://graduationcentral.jostens.com/custportal/signin.mvc" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Graduation Central </div> </a> <a class="footer__accordion-sub-link" href="https://printing.jostens.com" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Commercial Printing </div> </a> <a class="footer__accordion-sub-link" href="/photography/working-with-jostens/jostenspix-overview" target="_self" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> JostensPIX </div> </a> <a class="footer__accordion-sub-link" href="https://schoolannual.com" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> School Annual </div> </a> <a class="footer__accordion-sub-link" href="https://www.memorybook.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Memory Book </div> </a> <a class="footer__accordion-sub-link" href="https://meridianplanners.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Meridian Planners </div> </a> <a class="footer__accordion-sub-link" href="https://www.jostensrenaissance.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Renaissance Education </div> </a> <a class="footer__accordion-sub-link" href="https://jostenskinderkraft.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Kinderkraft </div> </a> <a class="footer__accordion-sub-link" href="https://yearbookavenue.jostens.com/" target="_blank" tabindex="0"> <div class="focus-state-container btn__content" tabindex="-1"> Yearbook Avenue </div> </a> </div> </div> </div> </div> <div class="footer-middle-bar"> <a href="/"><img src="/application/themes/jostens/images/jostens-logo.svg" alt="Jostens" height="40" width="71"></a> <div class="social-icons"> <button aria-label="Facebook F" role="link" onclick="window.open('https://www.facebook.com/Jostens','_blank')"> <span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-facebook-f fa-stack-1x"></i> </span> <span class="sr-only">Facebook F</span> </button> <button aria-label="Twitter" role="link" onclick="window.open('https://twitter.com/jostens','_blank')"> <span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-twitter fa-stack-1x"></i> </span> <span class="sr-only">Twitter</span> </button> <button aria-label="Instagram" role="link" onclick="window.open('https://www.instagram.com/jostensinc/','_blank')"> <span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-instagram fa-stack-1x"></i> </span> <span class="sr-only">Instagram</span> </button> <button aria-label="Pinterest P" role="link" onclick="window.open('https://www.pinterest.com/jostens/','_blank')"> <span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-pinterest-p fa-stack-1x"></i> </span> <span class="sr-only">Pinterest P</span> </button> <button aria-label="YouTube" role="link" onclick="window.open('https://www.youtube.com/user/jostensinc','_blank')"> <span class="fa-stack"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fab fa-youtube fa-stack-1x"></i> </span> <span class="sr-only">YouTube</span> </button> </div> <div class="international"> <a href="/resources/working-with-jostens/international/"> <i class="fas fa-globe"></i><span>International Schools</span><i class="fas fa-arrow-right"></i> </a> </div> </div> <style> .footer-bottom-bar { padding: 1rem; font-size: .75rem } .footer-bottom-bar>.copyright { display: block; text-align: center; margin-bottom: .25rem } @media (min-width: 768px) { .footer-bottom-bar>.copyright { margin-bottom:1rem } } .footer-bottom-bar .inner { display: flex; flex-direction: column; justify-content: center; align-items: center } @media (min-width: 768px) { .footer-bottom-bar .inner { flex-direction:row } } .footer-bottom-bar .inner>.link-section { padding: 0 .75rem; display: flex; flex-direction: row } .footer-bottom-bar .inner>.link-section>* { padding: 0 .75rem !important; font-size: unset !important; text-decoration: none !important; line-height: initial !important } .footer-bottom-bar .inner>.link-section>*:not(:last-child) { border-right: 1px solid #D6DBE0 } .footer-bottom-bar .inner>.link-section:not(:last-child) { border-right: 1px solid #D6DBE0 } @media (max-width: 991.98px) { .footer-bottom-bar .inner>.link-section { border-right:none !important; align-items: center } .footer-bottom-bar .inner>.link-section:not(:first-child) { margin-top: 0.5rem } } @media (max-width: 575.98px) { .footer-bottom-bar .inner>.link-section { flex-direction:column; margin-top: 0 } .footer-bottom-bar .inner>.link-section>* { border-right: none !important; margin-top: 0.5rem } } </style> <div class="footer-bottom-bar">  <div class="inner"> <div class="link-section"> <span>© 2024 Jostens, Inc.</span> <a href="/about/legal/">Terms of Use & Legal Notices</a> <a href="/about/legal/privacy-policy">Privacy Policy</a> <a href="/about/legal/cookie-policy">Cookie Policy</a> </div> <div class="link-section"> <a href="/about/legal/privacy-policy#_Toc134446001">California Collection Notice</a> <a href="/about/legal/accessibility-statement">Accessibility Statement</a> <a href="/site-map">Sitemap</a>  <a id="ot-sdk-btn" tabindex="0"> <span class="ot-sdk-show-settings">Cookie Settings</span> </a> <style> #ot-sdk-btn { cursor:pointer; border-right:none; } #ot-sdk-btn .ot-sdk-show-settings { background-image: url(https://cdn.jostens.com/images/aprimo/resources/privacyoptions730x350.png?language_id=1) !important; background-size: auto 1em !important; background-repeat: no-repeat !important; background-position-x: right !important; padding: 0px 30px 0.7rem 0 !important; text-decoration: none !important } </style>  </div> </div> </div> </footer> <div class="modal affiliation-modal" id="affiliationModal" data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span class="fa-stack"> <i class="fal fa-circle fa-stack-2x"></i> <i class="fas fa-times fa-stack-1x"></i> </span>  </button> </div> <div class="modal-body"> <div class="spinner"> <span class="fad fa-circle-notch fa-spin"></span> </div> <div class="hdr"> <div class="container"> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <h1>Find My School/Group</h1> <div class="intro mb-4"> Select my school/group to view custom products and pricing. </div> <div class="form-row"> <div class="col-12 form-group"> <form class="affiliation-search-form state"> <div class="input-group"> <label for="customerName" class="sr-only">School/Group Name</label> <div class="input-group-prepend"> <span class="input-group-text" id="basic-addon1"><i class="fas fa-search"></i></span> </div> <input id="customerName" type="search" class="form-control" name="search" placeholder="Enter School/Group Name" data-url="https://www.jostens.com/apps/store/api/v1.2/search-affiliates/word/" /> </div> <div class="input-group blockitem"> <label for="myInput" class="sr-only">State/Province</label> <div class="input-group-prepend"> <span class="input-group-text" id="basic-addon1"><i class="fas fa-search"></i></span> </div> <div class="autocomplete"> <input id="myInput" type="text" name="state" class="form-control" placeholder="State/Province"> </div> <button type="submit" class="btn btn-default btn-lg">Search</button> </div> </form> </div> </div> <div class="current-affiliate"> Current Affiliation: <span class="current-affiliate-name">None</span> <a href="#" class="btn-remove-affiliation">Remove <span class="current-affiliate-type">Group</span> Affiliation</a> </div> </div> </div> </div> </div> <div class="search-results"> <button type="button" class="cant-find-school" data-toggle="collapse" data-target="#find-school-help" aria-expanded="false" aria-controls="find-school-help"> <div class="container"> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <i class="far fa-info-circle"></i> Can't find your school/group? <i class="far fa-chevron-down"></i> <i class="far fa-chevron-up"></i> </div> </div> </div> </button> <div class="collapse" id="find-school-help"> <div class="container"> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <ul> <li>Try using fewer words. Use "Jefferson" instead of "Jefferson High School" or "Thomas" instead of "St. Thomas."</li> <li>If you're still not able to find your school/group, please contact <a href="/customer-service/contact-us">Customer Service</a>.</li> <li>For international schools, please select your country <a href="/resources/working-with-jostens/international">here</a>.</li> </ul> <div>Please note: If your school or group has closed, you will not be able to locate it on our website.</div> </div> </div> </div> </div> <div class="container"> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <header> <div class="results-count">Showing 0-0 of 0 results</div> </header> <div class="messages"></div> <div class="prev-affiliations"> <h3>Previous Affiliations</h3> <div class="slider"></div> </div> <table class="table"> <tbody class="results" data-url="/apps/profile/setCustomer.mvc"></tbody> </table> <div class="table-actions"> <button class="btn btn-primary btn-back mr-3" disabled>Back</button> <div class="paging">Page <span class="page-num">0</span> of <span class="page-count">0</span></div> <button class="btn btn-primary btn-next ml-3" disabled>Next</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fullscreen-modal" id="search-modal" data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span class="fa-stack"> <i class="fal fa-circle fa-stack-2x"></i> <i class="fas fa-times fa-stack-1x"></i> </span> </button> </div>  <div class="modal-body"> <div class="hdr"> <div class="container"> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <h1 class="fullscreen-modal-title">Search</h1> </div> </div> <div class="row justify-content-center"> <div class="col-xs-12 col-lg-10 col-xl-8"> <form action="/search" method="GET"> <div class="input-group input-group-search input-group-lg "> <input type="text" class="form-control input-search" id="search-query" name="q" value="" placeholder="What are you looking for?" aria-label="Search Query" aria-describedby="btn-search-addon"> <div class="input-group-append search-btn-append"> <button type="submit" class="btn btn-secondary" id="btn-search-addon"> <span class="d-none d-sm-inline-block">Search</span> </button> </div> <button class="btn-block mt-4 mb-4 search-submit btn btn-white btn-white--ghost d-lg-none" type="submit" >Search</button> </div>  </form> </div> </div> </div> </div> </div>  </div>  </div>  </div> <div class="modal fullscreen-modal" id="catalog-modal" data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span class="fa-stack"> <i class="fal fa-circle fa-stack-2x"></i> <i class="fas fa-times fa-stack-1x"></i> </span> </button> </div>  <div class="modal-body"> <div id="catalog-modal-list"> </div> </div>  </div>  </div>  </div> <div class="modal verificationPopup" id="capandgownModal" data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true"> </div> </div>  </div>  </div>  </div> <div id="browser-warning" class="alert" role="alert"> <div class="dismiss" data-dismiss="alert" aria-label="Close"><span class="fal fa-times"></span></div> You are using an outdated browser. Please <a href="https://browsehappy.com/" target="_blank">upgrade your browser</a> to improve your experience. </div> <link rel="preconnect" href="https://www.youtube.com" class="1"> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/modernizr.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/bootstrap-4.6.0.bundle.min.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/jquery.validate.min.js?v=1.7.4?" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/jquery.cookie.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/global.js?v=1.7.4"></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/affiliation.js?v=1.7.4"></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/additional-methods.min.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/jquery.debouncedresize.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/jquery.mask.js?v=1.14.16?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/youtube-video.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/jostens-video.js?v=1.7.4" ></script> <script data-ot-ignore="data-ot-ignore" defer src="https://cdn.jostens.com/application/themes/jostens/js/slick.min.js?v=1.0?v=1.7.4" crossorigin="anonymous"></script> <script data-ot-ignore="data-ot-ignore" defer type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/21246a91/www-widgetapi.vflset/www-widgetapi.js"></script> <script> jQuery.event.special.touchstart = { setup: function (_, ns, handle) { this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") }); } }; jQuery.event.special.touchmove = { setup: function (_, ns, handle) { this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") }); } }; jQuery.event.special.wheel = { setup: function (_, ns, handle) { this.addEventListener("wheel", handle, { passive: true }); } }; jQuery.event.special.mousewheel = { setup: function (_, ns, handle) { this.addEventListener("mousewheel", handle, { passive: true }); } }; </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@id": "https://www.jostens.com/#organization", "@type": "Organization", "name": "Jostens", "url": "https://www.jostens.com/", "logo": "https://cdn.jostens.com/application/themes/jostens/images/jostens-logo.svg", "sameAs": [ "https://en.wikipedia.org/wiki/Jostens", "https://www.youtube.com/channel/UCf_neHDB2su-o--BdoZqnEQ", "https://www.instagram.com/jostensinc/", "https://twitter.com/Jostens", "https://www.facebook.com/Jostens", "https://www.linkedin.com/company/jostens" ], "contactPoint": [ { "@type": "ContactPoint", "telephone": "+1-952-830-3300", "contactType": "corporate", "areaServed": "US" }, { "@type": "ContactPoint", "telephone": "+1-800-854-7464", "contactType": "customer support", "productSupported": "Jewelry", "areaServed": "US", "availableLanguage": "EN" }, { "@type": "ContactPoint", "telephone": "+1-877-475-7027", "contactType": "customer support", "productSupported": "Graduation", "areaServed": "US", "availableLanguage": "EN" }, { "@type": "ContactPoint", "telephone": "+1-877-767-5217", "contactType": "customer support", "productSupported": "Yearbook", "areaServed": "US", "availableLanguage": "EN" }, { "@type": "ContactPoint", "telephone": "+1-800-563-7603", "contactType": "customer support", "productSupported": ["Jewelry", "Graduation"], "areaServed": "Canada", "availableLanguage": "EN" }, { "@type": "ContactPoint", "telephone": "+1-877-767-5217", "contactType": "customer support", "productSupported": "Yearbook", "areaServed": "Canada", "availableLanguage": "EN" } ] } </script></body> </html>

CINXE.COM

Part Digital Experience. Part Printed Yearbook. 100% Authentically You. | Jostens