Who We Are | Foodstuffs Careers North Island

<!DOCTYPE html>      <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="author" content="Foodstuffs" /> <meta name="description" content="At Foodstuffs Careers, we have built up a large network of Pak'n Save, New World, Four Square, Gilmours and more across the North Island. Our main objective is making sure that members of the Foodies team have purposeful careers and bright futures." /> <meta name="keywords" content="Food industry jobs in North Island, Food manufacturing jobs in North Island, Grocery jobs in North Island, Foodstuff career in North Island, Owner Operator North island"> <meta name='viewport' content='width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0' />  <title>Who We Are | Foodstuffs Careers North Island</title>  <link rel="apple-touch-icon" sizes="57x57" href="/images/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/images/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/images/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/images/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/images/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/images/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/images/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/images/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/images/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png"> <link rel="manifest" href="/images/favicon/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/images/favicon//ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff">  <link href="css/bootstrap.min.css" rel="stylesheet">  <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/pe-icon-7-stroke.css" rel="stylesheet">  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,700,900" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,600,700" rel="stylesheet">  <link href="css/owl.carousel.min.css" rel="stylesheet"> <link href="css/owl.theme.default.min.css" rel="stylesheet" > <link href="css/flexslider.css" rel="stylesheet"> <link href="css/magnific-popup.css" rel="stylesheet"> <link href="css/slick.css" rel="stylesheet"> <link href="css/slick-theme.css" rel="stylesheet">  <link href="css/animate.min.css" rel="stylesheet">  <link href="css/style.css" rel="stylesheet">           <link href="css/responsive.css" rel="stylesheet"> <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/211f8e9ee9fa517d6b52c3b40/be844944a0be040dffecf7fbf.js");</script> <style type="text/css"> .arrow_down_icon{top: initial;bottom: 50px;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .arrow_down_icon{top: 90%;} .aboutpage_comp,.aboutpage_comp p{font-size: 20px !important;} } @supports (-ms-ime-align: auto){ .arrow_down_icon{top: 90%;} .aboutpage_comp,.aboutpage_comp p{font-size: 20px !important;} } </style> </head> <body>  <div id="loader-wrapper"> <div id="loader"></div> </div>  <div id="page" class="page">  <style> .select-options { overflow-y: scroll; max-height: 250px; } .dropdown-item { border: 1px solid !important; } .dropdown-menu{ padding:0 !important; } .loader { position: absolute; left: 0px; top: 0px; width: 100%; height: 120%; z-index: 9999; background: url('images/loader1.gif') 50% 50% no-repeat rgb(249,249,249); background-color: transparent; } #help-box{ color: #ffe960; position: absolute; right: 0; left: 39px; top:35px; } #help-box1{ color: #ffe960; position: absolute; right: 0px; left: 1px; top: 45px; display: inline-block; } #help-box2{ color: #ffe960; position: absolute; right: 0; left: 0px; top: 42px; } #help-box3{ color: #ffe960; position: absolute; right: 0px; left: 1px; top: 53px; display: inline-block; } #fullScreen_modal .jobform .input_line,#features-2 .input_line{background:no-repeat ;} #classification::-moz-placeholder {opacity: 0.3 !important;} #classification:-moz-placeholder {opacity: 0.3 !important;} #classification:-ms-input-placeholder {opacity: 0.3 !important;} #classification::-webkit-input-placeholder {opacity: 0.3 !important;} #classification1::-moz-placeholder {opacity: 0.3 !important;} #classification1:-moz-placeholder {opacity: 0.3 !important;} #classification1:-ms-input-placeholder {opacity: 0.3 !important;} #classification1::-webkit-input-placeholder {opacity: 0.3 !important;} @media only screen and (max-width : 1024px) { #help-box2{ color: #ffe960; position: absolute; right: 0; left: 0px; top: 42px; } } </style> <header id="header" class="header wow fadeIn navbar-fixed-top">  <nav class="navbar">   <div class="container">   <div class="row"> <div class="col-md-6 col-sm-5"> <div class="navbar-header">  <button type="button" id="nav-toggle" class="navbar-toggle text-right" data-toggle="collapse" data-target="#navigation-menu"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar icon-bar1"></span> <span class="icon-bar icon-bar2"></span> <span class="icon-bar icon-bar3"></span> </button>   <a class="navbar-brand logo-white" href="https://foodstuffs.careers/"><img src="images/foodstuff-logo.png" width="100%" height="auto" alt="Foodstuffs Logo" title="foodstuffs logo"></a> <a class="navbar-brand logo-black" href="https://foodstuffs.careers/"><img src="images/foodstuff-logo.png" width="100%" height="auto" alt="Foodstuffs logo" title="Foodstuffs Logo"></a> </div> </div> <div class="col-md-6 col-sm-7"> <div id="navigation-menu" class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="nav-link"><a href="https://foodstuffs.careers/about-us.php">Who We Are </a></li> <li class="nav-link"><a href="https://foodstuffs.careers/our-careers.php">Our Careers</a></li>    <li class="nav-link"><a data-toggle="modal" href="#fullScreen_modal" class="header-btn btn-tra hideInXs">Search Jobs ></a></li> <li class="nav-link"><a href="#grad" class="header-btn btn-tra hashscroll hidden viewInXs" onclick="document.getElementById('nav-toggle').click()">Search Jobs ></a></li> <div class="modal fade" id="fullScreen_modal"> <div class="modal-dialog wow zoomIn"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div class="container"> <h3 class="color_white">Search Jobs</h3> <h1 class="color_white">We are looking for <span class="color_high_yellow" id="count_role1"></span> people to join our support centre & <span class="color_high_yellow" id="count_location1"></span> people to join our stores</h1> <div class="section jobsearch"> <form action=""> <div class="row"> <div class="col-sm-6 col-sm-6-np"> <div class="col-selector"> <div class="jobForm_wrap"> <div action="" class="jobform"> <label for="">I'm looking for a </label> <input type="hidden" id="roleId1" value=""> <input type="text" class="input_line" id="classification1" list="languages" placeholder="Please use full words" > <datalist id="languages"> </datalist> <div class="help-box" id="help-box2"></div> <label for=""> role in</label> </div> </div> </div> </div> <div class="col-sm-3"> <div class="col-selector"> <select class="custom_select" id="location_box"> <option>Select location</option> <option value='all' >All</option> </select> <div class="help-box" id="help-box3"></div> <input type="hidden" id="locationId1" value=""> </div> </div> <div class="col-sm-3"> <div class="col-selector"> <button type="button" class="btn btn-default clearfix job_search_submit search1"><span class="pull-left">Search</span> <i class="fa fa-angle-right pull-right" style="position: relative;top: 5px;"></i></button> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div>     </ul> </div> </div> </div>   </div>  </nav>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-120536309-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-120536309-1'); </script> </header>   <div class="row"> <div class="col-md-12 col-md-12-np"> <section id="hero-2" class="bg-scroll hero-section wow fadeIn"> <div class="hero-overlay division"> <div class="container"> <div class="row hero-row-140">   <div class="col-sm-12 hero-txt white-color text-center"> <img class="img-responsive" src="images/who-we-are-text-image.png" alt="Foodstuffs Careers" title="Foodstuffs Careers">   <h4 style="max-width: 860px; margin: 0 auto; font-size: 16px;" class="h3-hero-lg m-bottom-50 aboutpage_comp"><p>We鈥檙e Foodies and we鈥檙e an unbeatable team of over 22,000 New Zealanders, who are making sure New Zealanders get more out of life. We believe that everyone who calls New Zealand home, or comes to visit us, deserves to enjoy more of what matters most to them.</p> <p>For nearly 100 years we have built up a network of almost 350 (And still growing) PAK鈥檔SAVE, New World, Four Square and Gilmours stores, conveniently located where our customers need us to be, from the top to the very bottom of the North Island.</p> <p>Local grocers own and operate every one of our stores, and are committed to delivering what鈥檚 right for our customers and communities. When we say local, we mean it, they live in the community, stock the products their customers want and support the local community groups.</p> <p>We鈥檙e a cooperative, so while each grocer is local, we also have huge scale that allows us to deliver things for our customers that others could only dream of. Last year we sold more than 100,000,000 litres of milk, 105,000,000 apples, 1,100,000 kilos of salmon and 2,296 tonnes of Weet-Bix!</p> <p>Our people make our business what it is. That鈥檚 everyone from our owner operators, our supply chain, transport and support centre teams and everyone in store that keep the shelves full and the doors open for customers all year round.</p> <p>We are focused on making sure every single one of our team has what they need to unleash their own potential. Part of this is also making sure members of the Foodies team have purposeful careers and bright futures, that鈥檚 why most of our owner operators come from within the cooperative.</p> </h4>  </div>  </div>  <a href="#grad" class="arrow_down_icon hashscroll"><i class="fa fa-angle-down"></i></a> </div>  </section>  </div> </div>  <div class="row"> <div class="col-md-12 col-md-12-np"> <div id="grad"> <section id="features-2" class="wide-40 job-role-padding-t-b features-section division"> <div class="container">  <div style="margin: 0 auto;" class="row job-sec-container">  <div class="col-md-12 col-md-3-search-counter">  <h3 class="txt-medium text-left"><span class="white-color">We are looking for</span> <span class="yellow-color" id="count_role"></span> <span class="white-color">people to join our support centre & </span> <span class="yellow-color" id="count_location"></span> <span class="white-color">people to join our stores</span><h3> </div>  <div class="col-md-6 col-md-5-role-field col-md-5A respond1">  <form class="newsletter-form"> <div class="input-group"> <div class="white-color2"><samp>I'm looking for a </samp> <span style="display: inline-block;"> <input type="hidden" id="roleId" value="" > <input type="text" placeholder="Please use full words" class="input_line asa" id="classification" list="languagess" > <datalist style="display: none;" id="languagess"> </datalist> <div class="help-box" id="help-box"></div> </span> <samp>role in</samp></div> </div>  <label for="s-email" class="form-notification"></label> </form> </div> <style type="text/css"> .hm-gradient { background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%); } .navbar .dropdown-menu a:hover { color: #ffe960 !important; } .darken-grey-text { color: #2E2E2E; } .dropdown-item { display: block; width: 100%; padding: .25rem 2.9rem; clear: both; font-weight: 400; color: #fff; text-align: inherit; white-space: nowrap; background-color: transparent; border-top: 1px solid #fff; } .dropdown-item a { color: #ffe960 !important; } .dropdown-item a:hover { color: #ffe960; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 3.255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .btn.dropdown-location { padding: 6px 15px; } .dropdown-menu { position: relative; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 175px; padding: 0px 0; margin: -1px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: transparent; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #fff; border-radius: 0px; } .dropdown-location-width { width: 100%; min-width: 175px; text-align: left; } </style>  <div class="col-md-3 location-margin"> <div class="btn-group"> <button class="dropdown-location-width btn btn-tra-white dropdown-location dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="204" value=""><span class="location_wrapper">Locations</span></button> <div class="help-box" id="help-box1"></div> <input type="hidden" id="locationId" value=""> <div class="dropdown-menu" id="locations" style="max-height: 250px;overflow-y: scroll;"> <a class="dropdown-item" onclick=" return list_id(this.id )" href="javascript:void(0);" id="all">All</a>  </div> </div> </div>  <div class="col-md-3 search-margin search-padding visible-lg-block visible-md-block visible-xs-block hidden-sm search-p-left-0 respond3"> <a href="#" class="btn search clearfix" id=""><span class="pull-left">Search</span> <i class="fa fa-angle-right pull-right" style="margin-top: 2px;"></i></a> </div> </div>   <div class="col-md-12 search-padding visible-sm-block hidden-md search-p-left-0"> <a href="#" class="btn search clearfix"><span class="pull-left">Search</span> <i class="fa fa-angle-right pull-right" style="margin-top: 2px;"></i></a> </div> </div>  </div> </section>  </div> </div>   <div style="max-width: 100%; margin: 0 auto;" class="row"> <div class="col-md-12 col-md-12-np">  <div style="padding: 0; margin-top: -1px;" class="col-sm-6 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <div class="video-block-wrapper"> <h3 class="text-center white-color support-header-text"><a href="https://foodstuffs.careers/support-centre.php">Support centre & <span style="display: block;">supply chain roles</span></a></h3> <h3 class="support-header-border"></h3> </div>  <img style="width: 100%;" class="img-responsive" src="images/support-centre-and-supply-chain-roles.jpg" alt="support-centre-and-supply-chain-roles" title="support-centre-and-supply-chain-roles"> </div> </div>  </div>  <div style="padding: 0; margin-top: -1px;" class="col-sm-6 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <div class="video-block-wrapper"> <h3 class="text-center white-color store-header-text"><a href="https://foodstuffs.careers/store-roles.php">Store roles</a></h3> <h3 class="store-header-border"></h3> </div>  <img style="width: 100%;" class="img-responsive" src="images/store-roles.jpg" alt="store-roles" title="store-roles"> </div> </div>  </div> </div> </div>  </div> </div>  </div>  </section>    <div style="max-width: 100%; margin: 0 auto;" class="row"> <div class="col-md-12 col-md-12-np">  <div style="padding: 0; margin-top: -1px;" class="col-sm-6 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">   <div class="video-block-wrapper"> <h3 class="text-center white-color ownership-header-text"><a href="https://foodstuffs.careers/ownership.php">Ownership</a></h3> <h3 class="ownership-header-border"></h3> </div>  <img style="width: 100%;" class="img-responsive" src="images/ownership.jpg" alt="ownership" title="ownership"> </div> </div>  </div>  <div style="padding: 0; margin-top: -1px;" class="col-sm-6 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">   <div class="video-block-wrapper"> <h3 class="text-center white-color lwye-header-text"><a href="https://foodstuffs.careers/lwye.php">Learn while you earn</a></h3> <h3 class="lwye-header-border"></h3> </div>  <img style="width: 100%;" class="img-responsive" src="images/lwye.jpg" alt="lwye.jpg" title="lwye"> </div> </div>  </div> </div> </div>  </div> </div>  </div>  </section>  <div style="max-width: 100%; margin: 0 auto;" class="row"> <div class="col-md-12 col-md-12-np"> <div class="dark-green-divider"></div> </div> </div>   <div style="max-width: 100%; margin: 0 auto;" class="row"> <div class="col-md-12 col-md-12-np">  <div style="padding: 0; margin-top: -1px;" class="col-sm-4 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <a class="video-popup" href="https://vimeo.com/261183437">  <div class="video-block-wrapper"> <div class="play-icon"></div> <h3 class="text-center white-color play-header-text">Love</h3> <h3 class="play-header-border"></h3> </div>  <img class="img-responsive" src="images/love-image.jpg" alt="Foodstuffs Careers" title="Foodstuffs Careers"> </a> </div> </div>  </div>  <div style="padding: 0; margin-top: -1px;" class="col-sm-4 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <a class="video-popup" href="https://vimeo.com/261182983">  <div class="video-block-wrapper"> <div class="play-icon"> </div> <h3 class="text-center white-color play-header-text">Know</h3> <h3 class="play-header-border"></h3> </div>  <img class="img-responsive" src="images/know-image.jpg" alt="Foodstuffs Careers" title="Foodstuffs Careers"> </a> </div> </div>  </div>  <div style="padding: 0; margin-top: -1px;" class="col-sm-4 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <a class="video-popup" href="https://vimeo.com/261184023">  <div class="video-block-wrapper"> <div class="play-icon"></div> <h3 class="text-center white-color play-header-text">Share</h3> <h3 class="play-header-border"></h3> </div>  <img class="img-responsive" src="images/share-image.jpg" alt="Foodstuffs Careers" title="Foodstuffs Careers"> </a> </div> </div>  </div> </div>  </div> </div>  </div>  </section>   <div style="max-width: 100%; margin: 0 auto;" class="row"> <div class="col-md-12 col-md-12-np"> <section id="content-1" class="content-section division"> <div class="container-fliud"> <div class="row nogutter"> <div style="max-height: 250px;" class="col-md-12"> <div class="content-row nogutter">  <div class="col-sm-4 col-lg-4">  <h3 class="turquoise-color txt-medium p-left-30 our-brand">Our Brands</h3> </div>  <div class="col-md-1 empty-div"></div>  <div style="z-index: 0" class="col-sm-8 col-lg-8 border-l"> <style type="text/css"> @media (min-width: 768px) and (max-width: 991px) { #myCarousel .carousel-inner .item .item-item:last-child { display: none; } } @media (max-width: 768px) { #mymyCarousel .carousel-inner { height: 320px; } } .carousel-inner { overflow-y: hidden; } .carousel-inner .active.left { left: -25%; } .carousel-inner .next { left: 25%; } .carousel-inner .prev { left: -25%; } .carousel-control { width: 4%; } .carousel-control.left, .carousel-control.right { margin-left: 15px; background-image: none; } .carousel-inner .item-item { padding: 0!important; } .mfp-wrap{height:100% !important; overflow-y:hidden !important; top:0 !important;position:fixed !important; width:100% !important; margin: 0 !important;} .mfp-container{height:100% !important; margin: 0 !important; overflow: hidden !important;} #video-popup-overlay{bottom:0;} </style> <style> @media only screen and (max-width: 2500px){ .mfp-close.fa{ left: 25px !important; } } @media only screen and (max-width: 1700px){ .mfp-close.fa{ left: 25px !important; } } @media only screen and (max-width: 1790px){ .mfp-close.fa{ left: 130px !important; } } @media only screen and (max-width: 1820px){ .mfp-close.fa{ left: 25px !important; } } @media only screen and (max-width: 1870px){ .mfp-close.fa{ left: 180px !important; } } @media only screen and (max-width: 1900px){ .mfp-close.fa{ left: 25px !important; } } </style> <style> .mfp-iframe-scaler iframe { max-height: 100vh!important; } iframe.mfp-iframe { max-height: 100vh; } @media only screen and (max-width: 2500px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 195px) !important; } } @media only screen and (max-width: 1700px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 1790px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 1820px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } } @media only screen and (max-width: 1870px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 1900px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 980px){ .mfp-iframe-holder .mfp-close { top: 20px !important; } .mfp-close.fa { left: 50px !important; top: 20px !important; } .mfp-iframe-holder .mfp-content { height: auto; } .mfp-iframe-scaler iframe { max-width: 100%!important; } } @media only screen and (max-width: 735px){ .mfp-iframe-holder .mfp-close { top: 20px !important; } } @media only screen and (max-width: 415px){ .mfp-iframe-holder .mfp-close { top: 20px !important; } } @media only screen and (max-width: 375px){ .mfp-iframe-holder .mfp-close { top: 20px !important; left: 25px !important; } .mfp-iframe-holder .mfp-close { top: 0px; left: 25px !important; } } @media only screen and (max-width: 536px){ #video-popup-close { top: 20px!important; } } @media only screen and (max-width: 479px){ #video-popup-close { top: 20px!important; } } .mfp-iframe-scaler iframe { max-height: 100vh!important; } iframe.mfp-iframe { max-height: 100vh; } #video-popup-iframe { max-height: 100vh !important; min-height: 100px !important; } .mfp-iframe-scaler iframe{max-width:600px;} </style>  <div class="row"> <div class="col-md-12"> <div class="client_holder client_holder_landscape parent child">  <div class="owl-carousel owl-theme" id="owl-demo"> <div class="item"><img src="images/clients/foodstuffs-ni.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/foodstuffs-nz.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/fresh-collective-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/gilmours-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/liqour-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/4-square-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/new-world-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/pak-and-stuff-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/pams-finest.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/pams-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/value-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> </div> </div> </section>   <div class="row bg-darker bg-darker-footer"> <div style="max-width: 100%; margin: 0 auto;" class="col-md-12"> <footer id="footer-4" class="footer division"> <div class="container"> <div class="row"> <div class="col-md-12 white-color p-top-20 p-bottom-20">  <div class="col-md-6 foo-links white-color">  <ul class="footer-links clearfix p-top-5"> <li><span class="p-xsmall fw-medium">Copyright © Foodstuffs North Island 2017</span></li> </ul> </div>  <div class="col-md-2 foo-links white-color">  <ul class="footer-links clearfix p-top-5"> <li><a href="https://foodstuffs.careers/privacy-and-terms.php" class="p-xsmall fw-medium">Privacy & Terms</a></li> </ul> </div>  <div class="col-md-4 foo-links text-right white-color">  <ul class="clearfix txt-medium footer-p-right"> <li><p class="p-medium">Go to <a style="color: #00bdbe;" href="https://www.foodstuffs.co.nz/" class="fw-bold" target="_blank"><span>Foodstuffs NZ</span></a></p></li> </ul> </div> </div> </div> </div> </footer>  </div> </div> </div>   <script src="js/jquery-2.2.4.min.js" type="text/javascript"></script> <script src="js/bootstrap.min.js" type="text/javascript"></script> <script> var base_url = window.location.origin; function list_id(data) { var value = $("#"+data).text(); $('.btn.dropdown-location').text(value); $('#locationId').val(data); $('.btn.dropdown-location').attr("id", data); $('.dropdown-location').val(value); $(".location-margin .dropdown-toggle").wrapInner('<span class="location_wrapper"></span>'); } </script> <script> function drop_id(Id) { var value = $("#"+Id).text(); $('.select-styled').text(value); $('#locationId1').val(Id); } </script> <script> $(function(){ $('#classification').change(function(){ var id = $("#languagess option[value='" + $('#classification').val() + "']").attr('id'); $('#roleId').val(id); }); }); </script> <script> $(function(){ $('#classification1').change(function(){ var id = $("#languages option[value='" + $('#classification1').val() + "']").attr('id'); $('#roleId1').val(id); }); }); </script> <script> $(document).ready(function() { var keys = ' '; $.ajax({ type: "POST", url: base_url+"/php/sample.php", data: { 'key':keys }, dataType: "text", success: function(msg){ if(msg != false) { var det = JSON.parse(msg); var support = det.support; var store = det.store; $('#count_location').append(+store); $('#count_location1').append(+store); $('#count_role').append(+support); $('#count_role1').append(+support); }else { $('#count_role').append(0); $('#count_role1').append(0); } } }); }); /* $(document).ready(function() { var keys = ' '; $.ajax({ type: "POST", url: "https://hueyhutch.com/foodstuff_jan18/sites/php/sample.php", data: { 'key':keys }, dataType: "text", success: function(msg){ if(msg != false) { var det = JSON.parse(msg); var roles = det.length; $('#count_role').append(+roles); $('#count_role1').append(+roles); for(i = 0; i < det.length; i++) { var posting = det[i]; var charName = posting.title; $('#languagess').append('<option value="'+charName+'"></option>'); $('#languages').append('<option value="'+charName+'"></option>'); } }else { $('#languagess').append('<option value="Unavailable"></option>'); $('#languages').append('<option value="Unavailable"></option>'); } } }); });*/ </script> <script> $(document).ready(function(){ var Id ="test"; $.ajax({ type: "POST", url: base_url+"/php/sample.php", data: { 'data_type' : Id, }, dataType: "text", success: function(msg){ if(msg != false) { var data = JSON.parse(msg); var support = data.length; $('.select-options').html('<li class="list-item" onclick="return drop_id(this.id )" id=all>All</li>'); for(i = 0; i < data.length; i++) { var posting = data[i] ; var locationId = posting.Id; var locationName = posting.Name; $('#locations').append('<a class="dropdown-item" onclick=" return list_id(this.id )" href="javascript:void(0);" id='+locationId+'>'+locationName+'</a>'); $('#location_box').append('<option value='+locationId+'>'+locationName+'</option>'); $('.select-options').append('<li class="list-item" onclick="return drop_id(this.id )" id='+locationId+'>'+locationName+'</li>'); } }else { $('#locations').append( '<option value="" >Select location</option>' ); } } }); }); </script> <script> $('.dropdown-location').click(function(){ $('#help-box1').hide(); }); </script> <script> $('.select').click(function(){ $('#help-box3').hide(); }); </script> <script> var explode = function(){ $('#help-box').text('Please enter job role.'); }; var implode = function(){ $('#help-box1').text('Please select location.'); }; $(".search").click(function() { //var clasification = $('#languagess option:selected').val(); var clasification = $('#classification').val(); var Location = $('#locationId').val(); var Locationtext = $('.dropdown-location').val(); if(clasification.trim() === "" ) { $('#help-box').text('Please enter job role.').show(); setTimeout(function(){ $('#help-box').hide() }, 3000); }else if(Location === "" || Locationtext === "" ) { $('#help-box1').text('Please select location.').show(); setTimeout(function(){ $('#help-box1').hide() }, 3000); }else { setTimeout(function(){ $('#help-box1').hide() }, 3000); if(Locationtext === "Taranaki & Wanganui") { Locationtext = "Taranaki Wanganui"; } if(Locationtext === "Nelson City & Marlborough") { Locationtext = "Nelson City Marlborough"; } if(Locationtext === "Mid & South Canterbury") { Locationtext = "Mid South Canterbury"; } document.location.href= base_url+"/search-jobs.php?classification="+clasification+"&location="+Location+"&locatext="+Locationtext; } }); </script> <script> $(".search1").click(function() { //var clasification = $('#languagess option:selected').val(); var clasification = $('#classification1').val(); var Location = $('#locationId1').val(); var Locationtext = $(".select-styled").text(); if(clasification.trim() === "") { $('#help-box2').text('Please enter job role.').show(); setTimeout(function(){ $('#help-box2').hide() }, 3000); }else if(Location === "") { $('#help-box3').text('Please select location.').show(); setTimeout(function(){ $('#help-box3').hide() }, 2000); }else { if(Locationtext === "Taranaki & Wanganui") { Locationtext = "Taranaki Wanganui"; } if(Locationtext === "Nelson City & Marlborough") { Locationtext = "Nelson City Marlborough"; } if(Locationtext === "Mid & South Canterbury") { Locationtext = "Mid South Canterbury"; } document.location.href = base_url+"/search-jobs.php?classification="+clasification+"&location="+Location+"&locatext="+Locationtext; } }); </script> <script> $(".close").on("click", function () { $('#classification1').val(''); $('#roleId1').val(''); $('#locationId1').val(''); var title = "select location"; $('.select-styled').text(title); $('#help-box2').hide(); $('#help-box3').hide(); }); </script> <link rel="stylesheet" type="text/css" href="css/breakpoints.css"> <script src="js/modernizr.custom.js" type="text/javascript"></script> <script src="js/jquery.easing.js" type="text/javascript"></script>  <script src="js/jquery.stellar.min.js" type="text/javascript"></script> <script src="js/jquery.scrollto.js" type="text/javascript"></script> <script src="js/jquery.appear.js" type="text/javascript"></script> <script src="js/jquery.vide.min.js" type="text/javascript"></script> <script src="js/owl.carousel.min.js" type="text/javascript"></script> <script src="js/slick.min.js" type="text/javascript"></script> <script src="js/jquery.magnific-popup.min.js" type="text/javascript"></script> <script src="js/jquery.flexslider.js" type="text/javascript"></script> <script src="js/jquery.ajaxchimp.min.js" type="text/javascript"></script> <script src="js/faqs-form.js" type="text/javascript"></script> <script src="js/contact-form.js" type="text/javascript"></script> <script src="js/jquery.validate.min.js" type="text/javascript"></script> <script src="js/pag.js" type="text/javascript"></script> <script src="https://player.vimeo.com/api/player.js"></script> <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/froogaloop.js"></script> <script src="https://a.vimeocdn.com/js/froogaloop2.min.js"></script>  <script src="js/custom.js" type="text/javascript"></script>      </body> </html>

CINXE.COM

Who We Are | Foodstuffs Careers North Island