Huntington Beach, CA

Name: Harbor Distributing Merchandisers, Warehouse Workers & Drivers Hiring Event
Start: 2021-06-26T09:00:00+00:00
End: 2021-06-26T14:00:00+00:00
Location: Huntington Beach, CA

5901 Bolsa Avenue
Huntington Beach, CA 92647 Get Directions

Events at this venue

June 2021
Harbor Distributing Merchandisers, Warehouse Workers & Drivers Hiring Event

June 26, 2021 @ 9:00 am - 2:00 pm

Huntington Beach, CA 5901 Bolsa Avenue, Huntington Beach, CA

Register for the Hiring Event by clicking RSVP Interviews on

.slider { margin: 0 auto; width: 95%; } .fullwidth_slider { width: 100% !important; } .fullwidth_slider .slick-track .slick-slide { margin: 0 !important; display: block !important; } .slick-slider { overflow: visible !important; width: 95%; margin: 0 auto; } .slick-slide { margin: 0px 20px; line-height: 0; } .slick-slide img { width: 100%; } .slick-prev:before, .slick-next:before { color: #000000; } .brands_slider .slick-track { display: flex !important; } .brands_slider .slick-track .slick-slide { display: flex !important; height: auto !important; align-items: flex-end !important; justify-content: center !important; } .slick-slide { /*opacity: .2;*/ transition: all ease-in-out .3s; } .slick-current { opacity: 1; } .slick-slider { box-sizing: border-box; display: block; khtml-user-select: none; moz-user-select: none; ms-touch-action: pan-y; ms-user-select: none; position: relative; touch-action: pan-y; user-select: none; webkit-tap-highlight-color: transparent; webkit-touch-callout: none; webkit-user-select: none; } .slick-list { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: hand; cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { moz-transform: translate3d(0, 0, 0); ms-transform: translate3d(0, 0, 0); o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); webkit-transform: translate3d(0, 0, 0); } .slick-track { display: block; left: 0; margin-left: auto; margin-right: auto; position: relative; top: 0; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { background: transparent; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; ms-transform: translate(0, -50%); outline: none; padding: 0; position: absolute; top: 50%; transform: translate(0, -50%); webkit-transform: translate(0, -50%); width: 20px; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: transparent; color: transparent; outline: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: "Font Awesome 5 Pro"; font-size: 32px; line-height: normal; moz-osx-font-smoothing: grayscale; webkit-font-smoothing: antialiased; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "\f104"; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "\f105"; } [dir='rtl'] .slick-next:before { content: '←'; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { bottom: -25px; display: block; list-style: none; margin: 0; padding: 0; position: absolute; text-align: center; width: 100%; } .slick-dots li { cursor: pointer; display: inline-block; height: 20px; margin: 0 5px; padding: 0; position: relative; width: 20px; } .slick-dots li button { background: transparent; border: 0; color: transparent; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; outline: none; padding: 5px; width: 20px; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { color: black; content: '•'; font-family: 'slick'; font-size: 6px; height: 20px; left: 0; line-height: 20px; moz-osx-font-smoothing: grayscale; opacity: .25; position: absolute; text-align: center; top: 0; webkit-font-smoothing: antialiased; width: 20px; } .slick-dots li.slick-active button:before { color: black; opacity: .75; }

if (jQuery("#KBtestmap").length) { // array storing all currently added maps; var addedKBmaps = []; function Map(name) { this.name = name; this.mapMarkers = []; this.maxZindex = 2; this.openedModals = []; this.container = jQuery("#"+ this.name + " .hmap_container .hmap_holder"); this.mapDataJSON; this.addMarker = function(icon, iconH, cordX, cordY, name) { var markerName; // if name param is specified use it and check for duplicates in mapMarkers array else generate name if(typeof name !== 'undefined') { markerName = generateUniqueMarkerName(this, name); } else { markerName = generateUniqueMarkerName(this); } this.mapMarkers[markerName] = new MapMarker(markerName, icon, iconH, cordX, cordY, this); } this.removeMarker = function(mapMarker) { this.mapMarkers[mapMarker].removeMarker(); } this.importJSON = function(mapDataJSON) { this.mapDataJSON = mapDataJSON; for (importedMarkerName in this.mapDataJSON) { // add new marker this.addMarker(this.mapDataJSON[importedMarkerName].icon, this.mapDataJSON[importedMarkerName].iconH, this.mapDataJSON[importedMarkerName].cordX, this.mapDataJSON[importedMarkerName].cordY, importedMarkerName); // add modal to new added marker if specified in json if (this.mapDataJSON[importedMarkerName]["modal"] && this.mapDataJSON[importedMarkerName]["modal"].title && this.mapDataJSON[importedMarkerName]["modal"].content) {; this.mapMarkers[importedMarkerName].addModal(this.mapDataJSON[importedMarkerName]["modal"].title, this.mapDataJSON[importedMarkerName]["modal"].content); }; } } this.generateJSON = function() { // function code here } this.showAllMapMarkers = function() { var count = 0; for (mapMarker in this.mapMarkers) { if (mapMarker != "removeElement") { this.mapMarkers[mapMarker].show(); }; } } this.closeAllModals = function() { for (var i = this.openedModals.length-1; i >= 0; i--) { this.openedModals[i].closeModal() }; } } // Map class end function MapMarker(name, icon, iconH, cordX, cordY, map) { this.map = map; this.name = name; this.icon = icon; this.iconH = iconH; this.cordX = cordX; this.cordY = cordY; this.markerContainer = this.map.container; // jquery map marker container object this.modal; this.addModal = function(modalTitle, modalContent) { this.modal = new MarkerModal(modalTitle, modalContent, this); } this.activate = function() { jQuery('[data-marker-name="' + this.name + '"]').addClass('active'); } this.deactivate = function() { jQuery('[data-marker-name="' + this.name + '"]').removeClass('active'); } this.setCurrent = function(){ jQuery('[data-marker-name="'+ this.name +'"]').css('z-index', this.map.maxZindex); this.map.maxZindex++; } this.unsetCurrent = function() { jQuery('[data-marker-name="'+ this.name +'"]').css('z-index', "1"); } this.generateMarker = function() { output = '

' return output; } this.removeMarker = function() { jQuery('[data-marker-name="'+this.name+'"]').remove(); delete this.map.mapMarkers[this.name]; this.map.openedModals.removeElement(this.modal); } this.show = function() { this.markerContainer.append(this.generateMarker()); } } // MapMarker class end function MarkerModal(modalTitle, content, linkedMapMarker) { this.title = modalTitle; this.linkedMapMarker = linkedMapMarker; // linked to modal map marker object this.content = content; this.positionedElemOffsetX = null; this.positionedElemOffsetY = null; self = this; this.generateModal = function() { output = '

' + this.title + '

'; output += '

' + this.content + '

'; output += '

'; return output; } //Added by Somesh for Location data in bottom this.locData = function() { output = loc_details = "

"+ this.title +"

"+ this.content +"

"; return output; } this.isModalActive = function() { return (jQuery('[data-marker-name="' + this.linkedMapMarker.name + '"]').hasClass('active')); } this.closeModal = function() { jQuery('[data-marker-name="'+ this.linkedMapMarker.name +'"] .hmap_marker_content').remove(); //Added by Somesh to remove existing location after click on another location jQuery('[data-marker-name="'+ this.linkedMapMarker.name +'"]').parent().parent().find('.location_details').remove(); this.linkedMapMarker.map.openedModals.removeElement(this); this.linkedMapMarker.deactivate(); this.linkedMapMarker.unsetCurrent(); if (this.linkedMapMarker.map.openedModals.length jQuery(window).outerWidth()) { $markerContentWidth = jQuery(window).outerWidth()-1; } $markerWidth = jQuery('.hmap_marker').outerWidth(); $markerHeight = jQuery('.hmap_marker').outerHeight(); $positionedElem = jQuery('[data-marker-name="'+ this.linkedMapMarker.name +'"]').find('.hmap_marker_content'); self.positionedElemOffsetX = -($markerContentWidth/2)+$markerWidth/2; self.positionedElemOffsetY = $markerHeight/2; $positionedElem.css({ 'left': self.positionedElemOffsetX, 'bottom': self.positionedElemOffsetY, 'max-width': jQuery(window).outerWidth() }); // if modal is off screen changes its left/right position until modal is fully on screen whileOffScreen(); } function whileOffScreen() { // while is overflowing screen on the left while (($positionedElem.offset().left jQuery(window).outerWidth()))) { self.positionedElemOffsetX += 1; $positionedElem.css({ 'left': self.positionedElemOffsetX, 'bottom': self.positionedElemOffsetY, 'max-width': jQuery(window).outerWidth()-1 }); } // while is overflowing screen on the rifht while (($positionedElem.offset().left + $markerContentWidth > jQuery(window).outerWidth())&(!($positionedElem.offset().left < 0))) { self.positionedElemOffsetX += -1; $positionedElem.css({ 'left': self.positionedElemOffsetX, 'bottom': self.positionedElemOffsetY, 'max-width': jQuery(window).outerWidth()-1 }); } // while is overflowing srceen on top while($positionedElem.offset().top -1) { this.splice(index, 1); } } function generateName(namebase) { return namebase+Math.floor((Math.random() * 1000) + 1); } function generateUniqueMarkerName(map, name) { var namebase = 'mapMarker'; var objname; // check if param name is specified, if so use its name and check for duplicates if(typeof name !== 'undefined') { objname = name; } else { objname = generateName(namebase); } var infiniteLoopCheck = 0; while (map.mapMarkers[objname]) { objname = generateName(namebase); infiniteLoopCheck++; if (infiniteLoopCheck > 1000) { console.error('After 10000 tries couldnt generate unique name for MapMarker object. Change max number in MapMarker object name [function generateName()]. Default max: 1000'); return false; }; } return objname; } function getKBmap(name) { for (var i=0, iLen=addedKBmaps.length; i

before last

by somesh to add Location data div in bottom var output = '

'; jQuery('#'+name).append(output); window[name] = new Map(name, mapDataJSON); addedKBmaps.push(window[name]); } }

.hmap_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column; } .hmap_holder { display: inline-block; width: 100%; position: relative; } .hmap_holder svg { max-width: 100%; } .hmap_holder img { max-width: 100%; width: 100%; } .hmap_marker { position: absolute; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); top: 42%; left: 69%; z-index: 1; } .hmap_marker.current { z-index: 2; } .hmap_marker img { cursor: pointer; position: relative; z-index: 3; } .hmap_marker_content { background-color: #ffffff; display: inline-block; padding: 25px; -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.15); position: absolute; bottom: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .hmap_marker_content .hmap_marker_title { margin-top: 0px; margin-bottom: .5em; } .hmap_marker_close { position: absolute; top: 10px; right: 10px; cursor: pointer; color: #231f20; } .hmap_marker.active .loc_icon, .hmap_marker .loc_icon_hover { display: none; } .hmap_marker.active .loc_icon_hover { display: block; } .hmap_marker img { width: 10px !important; } @media (min-width: 425px) { .hmap_marker img { width: 15px !important; } } @media (min-width: 768px) { .hmap_marker img { width: 25px !important; } }

Huntington Beach, CA

Events at this venue

June 2021

Harbor Distributing Merchandisers, Warehouse Workers & Drivers Hiring Event

Widget Title

Widget Title

Widget Title

Widget Title

Widget Title

' + this.title + '

"+ this.title +"