 <!DOCTYPE html> <html lang="en"> <head> <script>
        if (0 > 0) {
            window.dataLayer = window.dataLayer || [];
            window.dataLayer.push({
                'commerce-uid': ''
            });
        }
    </script> <!-- Google Tag Manager --> <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-N9PPV4G');</script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-title" content="Dairy Council of California" /> <title>
	404
</title> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800&display=swap" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="/Content/css/toolkit.css?v=639059763338730204"> <link rel="stylesheet" type="text/css" href="/Content/css/ie.css?v=638797100470768836"> <link rel="shortcut icon" href="/Content/images/favicon.ico?v=638797100475696042" type="image/ico" /> <link rel="icon" type="image/png" href="/Content/images/favicon-96x96.png?v=638797100476164863" sizes="96x96" /> <link rel="icon" type="image/svg+xml" href="/Content/images/favicon.svg?v=638797100475852339" /> <link rel="shortcut icon" href="/Content/images/favicon.ico?v=638797100475696042" /> <link rel="apple-touch-icon" sizes="180x180" href="/Content/images/apple-touch-icon.png?v=638797100471550143" /> <link rel="manifest" href="/Content/images/site.webmanifest?v=638797100480546492" /> <script src="//www.google.com/recaptcha/api.js" async defer></script> <script type="text/javascript">
            var userIsAuthenticated = false;

            window.APIDEF = {
			    base: 'https://dairycouncilofca.org',
			    carts: '/site-api/carts',
			    products: '/site-api/products',
			    account: '/site-api/account',
                accountValues: '/site-api/account/getcreatevalues',
                accountPasswordReset: '/site-api/account/resetpassword',
                accountGetUserAuthenticated: '/site-api/account/getuserauthenticated',
                userIsAuthenticated
		    }

            var xhr = new XMLHttpRequest();
            xhr.open('GET', '/site-api/account/getuserauthenticated');
            xhr.send(null);
            xhr.onreadystatechange = function () {
                var DONE = 4; // readyState 4 means the request is done.
                var OK = 200; // status 200 is a successful return.
                if (xhr.readyState === DONE) {
                    if (xhr.status === OK) {
                        var result = JSON.parse(xhr.responseText);
                        userIsAuthenticated = result.success;
                        window.APIDEF.userIsAuthenticated = result.success;
                        //if (userIsAuthenticated) {
                        //    window.dataLayer = window.dataLayer || [];
                        //    window.dataLayer.push({
                        //        'commerce-uid2': result.responseText
                        //    });
                        //}
                        if (result.success) {
                            document.getElementById("navAccountLi").classList.remove("u-hidden");
                            document.getElementById("navAccountAnchorOne").classList.remove("u-hidden");
                            document.getElementById("navAccountAnchorTwo").classList.remove("u-hidden");
                            document.getElementById("navCartAuthed").classList.remove("u-hidden");
                            document.getElementById("navCartUnauthedMobile").remove();
                            document.querySelectorAll('.show-on-login').forEach(element => {
                                element.classList.remove("u-hidden");
                            });

                            document.querySelectorAll('.hide-on-login').forEach(element => {
                                element.classList.add("u-hidden");
                            });
                            document.getElementById("loggedoutcartCTA")?.classList.add("u-hidden");
                            document.getElementById("navLoginAnchor").classList.add("u-hidden");
                            document.getElementById("navLoginLi").classList.add("u-hidden");
                            document.getElementById("navCartUnauthed").classList.add("u-hidden");
                        }
                    } else {
                        console.log('Error: ' + xhr.status); // An error occurred during the request.
                    }
                }
            };
        </script> <script type="text/javascript">var sf_appPath='/';</script><meta name="Generator" content="Sitefinity 12.1.7128.0 PE" /><link rel="canonical" href="https://dairycouncilofca.org/errors/404" /><meta property="og:image" content="https://dairycouncilofca.org/Content/images/dcc-og-image.png" /></head> <body data-sprites="/Content/images/sprites.svg"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N9PPV4G"
                height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="ie-alert u-hidden" id="ie-11-error"> <div class="ie-11-overlay"> <div class=""> <div class="max-width-md u-padd-all-2x  u-txt-center u-bg-color-white u-pos-rel"> <button type="button" aria-label="Close this dialog window" class="ie-alert-close">
                        &times;
                    </button>
                    Upgrade your browser - Unfortunately, this site has updated features that can't run on this version of Internet Explorer.
                    <a href="https://www.microsoft.com/en-us/edge?ocid=SMCIEHub-Download" target="_blank">Download a free upgrade of Internet Explorer</a>.
                </div> </div> </div> </div> <script>
        window.CookieName = 'Cookie_3FC21DD7';
</script> <nav class="nav no-print" id="main-nav" aria-label="Main Navigation" role="navigation"> <div class="nav__wrap"> <div class="nav__top-mobile"> <div class="mobile-nav__utils"> <button class="button button--search " id="mobile-search-btn"> <span class="u-vis-hidden">Search</span> </button> <button id="navCartUnauthedMobile" title="Login" class="button button--cart cart" data-a11y-dialog-show="login-modal"> <span></span> </button> <button id="navCartAuthedMobile" class="button button--cart cart js-cart-toggle-btn"> <cart-button inline-template class="cart-button" v-cloak> <span :class="{'active': haveItemsInCart}"> <span class="cart__cart-items">{{itemsInCart}}</span> </span> </cart-button> </button> </div> <div class="nav__logo"> <a href="/"> <img src="/content/images/logo--main.svg" alt="Dairy Council of California Logo, let's eat healthy" /> <img class="secondary" src="/content/images/logo--secondary.svg" alt="Dairy Council of California Logo, let's eat healthy" /> </a> </div> <div class="nav__contrast"> <div class="contrast-toggle js-contrast-toggle"> <span class="u-vis-hidden">Toggle site contrast</span> <span class="contast-toggle__txt" aria-hidden="true"> <strong>High Contrast</strong> </span> <button class="contrast-toggle__off active" data-toggle="off"><span>Off</span></button> <button class="contrast-toggle__on" data-toggle="on"><span>On</span></button> </div> <nav role="navigation" aria-label="Secondary site navigation items"> <ul class="menu" aria-label="Dairy Council of California Navigation"> <li id="navLoginLi" class="menu__item menu__item--login"> <a href="javascript:void(0);" data-a11y-dialog-show="login-modal" class="">Login</a> </li> <li id="navAccountLi" class="menu__item menu__item--login menu__item--with-drop u-hidden"> <a href="/login/my-account">Account</a> <div class="submenu" id="submenu-account"> <ul class="submenu__main"> <li class="submenu__item"><a href="javascript:void(0);" class="logout-button">Logout</a></li> </ul> </div> </li> <li id="navCartUnauthed" class="menu__item menu__item--cart"> <div> <a href="javascript:void(0);" data-a11y-dialog-show="login-modal">
                                    Cart 
                                    <span></span> </a> </div> </li> <li id="navCartAuthed" class="menu__item menu__item--cart js-cart-toggle u-hidden"> <cart-button class="cart-button" inline-template v-cloak> <div> <a href="/cart">
                                        Cart 
                                        <span :class="{'active': haveItemsInCart}"> <span class="cart__cart-items">{{itemsInCart}}</span> </span> </a> </div> </cart-button> </li> </ul> </nav> </div> <button class="nav__hamburger" name="" id="main-menu-toggle" aria-label="Mobile navigation open and close"> <span></span> <span></span> </button> </div> <div class="nav__elements"> <nav role="navigation" aria-label="Main site navigation items"> <div> <div class="menu__item menu__item--account"> <div id="navAccountLinksDiv"> <a id="navLoginAnchor" href="javascript:void(0);" data-a11y-dialog-show="login-modal">Login</a> <a id="navAccountAnchorOne" href="/login/my-account" class="u-hidden">Account</a> <a id="navAccountAnchorTwo" name="logoutAnchor" href="javascript:void(0);" class="u-txt-sm u-hidden logout-button">Logout</a> </div> </div> <!-- role="menubar" --> <ul class="menu" aria-label="Dairy Council of California Navigation"> <li class="menu__item menu__item--with-sub menu__item--mobile menu__item--products" aria-haspopup="true"> <a href="/who-we-are" class="sub-toggle">Who We Are</a> <div class="submenu" id="submenu-0"> <ul class="submenu__main"> <li class="submenu__item"> <a href="/who-we-are">Who We Are</a> <ul> <li><a href="/who-we-are/our-team">Our Team</a></li> <li><a href="/who-we-are/our-board-of-directors">Our Board of Directors</a></li> <li><a href="/who-we-are/annual-reports">Annual Reports</a></li> </ul> </li> <li class="submenu__item"> <a href="/who-we-are/get-involved">Get Involved</a> <ul> <li><a href="/who-we-are/get-involved/community-grant-program">Community Grant Program</a></li> <li><a href="/who-we-are/get-involved/leadership-awards-program">Leadership Awards Program</a></li> </ul> </li> <li class="submenu__item"> <a href="/who-we-are/joinourteam">Join Our Team</a> </li> </ul> <ul class="submenu__back u-hidden@lg"> <li> <a href="javascript:void(0);" class="link--back" role="button" controls="submenu-2"> <span class="u-vis-hidden">Back to</span>
                        Main Menu
                    </a> </li> </ul> </div> </li> <li class="menu__item menu__item--with-sub menu__item--mobile" aria-haspopup="true"> <a href="/what-we-do" class="sub-toggle">What We Do</a> <div class="submenu" id="submenu-1"> <ul class="submenu__main"> <li class="submenu__item"> <a href="/what-we-do">What We Do</a> </li> <li class="submenu__item"> <a href="/what-we-do/milk-dairy-nutrition">Milk &amp; Dairy Nutrition</a> </li> <li class="submenu__item"> <a href="/what-we-do/school-nutrition-resource-hub">School Nutrition Engagement</a> </li> <li class="submenu__item"> <a href="/what-we-do/dairy-agriculture-literacy">Dairy Agricultural Literacy</a> </li> <li class="submenu__item"> <a href="/what-we-do/mobile-dairy-classroom">Mobile Dairy Classroom</a> </li> <li class="submenu__item"> <a href="/what-we-do/trends">Trends</a> </li> <li class="submenu__item"> <a href="/what-we-do/dairy-community-support">Dairy Community Support</a> </li> </ul> <ul class="submenu__back u-hidden@lg"> <li> <a href="javascript:void(0);" class="link--back" role="button" controls="submenu-2"> <span class="u-vis-hidden">Back to</span>
                        Main Menu
                    </a> </li> </ul> </div> </li> <li class="menu__item menu__item--with-sub menu__item--mobile submenu-wide" aria-haspopup="true"> <a href="/learning-resources" class="sub-toggle">Learning Resources</a> <div class="submenu" id="submenu-2"> <ul class="submenu__main"> <li class="submenu__item"> <a href="/learning-resources">Learning Resources</a> <small>Find educator and health professional nutrition resources to support your community.</small> </li> <li class="submenu__item"> <a href="/learning-resources/our-products">Our Products</a> <small>Order digital and print nutrition education materials for your community.</small> </li> <li class="submenu__item"> <a href="/what-we-do/milk-dairy-nutrition">Milk &amp; Dairy Nutrition</a> <small>Educating on dairy&#39;s role in health, community and the environment.</small> </li> <li class="submenu__item"> <a href="/learning-resources/research-insights">Research &amp; Insights</a> <small>Read and watch nutrition insights and research summaries.</small> </li> <li class="submenu__item"> <a href="/learning-resources/myplate-match-game">MyPlate Match Game</a> <small>An interactive game for children to learn about healthy eating patterns.</small> </li> <li class="submenu__item"> <a href="/learning-resources/mobile-dairy-classroom">Mobile Dairy Classroom</a> <small>Sign-up for the popular in-person assembly or virtual field trip.</small> </li> <li class="submenu__item"> <a href="/learning-resources/videos">Videos</a> <small>Make learning about healthy eating fun and engaging.</small> </li> </ul> <ul class="submenu__back u-hidden@lg"> <li> <a href="javascript:void(0);" class="link--back" role="button" controls="submenu-2"> <span class="u-vis-hidden">Back to</span>
                        Main Menu
                    </a> </li> </ul> </div> </li> <li class="menu__item menu__item--mobile"><a href="/news-media">News & Press</a></li> <li class="menu__item menu__item--search" aria-haspopup="true"> <a href="javascript:void(0);" class="u-inline-block nav-search "> <span class="u-vis-hidden">Search</span> </a> </li> </ul> <div class="menu-search-container"> <div class="menu-search main-nav-search"> <div class="main-nav-search__text"> <label for="nav-search" class="u-hidden">Search Dairy Council of California</label> <input type="search" class="" id="nav-search" name="nav-search" placeholder="Search Site..." /> </div> <div class="main-nav-search__action"> <a href="javascript:void(0);" class="nav-search-action" data-search-page="/search?searchterm=">
                                    Go
                                </a> </div> <button type="button" class="close-search"> <span class="u-vis-hidden">Close search</span> <img src="/Content/images/close-search.svg" alt="Close search icon" /> </button> </div> </div> </div> </nav> <div class="contrast-toggle js-contrast-toggle"> <span class="u-vis-hidden">Toggle site contrast</span> <span class="contast-toggle__txt" aria-hidden="true"> <strong>High Contrast</strong> </span> <button class="contrast-toggle__off active" data-toggle="off">Off</button> <button class="contrast-toggle__on" data-toggle="on">On</button> </div> </div> </div> </nav> <div class="u-bg-color-fruit u-visible@lg nav__alert js-alert-section" style="display:none!important"> <div class="u-flex u-flex--row u-flex--justify-center"> <div class="u-color-white nav__alert-text"> <strong class="u-mrg-right">June is Dairy Month recognizes the important role dairy plays in nourishing people and communities across the country. Download our toolkit today!</strong> <a href="https://dairycouncilofca.org/what-we-do/campaigns/june-is-dairy-month" class="btn btn--wide border-0 btn--primary with-arrow"> </a> </div> <div class="btn-close"> <button class="btn close js-hide-alert">X</button> </div> </div> </div> <div class="menu-search-container mobile"> <div class="menu-search main-nav-search main-nav-search--mobile"> <div class="main-nav-search__text"> <label for="nav-search" class="u-hidden">Search Dairy Council of California</label> <input type="search" class="" id="nav-search-mobile" name="nav-search-mobile" placeholder="Search" /> </div> <div class="main-nav-search__action"> <a href="#" class="nav-search-action" data-search-page="/search?searchterm=">
                Go
            </a> </div> </div> </div> <input id="accountPageURL" name="accountPageURL" type="hidden" value="/login/my-account" /> <div class="cart-preview" id="cart-preview-wrap"> <cart-preview id="cart-preview" :cart-id="''" inline-template> <div class="u-padd-all"> <a href="javascript:void(0)" role="button" aria-label="Close this dialog window" class="fe-modal-close z-2" @click="cartClose">
                &times;
            </a> <div class="" v-show="products.length > 0"> <div class="cart-items-viewport"> <div v-for="(product, index) in productsToPreview" :key="'p'+ index"> <div class="grid"> <div class="grid-item grid-item-w33"> <img v-if="product.thumbnailImageUrl" :src="product.thumbnailImageUrl" :alt="product.name" /> <span v-else="" class="u-color-gray-light u-txt-xs">No image available</span> </div> <div class="grid-item grid-item-w66"> <a :href="product.link"><strong>{{product.title}}</strong></a> <div>Print product</div> <div><strong>Quantity: {{product.qty}}</strong></div> </div> </div> <hr class="hr" /> </div> </div> <div class="u-padd-top u-padd-btm"> <div class="u-flex u-flex--justify-btwn "> <div><strong>SUBTOTAL:</strong></div> <div><strong>{{subTotal}}</strong></div> </div> </div> <div class="u-padd-top u-txt-center"> <a href="/cart" class="btn btn--blue">
                        Checkout
                    </a> </div> </div> <div class="u-txt-center" v-show="products.length > 5"> <div class="u-color-black u-txt-sm"> <strong>
                        And {{products.length - 5}} additional items, click
                        <a href="/cart">here</a> to review your cart.
                    </strong> </div> </div> <div class="u-txt-center" v-show="products.length === 0"> <strong>Your cart is empty.</strong> </div> </div> </cart-preview> </div> <main id="main"> 


<div class="hero hero-tertiary u-bg-color-ocean breadcrumb-only">
    <div class="hero__content">
        <div class="hero__breadcrumb">
        <a href="/">Home</a>
        <a href="/errors/404/404">404</a>
</div>


    </div>
</div>
 

<section class="section section--padded">
        <div class="max-width-xl u-mrg-center u-mrg-top-2x u-mrg-btm-2x">
            <div class="">
                    <div class="w-100 u-pos-rel flex-header ">
            <h2 class="h-lg h-border-bottom">404 page error</h2>

            <p>Sorry, the page you are trying to access experienced an issue. Please try again later.</p>
    </div>

            </div>
        </div>
</section> <div id="login-modal" class="dialog js-modal-window" aria-hidden="true"> <div tabindex="-1" data-a11y-dialog-hide></div> <div class="fe-modal-overlay"></div> <div aria-labelledby="dialog-title" role="alertdialog" class="dialog-content fe-modal" id="login-modal-content"> <button type="button" data-a11y-dialog-hide aria-label="Close this dialog window" class="fe-modal-close">
            &times;
        </button> <login id="u-login-modal" inline-template v-cloak> <div class="login-inner"> <div style="background-image: url('/Content/images/dcc-blue-tile-2x.png')"> <h2>Login</h2> <div class="input-wrapper"> <label for="UserName" class="u-display-block">Email address</label> <input type="email"
                               class="form-input"
                               v-model="email"
                               autocomplete="UserName"
                               name="UserName"
                               id="UserName"
                               :class="{'error': submitted && (email === '')}" /> <div class="error u-hidden">
                            *Are you sure you have an account with us?
                        </div> <div class="error u-padd-btm-none" v-show="submitted && email === ''"> <strong>Please enter your email.</strong> </div> </div> <div class="input-wrapper"> <label for="password" class="u-display-block">Password</label> <input type="password"
                               name="password"
                               id="password"
                               class="form-input"
                               v-model="password"
                               :class="{'error': submitted && (password === '' || password.length < 8 || error !== '')}" /> <div class="error u-padd-btm-none" v-show="submitted && error !== ''"> <strong>{{error}}</strong> </div> </div> <div class="checkbox-container"> <input type="checkbox"
                               name="remember"
                               id="remember"
                               v-model="remember" />
                        Remember me
                    </div> <div class="u-txt-center u-mrg-btm"> <a class="btn" @click.prevent="userLogin"> Sign in </a> </div> <div class="u-txt-center"> <strong><a href="javascript:void(0);" @click='forgotPassword'>Forgot your password?</a></strong> </div> </div> <div class="u-flex u-flex--column u-flex--justify-center "> <h2 class="h-lg">New Nutrition Advocate</h2> <p>Register a new account on DairyCouncilofCA.org to order nutrition resources, get the latest nutrition science or support healthy eating in your community.</p> <button class="btn btn--blue" @click.prevent="createAccount">Register for account</button> </div> </div> </login> </div> </div> <div class="dialog js-modal-window" id="create-account-modal" aria-hidden="true"> <div tabindex="-1" data-a11y-dialog-hide></div> <div class="fe-modal-overlay"></div> <div aria-labelledby="dialog-title" role="alertdialog" class="dialog-content fe-modal" id="create-account-modal-content"> <button type="button" data-a11y-dialog-hide aria-label="Close this dialog window" class="fe-modal-close">
            &times;
        </button> <create-account id="create-account" inline-template v-cloak> <div class=" max-width-md u-mrg-center"> <div v-show="!isCreated"> <div class=" u-txt-center"> <h2 class="h-lg  u-mrg-btm-2x">Create account</h2> </div> <div class=""> <div class="grid"> <div class="grid-item grid-item-w50@md-lg  u-mrg-btm "> <label for="firstname" class="u-display-block"> <strong>First name</strong> </label> <input type="text"
                                       name="firstname"
                                       id="firstname"
                                       class="form-input"
                                       v-model="createFirstname" /> <div class="error u-padd-btm-none"
                                     v-show="submitted && createFirstname === ''"> <strong>Please enter your name.</strong> </div> </div> <div class="grid-item grid-item-w50@md-lg  u-mrg-btm "> <label for="lastname" class="u-display-block"> <strong>Last name</strong> </label> <input type="text"
                                       name="lastname"
                                       id="lastname"
                                       class="form-input"
                                       v-model="createLastname" /> <div class="error u-padd-btm-none"
                                     v-show="submitted && createLastname === ''"> <strong>Please enter your name.</strong> </div> </div> </div> </div> <div class="u-mrg-btm"> <label for="UserName2" class="u-display-block"> <strong>Email address</strong> </label> <input type="email"
                               autocomplete="UserName"
                               name="UserName2"
                               id="UserName2"
                               v-model="createEmail"
                               class="form-input" /> <div class="error u-padd-btm-none"
                             v-show="submitted && createEmail === ''"> <strong>Please enter your email.</strong> </div> <div class="error u-padd-btm-none"
                             v-show="submitted && invalidEmail"> <strong>Please enter a valid email address.</strong> </div> </div> <div class="u-mrg-btm"> <label for="createProfileType"> <strong>Profile Type*</strong> </label> <div class="form-select"> <select id="createProfileType" name="createProfileType" class="form-select__select" v-model="createProfileType"> <option disabled value>Select a profile type</option> <option v-for="(profileType, index) in profileTypes" :key="'profileType_'+index" :value="profileType">
                                    {{profileType}}
                                </option> </select> </div> <div class="error u-padd-btm-none" v-show="submitted && createProfileType === ''"> <strong>Please make a selection.</strong> </div> </div> <div class="u-mrg-btm"> <label for="createState"> <strong>State*</strong> </label> <div class="form-select"> <select id="createState" name="createState" class="form-select__select " v-model="createState"> <option disabled value>Select a state</option> <option v-for="(state, index) in states" :key="'state_'+index" :value="state.name">
                                    {{state.name}}
                                </option> </select> </div> <div class="error u-padd-btm-none" v-show="submitted && createState === ''"> <strong>Please make a selection.</strong> </div> </div> <div v-if="createProfileType === 'Teacher' && createState === 'California'"> <div class="u-mrg-btm"> <label for="createCounty"> <strong>County*</strong> </label> <div class="form-select"> <select id="createDistrict" name="createDistrict" class="form-select__select" v-model="createCounty"> <option disabled value>Select a county</option> <option v-for="(county, index) in counties" :key="'county_'+index" :value="county.CountyName">{{county.CountyName}}</option> </select> </div> <div class="error u-padd-btm-none" v-show="submitted && createCounty === ''"> <strong>Please make a selection.</strong> </div> </div> <div class="u-mrg-bt-half"> <div class="grid"> <div class="grid-item grid-item-w50@md-lg"> <label for="createDistrict"> <strong>School District*</strong> </label> <div class="form-select"> <select id="createDistrict" name="createDistrict" class="form-select__select" v-model="createDistrict" :disabled="createCounty == ''"> <option value disabled>Select a School District</option> <option v-for="(district, index) in currentDistricts" :key="'district_'+index" :value="district.DistrictName">{{district.DistrictName}}</option> </select> </div> <div class="error u-padd-btm-none" v-show="submitted && createDistrict === ''"> <strong>Please make a selection.</strong> </div> </div> <div class="grid-item grid-item-w50@md-lg"> <label for="createSchool"> <strong>School Name*</strong> </label> <div class="form-select"> <select id="createSchool" name="createSchool" class="form-select__select" v-model="createSchool" :disabled="createDistrict == ''"> <option value disabled>Select a school</option> <option v-for="(school, index) in currentSchools" :key="'school_'+index" :value="school">{{school}}</option> </select> </div> <div class="error u-padd-btm-none" v-show="submitted && createSchool=== ''"> <strong>Please make a selection.</strong> </div> </div> </div> </div> </div> <div class="u-mrg-btm" v-if="createProfileType === 'Teacher' "> <label for="createGrade"> <strong>Grade*</strong> </label> <div class="form-select"> <select id="createProfileType" name="createProfileType" class="form-select__select" v-model="createGrade"> <option disabled value>Select a grade</option> <option v-for="(grade, index) in grades" :key="'grade_'+index" :value="grade">
                                    {{grade}}
                                </option> </select> </div> <div class="error u-padd-btm-none" v-show="submitted && createGrade === ''"> <strong>Please make a selection.</strong> </div> </div> <div class="u-mrg-btm" v-if="createProfileType === 'Healthcare Provider'"> <label for="create-title"> <strong>Title*</strong> </label> <input type="text"
                               name="create-title"
                               id="create-title"
                               v-model="createTitle"
                               class="form-input" /> <div class="error u-padd-btm-none" v-show="submitted && createTitle === ''"> <strong>Please enter your title.</strong> </div> </div> <div class="u-mrg-btm" v-if="createProfileType === 'Healthcare Provider'"> <label for="create-title"> <strong>Company Name*</strong> </label> <input type="text"
                               name="create-title"
                               id="create-title"
                               v-model="createTitle"
                               class="form-input" /> <div class="error u-padd-btm-none" v-show="submitted && createCompany === ''"> <strong>Please enter your company name.</strong> </div> </div> <div class="grid"> <div class="grid-item grid-item-w50@md-lg  u-mrg-btm "> <label for="createPassword" class="u-display-block"> <strong>Password</strong> </label> <input type="password"
                                   name="create-password"
                                   id="create-password"
                                   v-model="createPassword"
                                   class="form-input" /> <div class="error u-padd-btm-none" v-show="submitted && createPassword === ''"> <strong>Please enter a password.</strong> </div> <div class="error u-padd-btm-none" v-show="submitted && invalidPassword && createPassword !== ''"> <strong>Password is invalid. Passwords must be at least 8 characters.</strong> </div> </div> <div class="grid-item grid-item-w50@md-lg  u-mrg-btm "> <label for="createPasswordConfirm" class="u-display-block "> <strong>Confirm password*</strong> </label> <input type="password"
                                   name="createPasswordConfirm"
                                   id="createPasswordConfirm"
                                   class="form-input"
                                   v-model="createPasswordConfirm" /> <div class="error u-padd-btm-none" v-show="submitted && createPassword === ''"> <strong>Please enter a password.</strong> </div> <div class="error u-padd-btm-none" v-show="submitted && invalidPasswordConfirm && createPassword !== ''"> <strong>Confirm password is invalid. Passwords must be at least 8 characters.</strong> </div> </div> </div> <div v-show="passwordMismatch" class="error"> <strong>Passwords do not match</strong> </div> <div v-show="error !== ''" class="error"> <strong>{{error}}</strong> </div> <div class="max-width-xs"> <div class="u-mrg-btm u-mrg-top u-txt-sm"> <input type="checkbox"
                                   name="create-accent-terms"
                                   id="create-accept-terms"
                                   v-model="createAcceptTerms" />
                            I accept <a href="/terms-conditions"><strong>Terms and Conditions</strong></a> <div v-show="mustAccept" class="error u-mrg-top-half"> <strong>You must accept the Terms and Conditions.</strong> </div> </div> <div id="recaptcha" class="g-recaptcha" data-sitekey='6LfAHtoUAAAAAFtPUEPk2-aWcg4qgZShjz9RDoX-'></div> <div class="captcha-msg-error error"></div> <button class="btn btn--blue btn--wide u-mrg-top-2x u-display-block"
                                @click.prevent='createAccount'>
                            Register for account
                        </button> </div> </div> <div v-show="isCreated" class="max-width-sm u-mrg-center u-txt-center"> <p>To complete your registration, please check your email to verify the account. 
                    Verification email is sent from noreply@dairycouncilofca.org and will expire in one hour. Be sure to check spam filters.</p> <a href="javascript:void(0);" class="btn btn--blue btn--wide" @click="openLogin">Login</a> </div> </div> </create-account> </div> </div> <div class="dialog js-modal-window" id="forgot-password-modal" aria-hidden="true"> <div tabindex="-1" data-a11y-dialog-hide></div> <div class="fe-modal-overlay"></div> <div aria-labelledby="dialog-title" role="alertdialog" class="dialog-content fe-modal max-width-sm" id="forgot-password-modal-content"> <button type="button" data-a11y-dialog-hide aria-label="Close this dialog window" class="fe-modal-close">
            &times;
        </button> <div class=" max-width-md u-mrg-center"> <div class=" u-txt-center"> <h2 id="forgotPasswordH2" class="h-lg u-mrg-btm-2x">Forgot Password</h2> </div> </div> <div id="forgotEmailDiv" class="u-mrg-top max-width-xs u-mrg-center"> <label for="forgotEmail" class="u-display-block u-mrg-btm u-txt-center"> <strong>Please enter your email address</strong> </label> <input type="email"
                   name="forgotEmail"
                   id="forgotEmail"
                   class="form-input" /> <div class="error u-hidden" id="forgotPasswordError"><strong>Unable to reset password for that email address. Please contact communications@dairycouncilofca.org for support.</strong> </div> </div> <div id="forgotPasswordSubmitDiv" class=" max-width-md u-mrg-center u-mrg-top"> <input type="button" value="Reset My Password" id="forgotPasswordSubmit" class="btn btn--blue btn--wide u-display-block u-mrg-center"> </div> <div class="max-width-md u-mrg-center u-mrg-top"> <a id="forgotPasswordSignInButton" href="#" class="btn btn--blue u-display-block u-mrg-center u-hidden">Sign in</a> </div> </div> </div> <div id="vue-dialog-root"></div> </main> <footer class="footer"> <div class="footer__wrap footer-nav"> <div class="logo-wrapper-mobile"> <nav class="footer-nav-main__wrap" aria-label="Additional site navigation" role="navigation"> <a href="#"> <img src="/content/images/logo_footer.svg" alt="DCC logo" /> </a> <div> <a href="/contact"> <strong>Contact Us</strong> </a> <a href="/faq"> <strong>FAQs</strong> </a> </div> </nav> <div class="u-padd-top max-width-sm-md"> <p class="u-txt-sm-adapt u-txt-center">Dairy Council of California elevates the health of children and communities in California by promoting lifelong healthy eating patterns that include milk and dairy foods.</p> </div> </div> <div class="logo-wrapper-desktop"> <nav class="footer-nav-main__wrap" aria-label="Additional site navigation" role="navigation"> <a href="#"> <img src="/content/images/logo_footer.svg" alt="DCC logo" /> </a> </nav> <div> <nav> <a class="text-sm-bold" href="/contact"> <strong>Contact Us</strong> </a> <a class="text-sm-bold" href="/faq"> <strong>FAQs</strong> </a> </nav> <div class="max-width-sm-md"> <p class="text-sm">Dairy Council of California elevates the health of children and communities in California by promoting lifelong healthy eating patterns that include milk and dairy foods.</p> </div> </div> </div> <div class="footer-nav__contact"> <ul class="footer-nav__social"> <li> <a href="https://www.facebook.com/DairyCouncilofCA" target="_blank" class="icon-social icon-social-facebook"></a> </li> <li> <a href="https://x.com/DairyCouncilCA" target="_blank" class="icon-social icon-social-twitter"></a> </li> <li> <a href="https://www.linkedin.com/company/821194" target="_blank" class="icon-social icon-social-linkedin"></a> </li> <li> <a href="https://www.pinterest.com/dairycouncilofca" target="_blank" class="icon-social icon-social-pinterest"></a> </li> <li> <a href="https://www.youtube.com/@DairyCouncilofCA" target="_blank" class="icon-social icon-social-youtube"></a> </li> <li> <a href="https://www.instagram.com/dairycouncilofca" target="_blank" class="icon-social icon-social-instagram"></a> </li> <li> <a href="https://app.feedblitz.com/f/?Sub=877322" target="_blank" class="icon-social icon-social-rss"></a> </li> </ul> <div class="u-padd-top-2x u-padd-btm u-txt-sm-adapt u-txt-center">
California Residents: <a href="tel:8773247901" title="Call 8773247901 with 3CX Click to Call" tcxhref="tel:8773247901">877-324-7901</a><br />
Non-California Residents: <a href="tel:8665721359" title="Call 8665721359 with 3CX Click to Call" tcxhref="tel:8665721359">866-572-1359</a> </div> </div> </div> <div class="footer__copyright-legal"> <div class="text-xs">&copy; 2026 Dairy Council of California. All Rights Reserved.</div> <hr class="hr u-hidden@lg u-mrg-top u-mrg-btm " /> <nav class="footer__nav-legal" aria-label="Additional legal information and site navigation"> <div class="text-xs"> <a href="/terms-conditions">Terms &amp; Conditions</a> <a href="/privacy-policy">Privacy Policy</a> <a href="/sitemap">Sitemap</a> </div> </nav> </div> </footer> <script src="/bundles/frontend?v=PB6i_ntoJR3djry8x6uagWPqZHFSpSbUxS8G7sP1Kd41"></script> <script src="/bundles/toolkit?v=1ETLMnk6KOEx5sE1TNGk68Q49LiB2QrP6VsyORf-kis1"></script> <script src="/bundles/interior?v=4YOlmSJ2M0a-aVc4wTcszE6nEqNupnXlZ09aYg1OPoQ1"></script> <script src="/content/js/ie.js?v=639125396084527352"></script> <link rel="stylesheet" type="text/css" href="/Content/css/print.css?v=638797100470925077"> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/39552261.js"></script> <!-- End of HubSpot Embed Code --> </body> </html>
