JOSTENSPIX SCHOOL PICTURES & CUSTOM PHOTO PACKAGES

<!DOCTYPE html> <html lang="en"> <head prefix="og: http://ogp.me/ns#">   <title>JOSTENSPIX SCHOOL PICTURES & CUSTOM PHOTO PACKAGES | 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="Work with school photographers and use Jostens’ easy, streamlined digital submission process for the highest quality photos. ✓ Click here to learn more!" /> <meta name="keywords" content="" /> <meta name="author" content="" /> <meta name="google-site-verification" content="xEMmllKAfz99zcmNDLl9esQSW3GcqBNIg_tGHAhxTGc"/> <meta name="facebook-domain-verification" content="adcxwqu75wlxjfjb51ppiipcyfnq47" /> <style type="text/css"> html, body { visibility: hidden; opacity:0; /*visibility: visible;*/ } :root { --customer-primary-color: #000000; --customer-secondary-color: #FFFFFF; --customer-border-color: transparent; --customer-text-color: #FFFFFF; --customer-accent-color: #070707; --customer-overlay: rgba(0, 0, 0, 0.9); } </style> <script> //console.log = function() {} var DEBUG = false; if(!DEBUG){ if(!window.console) window.console = {}; var methods = ["log", "debug", "warn", "info"]; for(var i=0;i<methods.length;i++){ console[methods[i]] = function(){}; } } </script> <link rel="preconnect" href="https://cdn.cookielaw.org">  <script type="text/javascript" src="https://cdn.cookielaw.org/consent/77c66f5e-d1f5-4373-86b1-99e3b026c915/OtAutoBlock.js" ></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="77c66f5e-d1f5-4373-86b1-99e3b026c915" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script>  <link rel="preconnect" href="https://cdn.jostens.com/"> <script data-ot-ignore="data-ot-ignore" src="https://cdn.jostens.com/application/themes/jostens/js/jquery-3.5.1.min.js?v=1.7.4" ></script> <link rel="canonical" href="//www.jostens.com/photography/working-with-jostens/jostenspix-overview" /> <link rel="shortcut icon" href="https://cdn.jostens.com/application/themes/jostens/images/favicon.ico" type="image/x-icon" /> <link href="https://cdn.jostens.com/application/themes/jostens/scss/global/global.dotsass?v=1.7.4" rel="stylesheet" type="text/css" media="print" onload="this.media='all'; this.onload=null;" /> <link href="https://cdn.jostens.com/application/themes/jostens/scss/cms/cms.dotsass?v=1.7.4" rel="stylesheet" type="text/css" media="print" onload="this.media='all'; this.onload=null;" /> <link rel="dns-prefetch" href="https://www.googletagmanager.com/" >  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-587PPJ');</script>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-587PPJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script> var jostensConfig = { 'affiliationSearchURL': 'https://www.jostens.com/apps/store/api/v1.2/search-affiliates/word/', 'affiliationServiceURL': '/apps/profile/setCustomer.mvc', 'ecomDomain': '/', 'profileServiceUrl': 'https://www.jostens.com/apps/profile/me.mvc', 'storeSearchURL': '/apps/jcom/siteSearchAjax.mvc', 'schoolDataURL': 'https://services-cache.jostens.com/api/cacheService/schoolstore', 'cdnUrl': 'https://cdn.jostens.com/', 'catalogData': null, 'mainCdnUrl': 'https://cdn.jostens.com/', 'defaultAffiliationStatus': { isAffiliated: false, customerNumber: null, affiliateId: null, oracleId: null, junsId: null, shopId: null, affiliateName: 'My School', affiliateCity: null, affiliateState: null, affiliateCountry: 'US', affiliateLocation: '', affiliateClassCode: null, affiliateEntityType: 'Group', affiliateType: null, schoolName: 'My School', schoolLogo: '/application/themes/jostens/images/spacer.gif', }, }; try { var excludeList = {"COLLEGE_DIPFRAME_CUSTOMER_CATALOG":"ALL","SHOP_COL_GREG_C_REGALIA_ACADEMIC":"ALL","col_greg":"ALL","col_ring":"ALL","col_grad":"ALL","col_greg_pkg":"3157077, 3157078, 3157376","keys":["COLLEGE_DIPFRAME_CUSTOMER_CATALOG","SHOP_COL_GREG_C_REGALIA_ACADEMIC","col_greg","col_ring","col_grad","col_greg_pkg","keys","map"],"map":{"COLLEGE_DIPFRAME_CUSTOMER_CATALOG":"ALL","SHOP_COL_GREG_C_REGALIA_ACADEMIC":"ALL","col_greg":"ALL","col_ring":"ALL","col_grad":"ALL","col_greg_pkg":"3157077, 3157078, 3157376"}}; } catch (error) { console.log(error) } </script> </head> <body class="default" > <a href="#content" id="skip-link">Skip to main content</a> <header id="hd-jcom" class="fixed-top"> <div id="utility-bar" class="header-utility-bar"> <ul> <li><a href="/apps/profile/signinMyOrders.mvc?from=MY_ORDERS" target="_self">Order Status</a></li> <li><a href="/resources/working-with-jostens/index" target="_self">Working With Jostens</a></li> <li><a href="/help/" target="_self">Help</a></li> <li><a href="/about/careers" target="_self">Careers</a></li>  <li class="logged-in"> <a href="#user-dropdown" class="primary-dropdown-toggle collapsed" data-toggle="collapse" role="button" aria-expanded="false" aria-label="Toggle User Dropdown" aria-controls="user-dropdown-desktop user-dropdown-mobile"> Hello, <span id="profile-username"></span> </a> </li>  <li class="not-logged-in"> <a href="/apps/profile/signin.mvc" class="collapsed" aria-expanded="false" aria-label="Toggle Sign In Dropdown" aria-controls="sign-in-dropdown" rel="nofollow"> Sign In </a> </li> </ul> </div> <div id="navigation" class="navbar navbar-expand-lg navbar-toggleable-md"> <a href="/" class="header-logo navbar-brand d-inline-block d-lg-none" tabindex="0"> <div class="focus-state-container" tabindex="-1"> <img src="https://cdn.jostens.com/application/themes/jostens/images/jostens-logo.svg" alt="Jostens" height="40" width="71" loading="lazy"/> </div> </a> <ul id="nav-icons"> <li> <a href="#" aria-label="search" role="button" class="nav-icon" tabindex="0" data-toggle="modal" data-target="#search-modal" aria-label="Search for items"> <div aria-label="jostens.com" class="focus-state-container" tabindex="-1" role="button"> <i class="fas fa-search" aria-hidden="true" title="Search"></i> </div> </a> </li> <li class="d-list-item d-lg-none"> <a href="/apps/profile/signin.mvc" class="nav-icon" rel="nofollow"> <div aria-label="jostens.com" class="focus-state-container" tabindex="-1" role="button"> <i class="fas fa-user" aria-hidden="true" title="Signin"></i> </div> </a> </li> <li> <a href="/apps/checkout/startCheckout.mvc" class="nav-icon" aria-label="View items in your shopping cart"> <div class="focus-state-container" tabindex="-1"> <i class="fas fa-shopping-bag" aria-hidden="true" title="Shopping Cart"></i> <span id="cart-count" class="cart-item-number d-none"></span> </div> </a> </li> <li class="d-list-item d-lg-none"> <button id="main-nav-toggle" class="navbar-toggler nav-icon collapsed" type="button" data-toggle="collapse" data-target="#main-nav" aria-label="Toggle navigation" tabindex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-fw fa-bars"></span> <span class="fas fa-fw fa-times"></span> </div> </button> </li> </ul> <div id="main-nav" class="navbar-collapse collapse" aria-expanded="false"> <ul class="navbar-nav" role="navigation"> <li id="my-school-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".my-school-level-2-nav" role="button" aria-expanded="false"aria-controls="my-school-level-2-nav-desktop my-school-level-2-nav-mobile" tabindex="0" aria-haspopup="true"> <div class="focus-state-container" tabindex="-1" role="button">My School Store</div> </span> <div id="my-school-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse my-school-level-2-nav" aria-haspopup="true"> <div class="inner"> <div> <img id="logo-img-mobile" src="https://cdn.jostens.com/application/themes/jostens/images/spacer.gif" alt="My School Logo" onerror="$(this).parent().addClass('no-logo');$(this).remove();" loading="lazy"> </div> <div> <div id="affiliate-name-mobile"></div> <div id="affiliate-location-mobile"></div> <div><a href="/apps/jcom/router.mvc" class="btn btn-sm btn-primary btn-primary--ghost">School Store<span class="fas fa-arrow-right icon-right"></span></a></div> <div><a href="#" class="affiliate-school" id="affiliate-change-mobile">Change Group</a></div> </div> </div> <div class="card" id="my-school-nav-mobile"></div> </div> </li> <li id="find-school-dropdown" class="nav-item"> <a class="nav-link affiliate-school" tabindex="0"> <div class="focus-state-container" tabindex="-1">Find My School/Group Store</div> </a> <div class="inner"> <h6>Find My School/Group Store</h6> <p><small>Order your class yearbook, shop for your custom class ring, shop for your graduation needs, and show your pride with custom school apparel and gifts.</small></p> <div><a href="#" class="btn btn-sm btn-primary btn-primary--ghost affiliate-school">Find Your School/Group <span class="fas fa-arrow-right icon-right"></span></a></div> </div> </li>  <li id="yearbook-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".yearbook-level-2-nav" role="button" aria-expanded="false" aria-controls="yearbook-level-2-nav-desktop yearbook-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">yearbook</div> </span> <div id="yearbook-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse yearbook-level-2-nav"> <div class="card"> <a id="yearbook-Students-Families-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#yearbook-Students-Families-menu" aria-expanded="false" aria-controls="yearbook-Students-Families-menu">Students & Families</a> <div id="yearbook-Students-Families-menu" class="collapse" aria-labelledby="yearbook-Students-Families-heading" data-parent="#yearbook-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/apps/jcom/router.mvc?code=YRBK" class="mobile-tertiary-item card-header">Buy Your Yearbook</a> <a href="/yearbooks/students-and-parents/about-yearbooks" class="mobile-tertiary-item card-header">About Yearbooks</a> <a href="/yearbooks/students-and-parents/yearbook-ads" class="mobile-tertiary-item card-header">Recognition Ads</a> <a href="/yearbooks/students-and-parents/yearbook-plus" class="mobile-tertiary-item card-header">Yearbook+</a> <a href="/yearbooks/advisers-and-staff/yearbook-blog/" class="mobile-tertiary-item card-header">Yearbook Blog</a> <a href="https://www.jostens.com/yearbooks/students-and-parents/photoshare" class="mobile-tertiary-item card-header">Photo Share</a> </div> </div> </div> </div> <div class="card"> <a id="yearbook-Advisers-Staff-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#yearbook-Advisers-Staff-menu" aria-expanded="false" aria-controls="yearbook-Advisers-Staff-menu">Advisers & Staff</a> <div id="yearbook-Advisers-Staff-menu" class="collapse" aria-labelledby="yearbook-Advisers-Staff-heading" data-parent="#yearbook-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/yearbooks/advisers-and-staff/technology-and-experience/" class="mobile-tertiary-item card-header">Technology & Experience</a> <a href="/yearbooks/advisers-and-staff/classroom-tools/" class="mobile-tertiary-item card-header">Classroom Resources </a> <a href="/yearbooks/advisers-and-staff/events-workshops/" class="mobile-tertiary-item card-header">Events & Workshops </a> <a href="/yearbooks/advisers-and-staff/contests-and-awards/" class="mobile-tertiary-item card-header">Contests & Awards </a> <a href="/yearbooks/advisers-and-staff/technology-and-experience/yearbook-plus" class="mobile-tertiary-item card-header">Yearbook+ </a> <a href="/yearbooks/advisers-and-staff/yearbook-blog/" class="mobile-tertiary-item card-header">Advisers & Staff Blog </a> <a href="/resources/working-with-jostens" class="mobile-tertiary-item card-header">Working with Jostens </a> </div> </div> </div> </div> </div> </li>  <li id="Graduation-menu-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Graduation-menu-level-2-nav" role="button" aria-expanded="false" aria-controls="Graduation-menu-level-2-nav-desktop Graduation-menu-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Graduation</div> </span> <div id="Graduation-menu-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Graduation-menu-level-2-nav"> <div class="card"> <a id="Graduation-menu-High-School-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-High-School-menu" aria-expanded="false" aria-controls="Graduation-menu-High-School-menu">High School</a> <div id="Graduation-menu-High-School-menu" class="collapse" aria-labelledby="Graduation-menu-High-School-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/graduation/high-school/graduation-packages" class="mobile-tertiary-item card-header">Grad Packages</a> <a href="/graduation/high-school/high-school-products-graduation" class="mobile-tertiary-item card-header">Grad Products </a> <a href="/graduation/high-school/announcements" class="mobile-tertiary-item card-header">Announcements </a> <a href="/graduation/high-school/caps-and-gowns" class="mobile-tertiary-item card-header">Caps & Gowns </a> <a href="/graduation/high-school/photo-cards" class="mobile-tertiary-item card-header">Photo Cards</a> <a href="/graduation/high-school/senior-apparel" class="mobile-tertiary-item card-header">Senior Apparel</a> <a href="/apparel/high-school-senior-apparel/accessories" class="mobile-tertiary-item card-header">Senior Accessories</a> </div> </div> </div> </div> <div class="card"> <a id="Graduation-menu-College-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-College-menu" aria-expanded="false" aria-controls="Graduation-menu-College-menu">College</a> <div id="Graduation-menu-College-menu" class="collapse" aria-labelledby="Graduation-menu-College-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/graduation/college/" class="mobile-tertiary-item card-header">Grad Products </a> <a href="/graduation/college/caps-and-gowns" class="mobile-tertiary-item card-header">Caps & Gowns</a> <a href="/graduation/college/stoles" class="mobile-tertiary-item card-header">Stoles</a> <a href="/graduation/college/diploma-frames" class="mobile-tertiary-item card-header">Diploma Frames</a> <a href="/graduation/college/announcements" class="mobile-tertiary-item card-header">Announcements</a> <a href="/resources/working-with-jostens/colleges/college-faculty-cap-gowns" class="mobile-tertiary-item card-header">Fine Quality Regalia</a> <a href="/graduation/college/uplomas" class="mobile-tertiary-item card-header">Uploma</a> </div> </div> </div> </div> <div class="card"> <a id="Graduation-menu-Other-Grads-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-Other-Grads-menu" aria-expanded="false" aria-controls="Graduation-menu-Other-Grads-menu">Other Grads</a> <div id="Graduation-menu-Other-Grads-menu" class="collapse" aria-labelledby="Graduation-menu-Other-Grads-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/graduation/other-schools/pre-k-to-elementary-school" class="mobile-tertiary-item card-header">Pre-K to Elementary </a> <a href="https://jostenskinderkraft.com/" class="mobile-tertiary-item card-header">Kinderkraft </a> </div> </div> </div> </div> <div class="card"> <a id="Graduation-menu-Resources-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Graduation-menu-Resources-menu" aria-expanded="false" aria-controls="Graduation-menu-Resources-menu">Resources</a> <div id="Graduation-menu-Resources-menu" class="collapse" aria-labelledby="Graduation-menu-Resources-heading" data-parent="#Graduation-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/students-and-parents/grad-club/" class="mobile-tertiary-item card-header">Grad Club</a> <a href="https://www.jostens.com/resources/working-with-jostens/" class="mobile-tertiary-item card-header">Working With Jostens</a> </div> </div> </div> </div> </div> </li>  <li id="Class-Rings-Jewelry-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Class-Rings-Jewelry-level-2-nav" role="button" aria-expanded="false" aria-controls="Class-Rings-Jewelry-level-2-nav-desktop Class-Rings-Jewelry-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Class Rings & Jewelry</div> </span> <div id="Class-Rings-Jewelry-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Class-Rings-Jewelry-level-2-nav"> <div class="card"> <a id="Class-Rings-Jewelry-High-School-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-High-School-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-High-School-menu">High School</a> <div id="Class-Rings-Jewelry-High-School-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-High-School-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/class-jewelry/high-school/index" class="mobile-tertiary-item card-header">Class Rings & Jewelry</a> </div> </div> </div> </div> <div class="card"> <a id="Class-Rings-Jewelry-College-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-College-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-College-menu">College</a> <div id="Class-Rings-Jewelry-College-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-College-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/class-jewelry/college/index" class="mobile-tertiary-item card-header">Rings & Jewelry</a> </div> </div> </div> </div> <div class="card"> <a id="Class-Rings-Jewelry-Resources-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-Resources-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-Resources-menu">Resources</a> <div id="Class-Rings-Jewelry-Resources-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-Resources-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/students-and-parents/jewelry-guides/class-jewelry-buying-guide" class="mobile-tertiary-item card-header">Jewelry Guides</a> <a href="/resources/students-and-parents/jewelry-guides/try-by-jostens" class="mobile-tertiary-item card-header">Try By Jostens™ Experience</a> <a href="/resources/working-with-jostens/index" class="mobile-tertiary-item card-header">Working With Jostens</a> </div> </div> </div> </div> <div class="card"> <a id="Class-Rings-Jewelry-Other-Collections-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Class-Rings-Jewelry-Other-Collections-menu" aria-expanded="false" aria-controls="Class-Rings-Jewelry-Other-Collections-menu">Other Collections</a> <div id="Class-Rings-Jewelry-Other-Collections-menu" class="collapse" aria-labelledby="Class-Rings-Jewelry-Other-Collections-heading" data-parent="#Class-Rings-Jewelry-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/professions/military/index" class="mobile-tertiary-item card-header">Military</a> <a href="/apps/shop/catalog.asp?CID=270993&PFID=2006092306002382314" class="mobile-tertiary-item card-header">Pilots</a> <a href="/jewelry/hometown-heroes" class="mobile-tertiary-item card-header">Police, Fire, EMS</a> <a href="https://www.jostens.com/apps/store/productBrowse/2534814/Jostens-Homeschool/Class-Jewelry/2002052210324858026/CATALOG_SHOP/" class="mobile-tertiary-item card-header">Homeschool</a> <a href="https://www.jostens.com/jewelry/sports/fantasy-sports/ " class="mobile-tertiary-item card-header">Fantasy Sports</a> <a href="/jewelry/activity-and-interests/greek-life" class="mobile-tertiary-item card-header">Greek Life</a> <a href="https://www.jostens.com/apps/shop/Catalog.asp?CID=282530&PFID=2012020905202384381" class="mobile-tertiary-item card-header">NWTF Rings</a> <a href="https://www.jostens.com/apps/specialty/distinguishedyw/fans/landing.mvc" class="mobile-tertiary-item card-header">Distinguished Young Women</a> <a href="https://www.jostens.com/apps/prochamp/wsop/fans/landing.mvc" class="mobile-tertiary-item card-header">World Series of Poker</a> <a href="/jewelry/sports/professional/index" class="mobile-tertiary-item card-header">Championship Rings</a> </div> </div> </div> </div> </div> </li>  <li id="Letter-Jackets-Outwear-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Letter-Jackets-Outwear-level-2-nav" role="button" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-level-2-nav-desktop Letter-Jackets-Outwear-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Letter Jackets & Outerwear</div> </span> <div id="Letter-Jackets-Outwear-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Letter-Jackets-Outwear-level-2-nav"> <div class="card"> <a id="Letter-Jackets-Outwear-High-School-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Letter-Jackets-Outwear-High-School-menu" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-High-School-menu">High School</a> <div id="Letter-Jackets-Outwear-High-School-menu" class="collapse" aria-labelledby="Letter-Jackets-Outwear-High-School-heading" data-parent="#Letter-Jackets-Outwear-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/apparel/jackets-and-patches/letter-jackets" class="mobile-tertiary-item card-header">Letter Jackets & Outerwear</a> </div> </div> </div> </div> <div class="card"> <a id="Letter-Jackets-Outwear-Other-Collections-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Letter-Jackets-Outwear-Other-Collections-menu" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-Other-Collections-menu">Other Collections</a> <div id="Letter-Jackets-Outwear-Other-Collections-menu" class="collapse" aria-labelledby="Letter-Jackets-Outwear-Other-Collections-heading" data-parent="#Letter-Jackets-Outwear-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" class="mobile-tertiary-item card-header">Dominican Baseball League</a> </div> </div> </div> </div> <div class="card"> <a id="Letter-Jackets-Outwear-For-Schools-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Letter-Jackets-Outwear-For-Schools-menu" aria-expanded="false" aria-controls="Letter-Jackets-Outwear-For-Schools-menu">For Schools</a> <div id="Letter-Jackets-Outwear-For-Schools-menu" class="collapse" aria-labelledby="Letter-Jackets-Outwear-For-Schools-heading" data-parent="#Letter-Jackets-Outwear-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/working-with-jostens/index" class="mobile-tertiary-item card-header">Working With Jostens</a> </div> </div> </div> </div> </div> </li>  <li id="The-Mascot-Shop-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".The-Mascot-Shop-level-2-nav" role="button" aria-expanded="false" aria-controls="The-Mascot-Shop-level-2-nav-desktop The-Mascot-Shop-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">The Mascot Shop</div> </span> <div id="The-Mascot-Shop-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse The-Mascot-Shop-level-2-nav"> <div class="card"> <a id="The-Mascot-Shop-For-K-12-Students-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#The-Mascot-Shop-For-K-12-Students-menu" aria-expanded="false" aria-controls="The-Mascot-Shop-For-K-12-Students-menu">For K-12 Students</a> <div id="The-Mascot-Shop-For-K-12-Students-menu" class="collapse" aria-labelledby="The-Mascot-Shop-For-K-12-Students-heading" data-parent="#The-Mascot-Shop-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://www.jostens.com/school-culture/the-mascot-shop-spirit-wear" class="mobile-tertiary-item card-header">The Mascot Shop Spirit Wear</a> </div> </div> </div> </div> <div class="card"> <a id="The-Mascot-Shop-For-School-Admins-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#The-Mascot-Shop-For-School-Admins-menu" aria-expanded="false" aria-controls="The-Mascot-Shop-For-School-Admins-menu">For School Admins</a> <div id="The-Mascot-Shop-For-School-Admins-menu" class="collapse" aria-labelledby="The-Mascot-Shop-For-School-Admins-heading" data-parent="#The-Mascot-Shop-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://www.jostens.com/school-culture/the-mascot-shop" class="mobile-tertiary-item card-header">The Mascot Shop Portal</a> </div> </div> </div> </div> </div> </li>  <li id="Sports-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".Sports-level-2-nav" role="button" aria-expanded="false" aria-controls="Sports-level-2-nav-desktop Sports-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">Sports</div> </span> <div id="Sports-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse Sports-level-2-nav"> <div class="card"> <a id="Sports-Championships-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Sports-Championships-menu" aria-expanded="false" aria-controls="Sports-Championships-menu">Championships</a> <div id="Sports-Championships-menu" class="collapse" aria-labelledby="Sports-Championships-heading" data-parent="#Sports-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/sports/high-school/index" class="mobile-tertiary-item card-header">High School</a> <a href="/jewelry/sports/college/index" class="mobile-tertiary-item card-header">College</a> </div> </div> </div> </div> <div class="card"> <a id="Sports-Pro-Sports-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Sports-Pro-Sports-menu" aria-expanded="false" aria-controls="Sports-Pro-Sports-menu">Pro Sports</a> <div id="Sports-Pro-Sports-menu" class="collapse" aria-labelledby="Sports-Pro-Sports-heading" data-parent="#Sports-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/sports/professional/index" class="mobile-tertiary-item card-header">Championship Experience</a> <a href="/jewelry/sports/professional/nfl-pro-football" class="mobile-tertiary-item card-header">NFL</a> <a href="/jewelry/sports/professional/mlb-pro-baseball" class="mobile-tertiary-item card-header">MLB</a> <a href="/jewelry/sports/professional/nhl-pro-hockey" class="mobile-tertiary-item card-header">NHL</a> <a href="/jewelry/sports/professional/nba-pro-basketball" class="mobile-tertiary-item card-header">NBA</a> </div> </div> </div> </div> <div class="card"> <a id="Sports-Special-Interests-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#Sports-Special-Interests-menu" aria-expanded="false" aria-controls="Sports-Special-Interests-menu">Special Interests</a> <div id="Sports-Special-Interests-menu" class="collapse" aria-labelledby="Sports-Special-Interests-heading" data-parent="#Sports-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/jewelry/sports/racing/index" class="mobile-tertiary-item card-header">Racing</a> <a href="/jewelry/sports/fantasy-sports/index" class="mobile-tertiary-item card-header">Fantasy Sports</a> <a href="/jewelry/sports/youth/index" class="mobile-tertiary-item card-header">Youth Sports</a> <a href="https://jostens.com/sports-and-activities/jackets-patches-and-awards/awards-and-trophies" class="mobile-tertiary-item card-header">Awards & Trophies</a> <a href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" class="mobile-tertiary-item card-header">Dominican Baseball League</a> </div> </div> </div> </div> </div> </li>  <li id="School-Pictures-menu-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".School-Pictures-menu-level-2-nav" role="button" aria-expanded="false" aria-controls="School-Pictures-menu-level-2-nav-desktop School-Pictures-menu-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">School Pictures</div> </span> <div id="School-Pictures-menu-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse School-Pictures-menu-level-2-nav"> <div class="card"> <a id="School-Pictures-menu-Students-Families-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#School-Pictures-menu-Students-Families-menu" aria-expanded="false" aria-controls="School-Pictures-menu-Students-Families-menu">Students & Families</a> <div id="School-Pictures-menu-Students-Families-menu" class="collapse" aria-labelledby="School-Pictures-menu-Students-Families-heading" data-parent="#School-Pictures-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://shop.jostenspix.com/login" class="mobile-tertiary-item card-header">View & Order Photos</a> <a href="https://shop.jostenspix.com/contact" class="mobile-tertiary-item card-header">Contact JostensPIX</a> </div> </div> </div> </div> <div class="card"> <a id="School-Pictures-menu-School-Staff-Support-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#School-Pictures-menu-School-Staff-Support-menu" aria-expanded="false" aria-controls="School-Pictures-menu-School-Staff-Support-menu">School & Staff Support</a> <div id="School-Pictures-menu-School-Staff-Support-menu" class="collapse" aria-labelledby="School-Pictures-menu-School-Staff-Support-heading" data-parent="#School-Pictures-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/photography/working-with-jostens/jostenspix-overview" class="mobile-tertiary-item card-header">JostensPIX Overview</a> <a href="/photography/working-with-jostens/contact-us" class="mobile-tertiary-item card-header">Contact JostensPIX</a> <a href="/resources/working-with-jostens/" class="mobile-tertiary-item card-header">Working with Jostens</a> </div> </div> </div> </div> </div> </li>  <li id="For-Schools-Organizations-menu-dropdown" class="nav-item dropdown"> <span class="nav-link dropdown-toggle primary-dropdown-toggle collapsed" data-toggle="collapse" data-nav=".For-Schools-Organizations-menu-level-2-nav" role="button" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-level-2-nav-desktop For-Schools-Organizations-menu-level-2-nav-mobile" tabindex="0"> <div class="focus-state-container" tabindex="-1">For Schools & Organizations</div> </span> <div id="For-Schools-Organizations-menu-level-2-nav-mobile" data-parent='#main-nav' class="accordion mobile-accordion collapse For-Schools-Organizations-menu-level-2-nav"> <div class="card"> <a id="For-Schools-Organizations-menu-School-Contests-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-School-Contests-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-School-Contests-menu">School Contests</a> <div id="For-Schools-Organizations-menu-School-Contests-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-School-Contests-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/epic-school-revamp" class="mobile-tertiary-item card-header">Jostens Epic School Revamp</a> </div> </div> </div> </div> <div class="card"> <a id="For-Schools-Organizations-menu-Renaissance-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-Renaissance-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-Renaissance-menu">Renaissance</a> <div id="For-Schools-Organizations-menu-Renaissance-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-Renaissance-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="https://jostensrenaissance.com/" class="mobile-tertiary-item card-header">Renaissance Overview</a> <a href="https://www.jostensrenaissance.com/get-started-with-renaissance/" class="mobile-tertiary-item card-header">Get Started</a> <a href="https:///www.jostensrenaissance.com/learn-about-jostens-renaissance/" class="mobile-tertiary-item card-header">Success Stories</a> <a href="https://www.jostensrenaissance.com/resources/" class="mobile-tertiary-item card-header">Resources</a> <a href="https://www.jostensrenaissance.com/recognition/" class="mobile-tertiary-item card-header">Awards & Recognition</a> <a href="https://www.jostensrenaissance.com/events/" class="mobile-tertiary-item card-header">Events</a> </div> </div> </div> </div> <div class="card"> <a id="For-Schools-Organizations-menu-School-Products-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-School-Products-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-School-Products-menu">School Products</a> <div id="For-Schools-Organizations-menu-School-Products-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-School-Products-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/school-culture/the-mascot-shop" class="mobile-tertiary-item card-header">The Mascot Shop</a> <a href="/school-culture/school-branding/products" class="mobile-tertiary-item card-header">SchoolMark Products</a> <a href="/school-culture/school-branding/overview" class="mobile-tertiary-item card-header">School Branding Products</a> <a href="https://meridianplanners.com/" class="mobile-tertiary-item card-header">Meridian Student Planners</a> </div> </div> </div> </div> <div class="card"> <a id="For-Schools-Organizations-menu-School-Support-heading" class="card-header accordion__card-title dropdown-toggle collapsed" data-toggle="collapse" data-target="#For-Schools-Organizations-menu-School-Support-menu" aria-expanded="false" aria-controls="For-Schools-Organizations-menu-School-Support-menu">School Support</a> <div id="For-Schools-Organizations-menu-School-Support-menu" class="collapse" aria-labelledby="For-Schools-Organizations-menu-School-Support-heading" data-parent="#For-Schools-Organizations-menu-level-2-nav-mobile"> <div class="card-body"> <div class="level-3-col"> <a href="/resources/working-with-jostens/" class="mobile-tertiary-item card-header">Working with Jostens</a> <a href="/resources/working-with-jostens/high-schools/hs-yearbook" class="mobile-tertiary-item card-header">Yearbook</a> <a href="/resources/working-with-jostens/high-schools/" class="mobile-tertiary-item card-header">High School</a> <a href="/resources/working-with-jostens/colleges/college-jewelry-working-with-jostens" class="mobile-tertiary-item card-header">College</a> <a href="/resources/working-with-jostens/k-8/" class="mobile-tertiary-item card-header">K - 8</a> <a href="/resources/working-with-jostens/pro-championship-experience/" class="mobile-tertiary-item card-header">Championship Rings</a> <a href="/apparel/jackets-and-patches/letter-jackets" class="mobile-tertiary-item card-header">Letter Jackets</a> <a href="/photography/working-with-jostens/jostenspix-overview" class="mobile-tertiary-item card-header">School Pictures</a> </div> </div> </div> </div> </div> </li> <li class="nav-item mobile-only"> <a href="/apps/profile/signinMyOrders.mvc?from=MY_ORDERS" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Order Status </div> </a> </li> <li class="nav-item mobile-only"> <a href="/resources/working-with-jostens/index" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Working With Jostens </div> </a> </li> <li class="nav-item mobile-only"> <a href="/help/" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Help </div> </a> </li> <li class="nav-item mobile-only"> <a href="/about/careers" class="nav-link" tabinidex="0"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-school"></span>Careers </div> </a> </li> <li class="nav-item mobile-only not-logged-in"> <a href="/apps/profile/signin.mvc" class="nav-link" tabinidex="0" rel="nofollow"> <div class="focus-state-container" tabindex="-1"> <span class="fas fa-briefcase"></span>Sign In </div> </a> </li> </ul> </div> <a href="/" class="header-logo navbar-brand d-none d-lg-inline-block" tabindex="0"> <div class="focus-state-container" tabindex="-1"> <img src="https://cdn.jostens.com/application/themes/jostens/images/jostens-logo.svg" alt="Jostens" height="40" width="71" loading="lazy"/> </div> </a> </div> <div id="dropdown-nav-container"> <div id="user-dropdown" class="collapse user-dropdown nav-box nav-box--no-promo nav-box--1-col" aria-expanded="false"> <div class="link-section"> <ul class="list-unstyled"> <li class="link-section-title">My Account</li> <li tabindex="0" class="link"><a tabindex="-1" href="/apps/profile/account/account.mvc" rel=”nofollow”>Account Details</a></li> <li tabindex="0" class="link"><a tabindex="-1" href="/apps/profile/account/account.mvc" rel=”nofollow”>Orders</a></li> <li tabindex="0" class="link"><a tabindex="-1" href="/apps/profile/signout.mvc">Logout</a></li> </ul> </div> </div> <div id="sign-in-dropdown" class="collapse nav-box nav-box--sign-in nav-box--1-col" aria-expanded="false"> <div class="link-section"> <form method="POST" name="signinForm" action="/apps/profile/signin.mvc"> <input id="signinFormReferrer" name="referrer" type="hidden" value=""> <div class="form-group"> <label for="username">Email</label> <input id="username" name="username" type="email" class="form-control"> </div> <div class="form-group"> <label for="password">Password</label> <input id="password" name="password" type="password" class="form-control" autocomplete="off"> </div> <p><a href="/apps/profile/signin.mvc?action=forgot_password" rel="nofollow">Forgot your password?</a></p> <div class="checklist-remember"> <input id="remember" name="remember" type="checkbox" value="true" checked="checked"> <input type="hidden" name="_remember" value="on"> <label for="remember">Remember me</label> </div> <button type="submit" class="btn btn-primary btn-block mb-1">Sign In</button> <a href="/apps/profile/createAccount.mvc" rel="nofollow">Register</a> </form> </div> </div> <div id="my-school-level-2-nav-desktop" class="collapse my-school-level-2-nav nav-box submenu" aria-expanded="false"> <div class="school"> <div> <img id="logo-img" src="https://cdn.jostens.com/application/themes/jostens/images/spacer.gif" alt="My School Logo" onerror="$(this).parent().addClass('no-logo');$(this).remove();" loading="lazy"> <span class="fa-stack"><i class="fal fa-circle fa-stack-2x"></i><i class="fad fa-school fa-stack-1x" id="customer-icon-desktop"></i></span> </div> <div> <a href="/apps/jcom/router.mvc" id="affiliate-name">My School <i class="fas fa-arrow-right"></i></a> <div id="affiliate-location"></div> <div><a href="#" class="affiliate-school" id="affiliate-change">Change Group</a></div> </div> </div> <div class="link-section"> <div class="link-list-container"> <ul id="my-school-nav-desktop" class="list-unstyled"></ul> </div> </div> </div>   <div id="yearbook-level-2-nav-desktop" class="yearbook-level-2-nav collapse nav-box submenu" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Students & Families </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apps/jcom/router.mvc?code=YRBK" target="_self">Buy Your Yearbook</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/students-and-parents/about-yearbooks" target="_self">About Yearbooks</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/students-and-parents/yearbook-ads" target="_self">Recognition Ads</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/students-and-parents/yearbook-plus" target="_self">Yearbook+</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/yearbook-blog/" target="_self">Yearbook Blog</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/yearbooks/students-and-parents/photoshare" target="_self">Photo Share</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Advisers & Staff </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/technology-and-experience/" target="_self">Technology & Experience</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/classroom-tools/" target="_self">Classroom Resources </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/events-workshops/" target="_self">Events & Workshops </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/contests-and-awards/" target="_self">Contests & Awards </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/technology-and-experience/yearbook-plus" target="_self">Yearbook+ </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/yearbooks/advisers-and-staff/yearbook-blog/" target="_self">Advisers & Staff Blog </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens" target="_self">Working with Jostens </a> </li> </ul> </div> </div> <div id="yearbook-promo" class="promo">     <img class="promo-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/e378e813-d5c2-4914-8380-5145f1c12325/fileAsset/filter/Crop,Scale,Jpeg/crop_w/450/crop_h/300/crop_x/0/crop_y/0/scale_w/216/scale_h/144/jpeg_q/85/jpeg_p/1/e378e813-d5c2-4914-8380-5145f1c12325.jpg" alt="Order Your Yearbook Today!" loading="lazy" /> <h6>Order Your Yearbook Today!</h6> <p>Early is good! Get Ahead-of-the-game and check "order yearbook" off your list today!"</p> <a href="/apps/jcom/router.mvc?code=YRBK" class="btn btn-sm btn-white btn-white--ghost">Order Now</a> </div> </div>   <div id="Graduation-menu-level-2-nav-desktop" class="Graduation-menu-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> High School </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/graduation-packages" target="_self">Grad Packages</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/high-school-products-graduation" target="_self">Grad Products </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/announcements" target="_self">Announcements </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/caps-and-gowns" target="_self">Caps & Gowns </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/photo-cards" target="_self">Photo Cards</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/high-school/senior-apparel" target="_self">Senior Apparel</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apparel/high-school-senior-apparel/accessories" target="_self">Senior Accessories</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> College </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/" target="_self">Grad Products </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/caps-and-gowns" target="_self">Caps & Gowns</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/stoles" target="_self">Stoles</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/diploma-frames" target="_self">Diploma Frames</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/announcements" target="_self">Announcements</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/colleges/college-faculty-cap-gowns" target="_self">Fine Quality Regalia</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/college/uplomas" target="_self">Uploma</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Other Grads </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/graduation/other-schools/pre-k-to-elementary-school" target="_self">Pre-K to Elementary </a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://jostenskinderkraft.com/" target="_self">Kinderkraft </a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Resources </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/students-and-parents/grad-club/" target="_self">Grad Club</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/resources/working-with-jostens/" target="_self">Working With Jostens</a> </li> </ul> </div> </div>  </div>   <div id="Class-Rings-Jewelry-level-2-nav-desktop" class="Class-Rings-Jewelry-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> High School </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/class-jewelry/high-school/index" target="_self">Class Rings & Jewelry</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> College </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/class-jewelry/college/index" target="_self">Rings & Jewelry</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Resources </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/students-and-parents/jewelry-guides/class-jewelry-buying-guide" target="_self">Jewelry Guides</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/students-and-parents/jewelry-guides/try-by-jostens" target="_self">Try By Jostens™ Experience</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/index" target="_self">Working With Jostens</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Other Collections </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/professions/military/index" target="_self">Military</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apps/shop/catalog.asp?CID=270993&PFID=2006092306002382314" target="_self">Pilots</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/hometown-heroes" target="_self">Police, Fire, EMS</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/store/productBrowse/2534814/Jostens-Homeschool/Class-Jewelry/2002052210324858026/CATALOG_SHOP/" target="_self">Homeschool</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/jewelry/sports/fantasy-sports/ " target="_self">Fantasy Sports</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/activity-and-interests/greek-life" target="_self">Greek Life</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/shop/Catalog.asp?CID=282530&PFID=2012020905202384381" target="_self">NWTF Rings</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/specialty/distinguishedyw/fans/landing.mvc" target="_self">Distinguished Young Women</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apps/prochamp/wsop/fans/landing.mvc" target="_self">World Series of Poker</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/index" target="_self">Championship Rings</a> </li> </ul> </div> </div>  </div>   <div id="Letter-Jackets-Outwear-level-2-nav-desktop" class="Letter-Jackets-Outwear-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> High School </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apparel/jackets-and-patches/letter-jackets" target="_self">Letter Jackets & Outerwear</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Other Collections </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" target="_self">Dominican Baseball League</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> For Schools </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/index" target="_self">Working With Jostens</a> </li> </ul> </div> </div>  </div>   <div id="The-Mascot-Shop-level-2-nav-desktop" class="The-Mascot-Shop-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> For K-12 Students </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/school-culture/the-mascot-shop-spirit-wear" target="_self">The Mascot Shop Spirit Wear</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> For School Admins </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/school-culture/the-mascot-shop" target="_self">The Mascot Shop Portal</a> </li> </ul> </div> </div>  </div>   <div id="Sports-level-2-nav-desktop" class="Sports-level-2-nav collapse nav-box submenu" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Championships </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/high-school/index" target="_self">High School</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/college/index" target="_self">College</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Pro Sports </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/index" target="_self">Championship Experience</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/nfl-pro-football" target="_self">NFL</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/mlb-pro-baseball" target="_self">MLB</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/nhl-pro-hockey" target="_self">NHL</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/professional/nba-pro-basketball" target="_self">NBA</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Special Interests </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/racing/index" target="_self">Racing</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/fantasy-sports/index" target="_self">Fantasy Sports</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/jewelry/sports/youth/index" target="_self">Youth Sports</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://jostens.com/sports-and-activities/jackets-patches-and-awards/awards-and-trophies" target="_self">Awards & Trophies</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostens.com/apparel/jackets-and-patches/dominican-baseball-league" target="_self">Dominican Baseball League</a> </li> </ul> </div> </div> <div id="Sports-promo" class="promo">     <img class="promo-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/6f85207c-d7f6-4f2d-bb4c-1997c202c74e/fileAsset/filter/Crop,Scale,Jpeg/crop_w/216/crop_h/144/crop_x/0/crop_y/0/scale_w/216/scale_h/144/jpeg_q/85/jpeg_p/1/6f85207c-d7f6-4f2d-bb4c-1997c202c74e.jpg" alt="Celebrating Champions" loading="lazy" /> <h6>Celebrating Champions</h6> <p></p> <a href="/jewelry/sports/professional/" class="btn btn-sm btn-white btn-white--ghost">Explore</a> </div> </div>   <div id="School-Pictures-menu-level-2-nav-desktop" class="School-Pictures-menu-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> Students & Families </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://shop.jostenspix.com/login" target="_blank" class="external-link">View & Order Photos</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://shop.jostenspix.com/contact" target="_self">Contact JostensPIX</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> School & Staff Support </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/photography/working-with-jostens/jostenspix-overview" target="_self">JostensPIX Overview</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/photography/working-with-jostens/contact-us" target="_self">Contact JostensPIX</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/" target="_self">Working with Jostens</a> </li> </ul> </div> </div>  </div>   <div id="For-Schools-Organizations-menu-level-2-nav-desktop" class="For-Schools-Organizations-menu-level-2-nav collapse nav-box submenu nav-box--no-promo" aria-expanded="false"> <div class="link-section"> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> School Contests </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/epic-school-revamp" target="_self">Jostens Epic School Revamp</a> </li> </ul> <ul class="list-unstyled"> <li class="link-section-title"> Renaissance </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://jostensrenaissance.com/" target="_blank" class="external-link">Renaissance Overview</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/get-started-with-renaissance/" target="_blank" class="external-link">Get Started</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https:///www.jostensrenaissance.com/learn-about-jostens-renaissance/" target="_blank" class="external-link">Success Stories</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/resources/" target="_blank" class="external-link">Resources</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/recognition/" target="_blank" class="external-link">Awards & Recognition</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://www.jostensrenaissance.com/events/" target="_blank" class="external-link">Events</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> School Products </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/school-culture/the-mascot-shop" target="_self">The Mascot Shop</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/school-culture/school-branding/products" target="_self">SchoolMark Products</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/school-culture/school-branding/overview" target="_self">School Branding Products</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="https://meridianplanners.com/" target="_blank" class="external-link">Meridian Student Planners</a> </li> </ul> </div> <div class="link-list-container"> <ul class="list-unstyled"> <li class="link-section-title"> School Support </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/" target="_self">Working with Jostens</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/high-schools/hs-yearbook" target="_self">Yearbook</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/high-schools/" target="_self">High School</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/colleges/college-jewelry-working-with-jostens" target="_self">College</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/k-8/" target="_self">K - 8</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/resources/working-with-jostens/pro-championship-experience/" target="_self">Championship Rings</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/apparel/jackets-and-patches/letter-jackets" target="_self">Letter Jackets</a> </li> <li class="link" tabindex="0"> <a tabindex="-1" href="/photography/working-with-jostens/jostenspix-overview" target="_self">School Pictures</a> </li> </ul> </div> </div>  </div> </div> </header>     <main id="content"> <div class="main"> <div id="main-column" class="content"> <div class="row">   <div id="main-1" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">  <div class="large-banner large-banner--light align-left position-center dark " id="large-banner-26e27135-475a-4a9b-bb4d-a90f3839b56e"> <div class="large-banner__image-wrapper"> <picture id="banner-img-48c809e0-ea64-4bc9-953c-e9b55cf01464"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/48c809e0-ea64-4bc9-953c-e9b55cf01464/fileAsset/filter/Scale,Jpeg/scale_w/1920/jpeg_q/85/jpeg_p/1/48c809e0-ea64-4bc9-953c-e9b55cf01464.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/75438788-7c0d-49d9-a5ca-1e3a74e1906c/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/48c809e0-ea64-4bc9-953c-e9b55cf01464.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/75438788-7c0d-49d9-a5ca-1e3a74e1906c/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/48c809e0-ea64-4bc9-953c-e9b55cf01464.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/75438788-7c0d-49d9-a5ca-1e3a74e1906c/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/48c809e0-ea64-4bc9-953c-e9b55cf01464.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">JOSTENSPIX SCHOOL PICTURES</h1> <div class="large-banner__subheading"><p>Easy planning. Flexible Customization. Affordable prices. JostensPIX is a better way to do picture day, for schools and families.</p></div> <div class="large-banner__buttons"> <a href="https://www.jostens.com/photography/working-with-jostens/contact-us" class="btn btn-primary btn-primary--" target="_self" > TALK WITH US TODAY </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=""> <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="player29fed8f7-2df0-485f-9024-da1943878884"></div> </div> </div> <div class="section-video__body"> <h2 class="h3 section-video__body--title">Why JostensPIX?</h2> <p class="section-video__body--text"> JostensPIX is a game-changing Picture Day experience that is significantly easier for schools, and much more affordable for families. Check out our video to see how JostensPIX can benefit both families and schools. </p> </div> <script> // Load and prep the YouTube Video (OmNXCJt7K3Q) var videoId = "W2UsLN1C0jg"; var tagId = "youtubeApiScript"; // Unique ID for the API script var thisPlayerId = "player29fed8f7-2df0-485f-9024-da1943878884"; // 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><article class="timeline" id="timeline-ca3e87de-2dee-4d31-b5ac-a384c45f93df"> <div class="container"> <div class="timeline__header"> <h2 class="h3 timeline__heading">Better For Schools</h2> <p class="timeline__subheading">JostensPIX manages the Picture Day process from beginning to end. Schools no longer have to collect order forms and checks or distribute photos. Jostens handles every detail directly with families through our easy-to-use website. Our well-staffed and professionally-managed photo shoots are designed for efficiency — and put students at ease for their big moment.</p> <div class="timeline__button-wrapper"> <a href="/photography/working-with-jostens/contact-us" class="btn btn-lg btn-primary btn-primary--ghost timeline__button">Contact Us</a> </div> </div> <div class="timeline__body timeline__body--4-cols"> <div class="timeline-card timeline-card--numbered"> <div class="timeline-card__image ">     <img class="timeline-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/22eda692-2862-41a9-a086-1f53dc4b608e/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1272/crop_h/848/crop_x/0/crop_y/0/scale_w/360/scale_h/240/jpeg_q/85/jpeg_p/1/6d642aec-b197-4a76-be1c-48deed6d7b71.jpg" alt="Overview-easy-to-use-timeline-card.jpg" loading="lazy" /> </div> <div class="timeline-card__header "> <span class="timeline-card__number">1</span> <div class="timeline-card__text"> <h2 class="timeline-card__heading">Easy To Use</h2> <p class="timeline-card__subheading">Our simple, online portal provides schools the convenience of uploading student lists and easily designing ID badges.</p> </div> </div> </div> <div class="timeline-card timeline-card--numbered"> <div class="timeline-card__image ">     <img class="timeline-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/4b6bec30-7334-4715-b23b-9a7557b00732/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1272/crop_h/848/crop_x/0/crop_y/0/scale_w/360/scale_h/240/jpeg_q/85/jpeg_p/1/80644f4a-24b6-4d5e-b5f7-633f8a29adfd.jpg" alt="Overview-flawless-execution-timeline-card.jpg" loading="lazy" /> </div> <div class="timeline-card__header "> <span class="timeline-card__number">2</span> <div class="timeline-card__text"> <h2 class="timeline-card__heading">Flawless Execution</h2> <p class="timeline-card__subheading">High-tech set-ups and professional staff ensure an orderly, efficient and chaos-free Picture Day experience for everyone.</p> </div> </div> </div> <div class="timeline-card timeline-card--numbered"> <div class="timeline-card__image ">     <img class="timeline-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/57a75471-206f-4cdd-9766-5dade5ade6b3/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1272/crop_h/848/crop_x/0/crop_y/0/scale_w/360/scale_h/240/jpeg_q/85/jpeg_p/1/bce3ea4a-cded-4b70-80fa-826b3bb79825.jpg" alt="Overview-hassle-free-timeline-card.jpg" loading="lazy" /> </div> <div class="timeline-card__header "> <span class="timeline-card__number">3</span> <div class="timeline-card__text"> <h2 class="timeline-card__heading">Hassle Free</h2> <p class="timeline-card__subheading">No more order forms, money collection or photo distribution. Families preview the photos online and receive their orders directly at home.</p> </div> </div> </div> <div class="timeline-card timeline-card--numbered"> <div class="timeline-card__image ">     <img class="timeline-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/eef136dc-7d17-4342-90d7-b82f08257db7/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1272/crop_h/848/crop_x/0/crop_y/0/scale_w/360/scale_h/240/jpeg_q/85/jpeg_p/1/2ef9c304-ef93-4230-9a6b-e0b2604d73c2.jpg" alt="Overview-jostenspix-delivers-timeline-card.jpg" loading="lazy" /> </div> <div class="timeline-card__header "> <span class="timeline-card__number">4</span> <div class="timeline-card__text"> <h2 class="timeline-card__heading">JostensPIX Delivers</h2> <p class="timeline-card__subheading">We handle comprehensive school photo needs, including student portraits, yearbook photos and ID badges.</p> </div> </div> </div> </div> </div> </article> <script> (function($) { $(document).ready(function() { var max_height = 0; var cards = $('#timeline-ca3e87de-2dee-4d31-b5ac-a384c45f93df .timeline__body').children(); cards.each(function(i, e) { var height = $(e).find('.timeline-card__header').height(); max_height = height > max_height ? height : max_height; }); cards.find('.timeline-card__header').height(max_height); $(window).on('debouncedresize', function() { var max_height = 0; cards.each(function(i, e) { var height = $(e).find('.timeline-card__header').height(); max_height = height > max_height ? height : max_height; }); cards.find('.timeline-card__header').height(max_height); }); }); })(jQuery); </script> <section class="section-half section-half--img-right"> <div class="section-half__text"> <h2 class="h3 section-half__text--heading">Flexible. Affordable. <p>Only What They Want.</h2> <div class="section-half__text--wysiwyg"><ul> <li><strong>Buy only what you want: </strong>The days of families being forced to purchase photos they don’t want are over. Parents can now preview photos online, customize backgrounds, and select and purchase only the photos and sizes they truly want.</li> <li><strong>Free Shipping: </strong>On qualifying purchases, shipping right to the families’ door is free!</li> </ul> <ul> <li><strong>Free Digital Downloads: </strong>On qualifying purchases, digital downloads are also free!</li> </ul></div> </div> <div class="section-half__img">     <img class="section-half-img" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/57a75471-206f-4cdd-9766-5dade5ade6b3/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1272/crop_h/848/crop_x/0/crop_y/0/scale_w/768/scale_h/512/jpeg_q/85/jpeg_p/1/bce3ea4a-cded-4b70-80fa-826b3bb79825.jpg" alt="Overview-hassle-free-timeline-card.jpg" loading="lazy" /> </div> </section> <div class=""> <div class="container"> <div class="section-video section-video--light section-video--video-right"> <div class="section-video__video">  <div class="section-video__video--wrapper"> <div id="player5e427273-c1e8-4c81-9145-e6a7710c0f25"></div> </div> </div> <div class="section-video__body"> <h2 class="h3 section-video__body--title">A Great Picture Day Experience</h2> <p class="section-video__body--text"> Watch how our cutting-edge technology and professional staff deliver a Picture Day experience that's the pleasure it should be — free of chaos and mistakes. </p> <div class="section-video__body-button"> <a href="/photography/working-with-jostens/contact-us" class="btn btn-lg btn-secondary " target="_self" > contact us </a> </div> </div> <script> // Load and prep the YouTube Video (OmNXCJt7K3Q) var videoId = "1xgpMW8D1pY"; var tagId = "youtubeApiScript"; // Unique ID for the API script var thisPlayerId = "player5e427273-c1e8-4c81-9145-e6a7710c0f25"; // 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-17015576-a967-445d-9f86-222dc50e7891"> <div class="img-wrapper"> <picture id="section-default-img-17015576-a967-445d-9f86-222dc50e7891"> <source media="(min-width: 1025px)" srcset="https://cdn.jostens.com/contentAsset/image/fc8123271e3c4a5944d8e3c6c73159d0/fileAsset/filter/Scale,Jpeg/scale_w/1200/jpeg_q/85/jpeg_p/1/609dfa76-d5f9-427e-a869-a3bcf67b344b.jpg" /> <source media="(min-width: 769px)" srcset="https://cdn.jostens.com/contentAsset/image/fc8123271e3c4a5944d8e3c6c73159d0/fileAsset/filter/Scale,Jpeg/scale_w/1024/jpeg_q/85/jpeg_p/1/609dfa76-d5f9-427e-a869-a3bcf67b344b.jpg" /> <source media="(min-width: 577px)" srcset="https://cdn.jostens.com/contentAsset/image/fc8123271e3c4a5944d8e3c6c73159d0/fileAsset/filter/Scale,Jpeg/scale_w/768/jpeg_q/85/jpeg_p/1/609dfa76-d5f9-427e-a869-a3bcf67b344b.jpg" /> <img src="https://cdn.jostens.com/contentAsset/image/fc8123271e3c4a5944d8e3c6c73159d0/fileAsset/filter/Scale,Jpeg/scale_w/576/jpeg_q/85/jpeg_p/1/fc8123271e3c4a5944d8e3c6c73159d0.jpg" alt="JPIX Default Section Better For Families" loading="lazy" /> </picture> </div> <div class="body-content light"> <div class="inner"> <h2>Better For Families</h2> <div class="body-text"><p>JostensPIX gives families many more options. Instead of being forced to purchase expensive packages, parents can preview multiple portraits, customize backgrounds, and select only the photos and sizes they truly like. Prices are much lower than standard school photo packages, giving families flexibility they need to capture the special moments that matter.</p></div> </div> </div> </section> <div class="container card-gallery"> <div class="section-heading card-gallery__section-heading"> <h2 class="h3 card-gallery__heading">Photos Your Way</h2> <p class="card-gallery__subheading">Families can preview their photos before they buy and personalize their order the way they want.</p> </div> <div id="card-gallery__grid-52b922e4-ca4e-4d77-9961-5f1ffce1b8d2" class="card-gallery__grid card-gallery__grid--col-3"> <div class="card card--light "> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/ffd73de0-edf4-43aa-b5ff-3ba75d4dd58c/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1100/crop_h/550/crop_x/0/crop_y/0/scale_w/450/scale_h/225/jpeg_q/85/jpeg_p/1/90c04fc0-73c9-4f83-9652-0692c288e4c1.jpg" alt="Preview" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Preview</h3> <p class="card-text">Parents and students can view photos online before they buy, ensuring only their favorite shots are selected. </p> <div class="subtext"></div> </div> </div> <div class="card card--light "> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/df5468dd-a0af-4565-b77b-17fd0767f5ff/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1100/crop_h/550/crop_x/0/crop_y/0/scale_w/450/scale_h/225/jpeg_q/85/jpeg_p/1/25d02f1c-522c-4f01-b525-a99921c1c032.jpg" alt="Personalize" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Personalize</h3> <p class="card-text">Parents have more options to personalize their child’s photos, and can choose between multiple backgrounds, or add student's name and grade.</p> <div class="subtext"></div> </div> </div> <div class="card card--light "> <div class="card-image-wrapper">     <img class="card-img-top" height="100%" width="100%" src="https://cdn.jostens.com/contentAsset/image/99326233-60b2-4f0b-af2e-81d58ecd47b2/fileAsset/filter/Crop,Scale,Jpeg/crop_w/1100/crop_h/550/crop_x/0/crop_y/0/scale_w/450/scale_h/225/jpeg_q/85/jpeg_p/1/2511c131-ddab-4f04-94ec-9dba8d26a7f7.jpg" alt="Order" loading="lazy" /> </div> <div class="card-body"> <div class="overline"></div> <h3 class="card-title h4">Order</h3> <p class="card-text">With JostensPIX, families receive only the photos they’ve reviewed and selected, at far more affordable prices. Photos are shipped directly home within days.</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-52b922e4-ca4e-4d77-9961-5f1ffce1b8d2'); $('#card-gallery__grid-52b922e4-ca4e-4d77-9961-5f1ffce1b8d2').slick({ accessibility: false, slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: true }); } else { if ($('#card-gallery__grid-52b922e4-ca4e-4d77-9961-5f1ffce1b8d2').find('.slick-list').length > 0) { console.log('Removing slick slider for .card-gallery__grid-52b922e4-ca4e-4d77-9961-5f1ffce1b8d2'); $('#card-gallery__grid-52b922e4-ca4e-4d77-9961-5f1ffce1b8d2').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="call-out-display large-banner--light"> <div class="gallery items-1">  <div class="call-out call-out--default call-out--dark align-center has-bg default" style="background-image: url('https://cdn.jostens.com/contentAsset/image/e54b4b2f-78f5-47e7-a642-dfe2f8bbe22a/fileAsset/filter/Scale,Jpeg/scale_w/1920/jpeg_q/85/3fa2f325-e1bf-4d00-aade-7bf42ce682dc.jpg');"> <div class="call-out__text"> <h2 class="call-out__text--heading">Picture Day A Whole New Way</h2> <p class="call-out__text--subheading"> Make your next Picture Day hassle-free, affordable and efficient with Jostens — and let JostensPIX deliver your portraits, your way. </p> <div class="call-out__button--wrapper">  <a href="/photography/working-with-jostens/contact-us" class="btn btn-white btn-white--none"> Talk With Us Today </a> </div> </div> </div> </div> </div> </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

JOSTENSPIX SCHOOL PICTURES & CUSTOM PHOTO PACKAGES | Jostens