<!DOCTYPE html>
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#main-container {
display : none;
}
</style>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>-->
<title>
City of Long Beach
</title>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="/contentassets/cecbb0b8ce784604a3d81b786aeb7d8e/longbeachfacebook200.jpg" property="og:image">
<link href="/favicon.png" rel="shortcut icon" type="image/x-icon">
<script>
var $buoop = {
vs: {
i: 10,
f: 25,
o: 12.1,
s: 6
},
c: 2,
reminder: 0
};
function $buo_f() {
var e = document.createElement("script");
e.src = "//browser-update.org/update.min.js";
e.async = true;
document.body.appendChild(e);
}
;
try {
document.addEventListener("DOMContentLoaded", $buo_f, false);
} catch (e) {
window.attachEvent("onload", $buo_f);
}
</script>
<!-- Main Responsive & Mobile Framework -->
<!--<script src="https://code.jquery.com/jquery-2.1.1.js"></script>-->
<!--[if (!IE)|(gt IE 8)]><!-->
<script src="/common/js/jquery.min.js">
</script>
<script src="/common/js/easyResponsiveTabs.js" type="text/javascript">
</script>
<!--<![endif]-->
<script src="/common/js/bootstrap.min.js">
</script>
<link href="/common/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css">
<link href="/common/css/jcarousel.responsive.css" rel="stylesheet" type="text/css">
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="/common/css/ie8-column-support.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" async></script>
<script type="text/javascript" src="/common/js/easyResponsiveTabs-ie8.js" async></script>
<script type="text/javascript">
$('html').addClass('ie8');
</script>
<![endif]-->
<meta content="b3grsvamymn8e3y26w1447vyahnmr2" name="facebook-domain-verification">
<meta content="d2cbd2840da8c7aa-8ea378d4ca2a8e55-g7034799490fa3805-11" name="google-translate-customization">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-20457243-1">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-20457243-1');
</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-T3CM3WC');
</script>
<!-- End Google Tag Manager -->
</head>
<body id="htmlBody">
<div>
<div class="container-fluid relative overflow-hidden full-height" id="main-container">
<div class="wrapper homepage relative full-height">
<!-- ST-CONTENT -->
<div class="st-content relative full-height">
<!-- ST-CONTENT-INNER -->
<div class="st-content-inner relative">
<!-- MAIN -->
<div class="main" style="position: relative">
<!-- MENU-BG -->
<div class="container-fluid menu-bg-boxed">
<!-- BM-CONTAINER -->
<div class="row-fluid site-width-boxed bm-container">
<div class="font-language">
<div class="row">
<!-- Start Google Translate Code -->
<div id="google_translate_element">
</div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
includedLanguages: 'es,km,tl',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
autoDisplay: false
}, 'google_translate_element');
}
</script>
<script async="" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript">
</script>
<!-- /End Google Translate Code -->
<div class="font-size-selector">
<div class="btn-group">
<button aria-expanded="false" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown" type="button">
<!-- <span class="caret"></span>-->
</button>
<ul class="dropdown-menu" id="text-resizer" role="menu">
<li>
<a href="#" name="rvfs-5">
Extra Large
</a>
</li>
<li>
<a href="#" name="rvfs-4">
Large
</a>
</li>
<li>
<a href="#" name="rvfs-3">
Normal
</a>
</li>
<li>
<a href="#" name="rvfs-2">
Small
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="slidemenu-toggler">
<button class="side-menu-toggle home" id="main-mobile-toggle">
MENU
</button>
</div>
<script type="text/javascript">
<!--
$(document).ready(function () {
$('.official-details').first().addClass('active').show();
$('a.official-hover').hover(function () {
var id = $(this).attr('rel');
var $elem = $('#official-info-' + id);
if ($elem.hasClass('active')) {
return false;
} else {
$('.official-details.active').removeClass('active');
$('.official-details').css("z-index", "1").fadeOut(100);
$('#official-info-' + id).css("z-index", "2").addClass('active').delay(100).fadeIn(100);
}
});
$('.top-nav .fw').last().addClass('lastItem');
});
//-->
</script>
<!-- Wayout Menu - TOP NAV -->
<div class="top-nav hidden-phone" id="top-nav">
<ul class="content-container">
<li class="branding">
<a href="/">
<img src="/globalassets/city-logo.png">
</a>
</li>
<!-- Menu Item and Mega Menu (layout 1) -->
<li class="top-nav-mega fw">
<a class="" href="/officials/" title="City Officials">
City Officials
</a>
</li>
<div class="top-nav-mega-full-width city-officials">
<div class="row-fluid">
<div id="ctl00_ucNav_rNavMenu_ctl00_pCityOfficals">
<div class="col-md-5">
<h3>
Mayor
</h3>
<ul>
<li>
<a class="official-hover" href="/mayor/" rel="66" title="Rex Richardson">
Rex Richardson
</a>
</li>
</ul>
<h3>
City Council
</h3>
<ul>
<li>
<a class="official-hover" href="/district1/" rel="67" title="Mary Zendejas">
Mary Zendejas
</a>
<span>
1st District
</span>
</li>
<li>
<a class="official-hover" href="/district2/" rel="68" title="Cindy Allen">
Cindy Allen
</a>
<span>
2nd District
</span>
</li>
<li>
<a class="official-hover" href="/district3/" rel="69" title="Kristina Duggan">
Kristina Duggan
</a>
<span>
3rd District
</span>
</li>
<li>
<a class="official-hover" href="/district4/" rel="70" title="Daryl Supernaw">
Daryl Supernaw
</a>
<span>
4th District
</span>
</li>
<li>
<a class="official-hover" href="/district5/" rel="71" title="Megan Kerr">
Megan Kerr
</a>
<span>
5th District
</span>
</li>
<li>
<a class="official-hover" href="/district6/" rel="72" title="Suely Saro">
Suely Saro
</a>
<span>
6th District
</span>
</li>
<li>
<a class="official-hover" href="/district7/" rel="73" title="Roberto Uranga">
Roberto Uranga
</a>
<span>
7th District
</span>
</li>
<li>
<a class="official-hover" href="/district8/" rel="74" title="Tunua Thrash-Ntuk">
Tunua Thrash-Ntuk
</a>
<span>
8th District
</span>
</li>
<li>
<a class="official-hover" href="/district9/" rel="75" title="Dr. Joni Ricks-Oddie">
Dr. Joni Ricks-Oddie
</a>
<span>
9th District
</span>
</li>
</ul>
</div>
<div class="col-md-3">
<div class="official-details" id="official-info-66" style="display: none;">
<div class="official-title">
<h3>
Rex Richardson
</h3>
<h4>
</h4>
</div>
<img src="/globalassets/officials/media-library/images/mayorrichardson185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-6801">
562-570-6801
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-67" style="display: none;">
<div class="official-title">
<h3>
Mary Zendejas
</h3>
<h4>
1st District
</h4>
</div>
<img src="/globalassets/officials/media-library/images/maryzendejas185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-6919">
562-570-6919
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-68" style="display: none;">
<div class="official-title">
<h3>
Cindy Allen
</h3>
<h4>
2nd District
</h4>
</div>
<img src="/globalassets/officials/media-library/images/allen185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-2222">
562-570-2222
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-69" style="display: none;">
<div class="official-title">
<h3>
Kristina Duggan
</h3>
<h4>
3rd District
</h4>
</div>
<img src="/globalassets/officials/media-library/images/duggan_185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-6300">
562-570-6300
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-70" style="display: none;">
<div class="official-title">
<h3>
Daryl Supernaw
</h3>
<h4>
4th District
</h4>
</div>
<img src="/globalassets/officials/media-library/images/supernaw185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-4444">
562-570-4444
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-71" style="display: none;">
<div class="official-title">
<h3>
Megan Kerr
</h3>
<h4>
5th District
</h4>
</div>
<img src="/globalassets/officials/media-library/images/kerr185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-5555">
562-570-5555
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-72" style="display: none;">
<div class="official-title">
<h3>
Suely Saro
</h3>
<h4>
6th District
</h4>
</div>
<img src="/globalassets/officials/media-library/images/saro185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-6816">
562-570-6816
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-73" style="display: none;">
<div class="official-title">
<h3>
Roberto Uranga
</h3>
<h4>
7th District
</h4>
</div>
<img src="/globalassets/officials/media-library/images/uranga-2025.jpg">
<div class="official-contact">
<a href="tel:562-570-7777">
562-570-7777
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-74" style="display: none;">
<div class="official-title">
<h3>
Tunua Thrash-Ntuk
</h3>
<h4>
8th District
</h4>
</div>
<img src="/globalassets/officials/media-library/images/tunua185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-6685">
562-570-6685
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-75" style="display: none;">
<div class="official-title">
<h3>
Dr. Joni Ricks-Oddie
</h3>
<h4>
9th District
</h4>
</div>
<img src="/globalassets/officials/media-library/images/ricks-oddie185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-6137">
562-570-6137
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-76" style="display: none;">
<div class="official-title">
<h3>
Dawn McIntosh
</h3>
<h4>
City Attorney
</h4>
</div>
<img src="/globalassets/officials/media-library/images/mcintosh185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-2200">
562-570-2200
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-77" style="display: none;">
<div class="official-title">
<h3>
Laura L. Doud
</h3>
<h4>
City Auditor
</h4>
</div>
<img src="/globalassets/officials/media-library/images/doud185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-6751">
562-570-6751
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-78" style="display: none;">
<div class="official-title">
<h3>
Doug Haubert
</h3>
<h4>
City Prosecutor
</h4>
</div>
<img src="/globalassets/officials/media-library/images/haubert185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-5600">
562-570-5600
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-79" style="display: none;">
<div class="official-title">
<h3>
Tom Modica
</h3>
<h4>
City Manager
</h4>
</div>
<img src="/globalassets/officials/media-library/images/tom-modica-185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-5091">
562-570-5091
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
<div class="official-details" id="official-info-80" style="display: none;">
<div class="official-title">
<h3>
Monique DeLaGarza
</h3>
<h4>
City Clerk
</h4>
</div>
<img src="/globalassets/officials/media-library/images/delagarza185x200.jpg">
<div class="official-contact">
<a href="tel:562-570-6101">
562-570-6101
</a>
<a href="mailto:[email protected]">
Send Email
</a>
</div>
</div>
</div>
<div class="col-md-4">
<h3>
City-Wide Elected Officials
</h3>
<ul>
<li>
<a class="official-hover" href="/attorney/" rel="76" title="Dawn McIntosh">
Dawn McIntosh
</a>
<span>
City Attorney
</span>
</li>
<li>
<a class="official-hover" href="http://www.cityauditorlauradoud.com/" rel="77" title="Laura L. Doud">
Laura L. Doud
</a>
<span>
City Auditor
</span>
</li>
<li>
<a class="official-hover" href="http://cityprosecutordoughaubert.com/" rel="78" title="Doug Haubert">
Doug Haubert
</a>
<span>
City Prosecutor
</span>
</li>
</ul>
<h3>
Appointed Officials
</h3>
<ul>
<li>
<a class="official-hover" href="/citymanager/" rel="79" title="Tom Modica">
Tom Modica
</a>
<span>
City Manager
</span>
</li>
<li>
<a class="official-hover" href="/cityclerk/" rel="80" title="Monique DeLaGarza">
Monique DeLaGarza
</a>
<span>
City Clerk
</span>
</li>
</ul>
<ul class="no-header">
<li>
<a href="/mayor/administration/commissions-boards-committees/" title="Commissions and Committees">
Commissions and Committees
</a>
</li>
<li>
<a href="/cityclerk/meetings/" target="_blank" title="City Council Meetings & Agendas">
City Council Meetings & Agendas
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<li class="top-nav-mega fw">
<a href="/services/" title="Services">
Services
</a>
</li>
<div class="top-nav-mega-full-width">
<div class="row-fluid">
<div>
<div class="col-md-4">
<a href="/services/#onlinepayments" title="Online Payments">
<h3>
Online Payments
</h3>
</a>
<ul>
<li>
<a href="/utilityservices/" title="Utility Billing">
Utility Billing
</a>
</li>
<li>
<a href="/parking/citations/" title="Parking Citations">
Parking Citations
</a>
</li>
<li>
<a href="/finance/business-info/business-licenses/business-licenses/" title="Business Licenses">
Business Licenses
</a>
</li>
<li>
<a href="/finance/services-and-permits/ambulance-services/" title="Ambulance Services">
Ambulance Services
</a>
</li>
<li>
<a href="https://customer.marinago.com/lzmqhb6d/account/login" title="Marina Payments">
Marina Payments
</a>
</li>
<li>
<a href="/finance/services-and-permits/alarm-permits-and-false-alarms/" title="False Alarms">
False Alarms
</a>
</li>
<li>
<a href="/services/#onlinepayments" title="More »">
More »
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<a href="/services/#onlineservices" title="Online Services">
<h3>
Online Services
</h3>
</a>
<ul>
<li>
<a href="/lbcd/enforcement/" title="Code Enforcement">
Code Enforcement
</a>
</li>
<li>
<a href="https://www.p3tips.com/TipForm.aspx?ID=365#googtrans(en|en)" title="Report a Crime">
Report a Crime
</a>
</li>
<li>
<a href="/pw/services/potholes/" title="Report a Pothole">
Report a Pothole
</a>
</li>
<li>
<a href="https://apm.activecommunities.com/lbparks/Home" title="Recreation Class Registration">
Recreation Class Registration
</a>
</li>
<li>
<a href="/lbcd/forms/" title="Planning Forms">
Planning Forms
</a>
</li>
<li>
<a href="/lbcd/planning/current/permit/" title="Planning Permits">
Planning Permits
</a>
</li>
<li>
<a href="/services/#onlineservices" title="More »">
More »
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<a href="/services/#inperson" title="In-Person Services">
<h3>
In-Person Services
</h3>
</a>
<ul>
<li>
<a href="/lbcd/building/permit-center/" title="Building Permits">
Building Permits
</a>
</li>
<li>
<a href="/health/services/directory/records/" title="Obtain a Birth Certificate">
Obtain a Birth Certificate
</a>
</li>
<li>
<a href="/health/services/directory/records/#death_certificate" title="Obtain a Death Certificate">
Obtain a Death Certificate
</a>
</li>
<li>
<a href="http://registertovote.ca.gov/" title="Voter Registration">
Voter Registration
</a>
</li>
<li>
<a href="/acs/programs-services/Pet-licensing/" title="Pet Licensing">
Pet Licensing
</a>
</li>
<li>
<a href="/finance/services-and-permits/towing-and-lien-sales/" title="Towing & Lien Sales">
Towing & Lien Sales
</a>
</li>
<li>
<a href="/services/#inperson" title="More »">
More »
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<li class="top-nav-mega fw">
<a href="/businesses/" title="Businesses">
Businesses
</a>
</li>
<div class="top-nav-mega-full-width">
<div class="row-fluid">
<div>
<div class="col-md-4">
<a href="/businesses/#openingbusiness" title="Opening a Business">
<h3>
Opening a Business
</h3>
</a>
<ul>
<li>
<a href="/finance/business-info/business-licenses/business-licenses/" title="Business License">
Business License
</a>
</li>
<li>
<a href="/lbcd/building/permit-center/" title="Permit Center">
Permit Center
</a>
</li>
<li>
<a href="/lbcd/planning/" title="Planning">
Planning
</a>
</li>
<li>
<a href="/lbcd/building/" title="Building">
Building
</a>
</li>
<li>
<a href="/health/inspections-and-reporting/forms/environmental-health/" title="Health Forms">
Health Forms
</a>
</li>
<li>
<a href="/lbcd/forms/" title="Planning & Building Forms">
Planning & Building Forms
</a>
</li>
<li>
<a href="/businesses/#openingbusiness" title="More »">
More »
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<a href="/businesses/#doingbusiness" title="Doing Business With The City">
<h3>
Doing Business With The City
</h3>
</a>
<ul>
<li>
<a href="https://longbeachbuys.buyspeed.com/bso/" title="Register as a Vendor">
Register as a Vendor
</a>
</li>
<li>
<a href="/economicdevelopment/business-support/" title="Business Development">
Business Development
</a>
</li>
<li>
<a href="/finance/services-and-permits/fees-and-charges/" title="Fees & Charges">
Fees & Charges
</a>
</li>
<li>
<a href="/economicdevelopment/business-support/city-loan-programs/" title="Financial Assistance">
Financial Assistance
</a>
</li>
<li>
<a href="https://longbeachbuys.buyspeed.com/bso/" title="Bids/RFPs">
Bids/RFPs
</a>
</li>
<li>
<a href="/health/services/directory/tobacco-permits/" title="Tobacco Permits">
Tobacco Permits
</a>
</li>
<li>
<a href="/businesses/#doingbusiness" title="More »">
More »
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<a href="/businesses/#resources" title="Resources">
<h3>
Resources
</h3>
</a>
<ul>
<li>
<a href="http://www.pacific-gateway.org/" title="Workforce Development">
Workforce Development
</a>
</li>
<li>
<a href="http://www.pacific-gateway.org/business" title="Business Assistance">
Business Assistance
</a>
</li>
<li>
<a href="~/link/495299e6fe5e4fe78f9fb4e030244902.aspx" title="Commercial Improvement Rebate">
Commercial Improvement Rebate
</a>
</li>
<li>
<a href="/economicdevelopment/" title="Economic Development">
Economic Development
</a>
</li>
<li>
<a href="https://greenbusinessca.org/cityoflongbeach" title="Green Business">
Green Business
</a>
</li>
<li>
<a href="/businesses/#resources" title="More »">
More »
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<li class="top-nav-mega fw">
<a href="/residents/" title="Residents">
Residents
</a>
</li>
<div class="top-nav-mega-full-width">
<div class="row-fluid">
<div>
<div class="col-md-4">
<a href="/residents/#popular" title="Most Popular">
<h3>
Most Popular
</h3>
</a>
<ul>
<li>
<a href="/parking/" title="Parking">
Parking
</a>
</li>
<li>
<a href="/disasterpreparedness/alert-long-beach/" title="Alert Long Beach">
Alert Long Beach
</a>
</li>
<li>
<a href="/cityclerk/meetings/" title="Calendar/Agendas & Minutes">
Calendar/Agendas & Minutes
</a>
</li>
<li>
<a href="/whodoicall/" title="Who Do I Call?">
Who Do I Call?
</a>
</li>
<li>
<a href="/openlb/" title="OpenLB">
OpenLB
</a>
</li>
<li>
<a href="/finance/services-and-permits/towing-and-lien-sales/" title="Towing & Lien Sales">
Towing & Lien Sales
</a>
</li>
<li>
<a href="/residents/#popular" title="More »">
More »
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<a href="/residents/#onlineresources" title="Online Resources">
<h3>
Online Resources
</h3>
</a>
<ul>
<li>
<a href="/utilityservices/" title="Utility Services">
Utility Services
</a>
</li>
<li>
<a href="/openlb/maplb/" title="GIS Mapping">
GIS Mapping
</a>
</li>
<li>
<a href="/ti/resources/go-long-beach-apps/" title="GO Long Beach Apps">
GO Long Beach Apps
</a>
</li>
<li>
<a href="/finance/services-and-permits/garage-sales/" title="Garage Sale Permits">
Garage Sale Permits
</a>
</li>
<li>
<a href="/parking/preferential-permits/" title="Preferential Parking Permits">
Preferential Parking Permits
</a>
</li>
<li>
<a href="/lbcd/enforcement/" title="Code Enforcement">
Code Enforcement
</a>
</li>
<li>
<a href="/residents/#onlineresources" title="More »">
More »
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<li class="top-nav-mega fw">
<a href="/visitors/" title="Visitors">
Visitors
</a>
</li>
<div class="top-nav-mega-full-width">
<div class="row-fluid">
<div>
<div class="col-md-4">
<a href="/visitors/#attractions" title="Attractions">
<h3>
Attractions
</h3>
</a>
<ul>
<li>
<a href="http://www.aquariumofpacific.org/" title="Aquarium of the Pacific">
Aquarium of the Pacific
</a>
</li>
<li>
<a href="/park/park-and-facilities/parks-centers-pier/el-dorado-nature-center/" title="El Dorado Nature Center">
El Dorado Nature Center
</a>
</li>
<li>
<a href="/park/marine/marinas/rainbow-harbor-rainbow-marina/" title="Rainbow Harbor & Marina">
Rainbow Harbor & Marina
</a>
</li>
<li>
<a href="http://www.rancholosalamitos.com/" title="Rancho Los Alamitos">
Rancho Los Alamitos
</a>
</li>
<li>
<a href="http://www.rancholoscerritos.org/" title="Rancho Los Cerritos">
Rancho Los Cerritos
</a>
</li>
<li>
<a href="/visitors/#attractions" title="More »">
More »
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<a href="/visitors/#associations" title="Business Associations">
<h3>
Business Associations
</h3>
</a>
<ul>
<li>
<a href="http://www.belmontshore.org/" title="Belmont Shore">
Belmont Shore
</a>
</li>
<li>
<a href="http://4thstreetlongbeach.com/" title="4th St. (Retro Row)">
4th St. (Retro Row)
</a>
</li>
<li>
<a href="http://bixbyknollsinfo.com/" title="Bixby Knolls">
Bixby Knolls
</a>
</li>
<li>
<a href="http://www.zaferia.org/" title="East Anaheim (Zaferia)">
East Anaheim (Zaferia)
</a>
</li>
<li>
<a href="http://www.neighborhoodlink.com/Magnolia_Industrial_Group" title="Magnolia Industrial Group">
Magnolia Industrial Group
</a>
</li>
<li>
<a href="http://www.uptownvillagemarket.com/" title="Uptown">
Uptown
</a>
</li>
<li>
<a href="/visitors/#associations" title="More »">
More »
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<a href="/visitors/#travel" title="Travel Resources">
<h3>
Travel Resources
</h3>
</a>
<ul>
<li>
<a href="http://www.visitlongbeach.com/" title="Convention Visitors Bureau">
Convention Visitors Bureau
</a>
</li>
<li>
<a href="/openlb/maplb/" title="GIS Maps & Data">
GIS Maps & Data
</a>
</li>
<li>
<a href="/lgb/" title="Long Beach Airport (LGB)">
Long Beach Airport (LGB)
</a>
</li>
<li>
<a href="http://www.lbtransit.com/" title="Long Beach Transit">
Long Beach Transit
</a>
</li>
<li>
<a href="/parking/" title="Parking Services">
Parking Services
</a>
</li>
<li>
<a href="/visitors/#travel" title="More »">
More »
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<li class="top-nav-mega fw">
<a href="/departments/" title="Departments">
Departments
</a>
</li>
<div class="top-nav-mega-full-width">
<div class="row-fluid">
<div>
<h3>
Departments
</h3>
<div class="col-md-4">
<ul class="no-header">
<li>
<a href="/attorney/" title="City Attorney">
City Attorney
</a>
</li>
<li>
<a href="http://www.cityauditorlauradoud.com/" title="City Auditor">
City Auditor
</a>
</li>
<li>
<a href="/cityclerk/" title="City Clerk">
City Clerk
</a>
</li>
<li>
<a href="/citymanager/" title="City Manager">
City Manager
</a>
</li>
<li>
<a href="http://cityprosecutordoughaubert.com/" title="City Prosecutor">
City Prosecutor
</a>
</li>
<li>
<a href="/civilservice/" title="Civil Service">
Civil Service
</a>
</li>
<li>
<a href="/lbcd/" title="Community Development">
Community Development
</a>
</li>
<li>
<a href="/disasterpreparedness/" title="Disaster Preparedness">
Disaster Preparedness
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="no-header">
<li>
<a href="/economicdevelopment/" title="Economic Development">
Economic Development
</a>
</li>
<li>
<a href="/energyresources/" title="Energy Resources">
Energy Resources
</a>
</li>
<li>
<a href="/finance/" title="Financial Management">
Financial Management
</a>
</li>
<li>
<a href="/fire/" title="Fire">
Fire
</a>
</li>
<li>
<a href="http://www.polb.com/" title="Harbor">
Harbor
</a>
</li>
<li>
<a href="/health/" title="Health & Human Services">
Health & Human Services
</a>
</li>
<li>
<a href="/hr/" title="Human Resources">
Human Resources
</a>
</li>
<li>
<a href="/library/" title="Library">
Library
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="no-header">
<li>
<a href="/lgb/" title="Long Beach Airport (LGB)">
Long Beach Airport (LGB)
</a>
</li>
<li>
<a href="https://www.lbutilities.org/" title="Long Beach Utilities">
Long Beach Utilities
</a>
</li>
<li>
<a href="/officials/" title="Mayor & City Council">
Mayor & City Council
</a>
</li>
<li>
<a href="/park/" title="Parks, Recreation & Marine">
Parks, Recreation & Marine
</a>
</li>
<li>
<a href="/police/" title="Police">
Police
</a>
</li>
<li>
<a href="/policeoversight/" title="Police Oversight">
Police Oversight
</a>
</li>
<li>
<a href="/pw/" title="Public Works">
Public Works
</a>
</li>
<li>
<a href="/ti/" title="Technology & Innovation">
Technology & Innovation
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<li class="top-nav-mega fw">
<a href="/jobs/" title="Jobs">
Jobs
</a>
</li>
<div class="top-nav-mega-full-width">
<div class="row-fluid">
<div>
<div class="col-md-4">
<a href="/jobs/" title="Job Opportunities">
<h3>
Job Opportunities
</h3>
</a>
<ul>
<li>
<a href="https://www.governmentjobs.com/careers/longbeach" title="Current Openings">
Current Openings
</a>
</li>
<li>
<a href="https://www.governmentjobs.com/careers/longbeach/promotionaljobs" title="City Employees Only">
City Employees Only
</a>
</li>
<li>
<a href="/jobs/internships/" title="Internships">
Internships
</a>
</li>
<li>
<a href="/jobs/map/management-assistant-program/" title="Management Assistant Program">
Management Assistant Program
</a>
</li>
<li>
<a href="/jobs/volunteer-opportunities/" title="Volunteer Opportunities">
Volunteer Opportunities
</a>
</li>
<li>
<a href="http://www.polb.com/jobs" title="Port of Long Beach">
Port of Long Beach
</a>
</li>
<li>
<a href="https://www.lbutilities.org/about-us/employment" title="Utilities Department">
Utilities Department
</a>
</li>
<li>
<a href="http://www.pacific-gateway.org/" title="Local Non-City Jobs">
Local Non-City Jobs
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<a href="/jobs/" title="Information">
<h3>
Information
</h3>
</a>
<ul>
<li>
<a href="/hr/city-employees/employee-benefits/" title="Employee Benefits">
Employee Benefits
</a>
</li>
<li>
<a href="/hr/about-us/labor-relations/" title="Labor Relations">
Labor Relations
</a>
</li>
<li>
<a href="/hr/jobs/descriptions-and-compensation/" title="Job Descriptions and Compensation">
Job Descriptions and Compensation
</a>
</li>
<li>
<a href="/civilservice/civil-service-commission/rules-and-regulations/" title="Rules & Regulations">
Rules & Regulations
</a>
</li>
<li>
<a href="/jobs/contact/" title="Contact Us">
Contact Us
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<!--
<div id="badge" class="container-fluid content-container">
<asp:HyperLink ID="hlbadge" runat="server"/>
</div>
-->
<div class="container-fluid content-container">
<div class="row">
<div class="col-md-12 home-search" id="search">
<div class="search-icon">
</div>
<input id="txtSearch" placeholder="SEARCH YOUR CITY" type="text">
<input id="btnSearch" type="button" value="Search">
</div>
<!--end of search-->
</div>
</div>
<div class="container-fluid content-container">
<div class="row">
<div class="col-md-12">
<div id="tab">
<ul class="resp-tabs-list">
<li class="news">
<span>
Welcome
</span>
</li>
<li class="events">
<span>
Events
</span>
</li>
<li class="lbtv">
<span>
lbtv
</span>
</li>
<li class="maps">
<span>
OpenLB
</span>
</li>
<li class="connect">
<span>
Connect
</span>
</li>
</ul>
<div class="resp-tabs-container clearfix">
<div class="panel news-panel no-right-padding clearfix">
<div class="row">
<div class="col-md-9">
<div class="news-highlight box-shadow show" data-id="120892">
<a href="https://longbeach.gov/stateofthecity">
<img src="/globalassets/city-news/media-library/images/sotc2025_hmpg-728-x-255-px.png">
</a>
<div>
<h3>
<a href="https://longbeach.gov/stateofthecity">
2025 State of the City
</a>
</h3>
<p>
Missed Mayor Rex Richardson’s State of the City address?
<br>
<a href="/link/a38f3d7d0aab4e829f82702e2d889759.aspx">
+Watch Replay
</a>
</p>
</div>
</div>
<div class="news-highlight box-shadow hide" data-id="121206">
<a href="/pages/city-news/city-of-long-beach-emergency-updates/">
<img src="/globalassets/city-news/media-library/images/emergency-updates-front-page-carousel.jpg">
</a>
<div>
<h3>
<a href="/pages/city-news/city-of-long-beach-emergency-updates/">
City of Long Beach Emergency Updates
</a>
</h3>
<p>
Visit our
<a href="https://longbeach.gov/pages/emergency/">
emergency webpage
</a>
for the most current updates and news related to fire conditions in LA County.
</p>
</div>
</div>
<div class="news-highlight box-shadow hide" data-id="120378">
<a href="/pages/city-news/fiscal-year-2026-proposed-budget/">
<img src="/globalassets/city-news/media-library/images/home-page-fy26-budget.png">
</a>
<div>
<h3>
<a href="/pages/city-news/fiscal-year-2026-proposed-budget/">
Fiscal Year 2026 Proposed Budget
</a>
</h3>
Join the Fiscal Year 2026 budget conversation at one of the upcoming community meetings and learn more at
<a href="http://longbeach.gov/fy26">
longbeach.gov/FY26
</a>
.
</div>
</div>
<div class="news-highlight box-shadow hide" data-id="119727">
<a href="https://longbeach.gov/special-events-filming/events/">
<img src="/globalassets/city-news/media-library/images/sef_jan25.png">
</a>
<div>
<h3>
<a href="https://longbeach.gov/special-events-filming/events/">
January 2025 Events
</a>
</h3>
<span class="css-1jxf684 r-bcqeeo r-1ttztb7 r-qvutc0 r-poiln3">
Check out several events happening in Long Beach this month!
</span>
</div>
</div>
<div class="news-highlight box-shadow hide" data-id="19670">
<a href="/pages/city-news/sign-up-to-the-city-of-long-beach-newsletter/">
<img src="/globalassets/city-news/media-library/images/golongbeachnewsletter_new.png">
</a>
<div>
<h3>
<a href="/pages/city-news/sign-up-to-the-city-of-long-beach-newsletter/">
Sign up to our newsletter!
</a>
</h3>
Receive the latest information on news, events and more by signing up to City's official newsletter.
</div>
</div>
<div class="jcarousel-wrapper">
<div class="jcarousel">
<ul>
<li>
<div class="box-shadow">
<span class="crop-box">
<img src="/globalassets/city-news/media-library/images/sotc2025_hmpg-728-x-255-px.png">
</span>
<div class="item-title">
<a class="item-link" data-id="120892" href="#">
</a>
<a data-id="120892" href="#">
2025 State of the City
</a>
</div>
</div>
</li>
<li>
<div class="box-shadow">
<span class="crop-box">
<img src="/globalassets/city-news/media-library/images/emergency-updates-front-page-carousel.jpg">
</span>
<div class="item-title">
<a class="item-link" data-id="121206" href="#">
</a>
<a data-id="121206" href="#">
City of Long Beach Emergency Updates
</a>
</div>
</div>
</li>
<li>
<div class="box-shadow">
<span class="crop-box">
<img src="/globalassets/city-news/media-library/images/home-page-fy26-budget.png">
</span>
<div class="item-title">
<a class="item-link" data-id="120378" href="#">
</a>
<a data-id="120378" href="#">
Fiscal Year 2026 Proposed Budget
</a>
</div>
</div>
</li>
<li>
<div class="box-shadow">
<span class="crop-box">
<img src="/globalassets/city-news/media-library/images/sef_jan25.png">
</span>
<div class="item-title">
<a class="item-link" data-id="119727" href="#">
</a>
<a data-id="119727" href="#">
January 2025 Events
</a>
</div>
</div>
</li>
<li>
<div class="box-shadow">
<span class="crop-box">
<img src="/globalassets/city-news/media-library/images/golongbeachnewsletter_new.png">
</span>
<div class="item-title">
<a class="item-link" data-id="19670" href="#">
</a>
<a data-id="19670" href="#">
Sign up to our newsletter!
</a>
</div>
</div>
</li>
</ul>
</div>
<a class="jcarousel-control-prev" href="#">
</a>
<a class="jcarousel-control-next" href="#">
</a>
</div>
</div>
<div class="col-md-3">
<div class="box-shadow services-links clearfix">
<ul class="highlight-services">
<li>
<a href="/utilityservices/">
Utility Services
</a>
</li>
<li>
<a href="/parking/">
Parking Services
</a>
</li>
<li>
<a href="/ti/resources/go-long-beach-apps/">
Go Long Beach Apps
</a>
</li>
<li>
<a href="/cityclerk/meetings/">
Agendas & Minutes
</a>
</li>
<li>
<a href="https://longbeach.primegov.com/public/portal?fromiframe=true">
Meetings Live
</a>
</li>
<li>
<a href="/lbcd/">
Planning & Building
</a>
</li>
<li>
<a href="/finance/business-info/business-licenses/">
Business Licenses
</a>
</li>
<li>
<a href="/services/">
All Online Services
</a>
</li>
</ul>
<a class="all-button" href="/services/">
All Online Services
</a>
</div>
<div class="press-cta box-shadow">
<a href="/city-press-release-archive/">
City News Releases
</a>
</div>
</div>
</div>
</div>
<div class="panel events-panel no-right-padding clearfix">
<div class="row">
<div class="col-md-12">
<h2 class="event-header">
Upcoming Events
</h2>
</div>
</div>
<div id="home-page-filter">
</div>
<div class="row">
<div class="col-md-12" style="overflow-y: scroll; height: 400px;">
<div id="home-page-eventstab">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a class="all-button dark" href="/events/">
More Events
</a>
</div>
</div>
</div>
<div class="panel lbtv-panel clearfix">
<div class="row lbtv-schedule">
<div class="col-md-3">
<h4 class="event-header">
Featured Video:
</h4>
<iframe allowfullscreen="" frameborder="0" height="318" id="iFrameLbtv" src="https://www.youtube.com/embed/GUMIWoCWO80?wmode=opaque" width="354">
</iframe>
</div>
<div class="col-md-12">
<img height="462" mce_epiimageresize_id="uniqName_189_0_editorFrame_mce_0" src="/link/3c4f6f12cf1141f8b2bceec425803a56.aspx" style="max-width: 100%; height: auto; padding-top: 9.5px;" width="714">
</div>
</div>
<div class="row">
<div class="col-md-3 icon-image">
<a href="/link/70fef19198f948f39409521f58cbadf2.aspx" target="_blank">
</a>
<img src="/globalassets/common-content/home-page/live-icon.png">
<h5>
Live Stream
</h5>
Watch the live stream online at LBTV3.com
</div>
<div class="col-md-3 icon-image">
<a href="/link/c4fd621571774ef1a3367e73efc5a47b.aspx" target="_blank">
</a>
<img src="/globalassets/common-content/home-page/lbtv-icon.png">
<h5>
On Your TV
</h5>
Spectrum Cable Ch 3, Frontier Cable Ch 21 or AT&T U-verse Ch 99
</div>
<div class="col-md-3 icon-image">
<a href="/link/20957c88b9fe4a1ca52cc11225b664da.aspx" target="_blank">
</a>
<img src="/globalassets/common-content/home-page/play-icon.png">
<h5>
Video on Demand
</h5>
Past episodes available online at LBTV3.com
</div>
<div class="col-md-3 lbtv-logo">
<img alt="lbtv logo" src="/globalassets/common-content/home-page/lbtv-logo.png" title="lbtv logo">
</div>
</div>
</div>
<div class="panel maps-panel no-right-padding clearfix">
<div class="row">
<div class="col-md-9">
<div class="maps-content">
<div class="col-md-7">
<h3>
OpenLB
</h3>
Explore our suite of open government and transparency tools.
</div>
<div class="col-md-5">
<a class="all-button" href="/link/49f8811caeb740cdb80cf79155c60ea4.aspx">
Launch OpenLB
</a>
</div>
</div>
</div>
<div class="col-md-3">
<h3>
Popular Maps
</h3>
<div class="clearfix">
<div class="col-md-6">
<a href="https://longbeachca.maps.arcgis.com/sharing/rest/content/items/04087709c2e0416b9fc2230e7989e47b/data">
<div class="box-shadow">
<img src="/globalassets/common-content/home-page/maps-zip.jpg">
<h4>
Zip Codes
</h4>
</div>
</a>
</div>
<div class="col-md-6">
<a href="https://longbeachca.maps.arcgis.com/sharing/rest/content/items/56530368576a487dbebe9288144ede18/data">
<div class="box-shadow">
<img src="/globalassets/common-content/home-page/maps-lbusd.jpg">
<h4>
City Map
</h4>
</div>
</a>
</div>
<div class="col-md-6">
<a href="https://longbeachca.maps.arcgis.com/sharing/rest/content/items/70dcfbbffd0e45ebaf702d7d18b2509b/data">
<div class="box-shadow">
<img src="/globalassets/common-content/home-page/maps-parks.jpg">
<h4>
Parks
</h4>
</div>
</a>
</div>
<div class="col-md-6">
<a href="/link/691676c54e844fd39cbf03e11130da93.aspx">
<div class="box-shadow">
<img src="/globalassets/common-content/home-page/maps-districts.jpg">
<h4>
Districts
</h4>
</div>
</a>
</div>
</div>
<br>
<h3>
Catalogs & Data
</h3>
<a class="map-link" href="/ti/resources/map-catalog/">
Map Catalog
</a>
<a class="map-link" href="https://maps.longbeach.gov/search?collection=Dataset">
Data Catalog
</a>
<a class="map-link" href="/openlb/recordslb/">
Records LB
</a>
</div>
</div>
</div>
<div class="panel connect-panel clearfix">
<div class="row">
<div class="col-md-4">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FLongBeachCity&width=306&colorscheme=light&show_faces=false&border_color=000000&stream=true&header=true&height=480" style="border-bottom: medium none; border-left: medium none; width: 306px; height: 480px; overflow: hidden; border-top: medium none; border-right: medium none">
</iframe>
</div>
<div class="col-md-4">
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/reel/C1azgm6ppO9/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:306px; min-width:306px!important; height:480px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);">
<div style="padding:16px;">
<a href="https://www.instagram.com/reel/C1azgm6ppO9/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank">
<div style=" display: flex; flex-direction: row; align-items: center;">
<div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;">
</div>
<div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;">
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;">
</div>
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;">
</div>
</div>
</div>
<div style="padding: 19% 0;">
</div>
<div style="display:block; height:50px; margin:0 auto 12px; width:50px;">
<svg height="50px" version="1.1" viewBox="0 0 60 60" width="50px" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
<g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
<g fill="#000000" transform="translate(-511.000000, -20.000000)">
<g>
<path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631">
</path>
</g>
</g>
</g>
</svg>
</div>
<div style="padding-top: 8px;">
<div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">
View this post on Instagram
</div>
</div>
<div style="padding: 12.5% 0;">
</div>
<div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;">
<div>
<div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);">
</div>
<div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;">
</div>
<div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);">
</div>
</div>
<div style="margin-left: 8px;">
<div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;">
</div>
<div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)">
</div>
</div>
<div style="margin-left: auto;">
<div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);">
</div>
<div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);">
</div>
<div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);">
</div>
</div>
</div>
<div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;">
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;">
</div>
<div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;">
</div>
</div>
</a>
<p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">
<a href="https://www.instagram.com/reel/C1azgm6ppO9/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">
A post shared by Long Beach - LBTV
</a>
</p>
</div>
</blockquote>
<script async="" src="//www.instagram.com/embed.js">
</script>
</div>
<div class="col-md-4 connection">
<div class="connection-top">
<a href="/link/19ae671501614f0f8736c343ef0891e8.aspx">
<img src="/globalassets/common-content/media-library/glbn-connect.png">
</a>
<h5>
Get the Official City Newsletter
</h5>
The official guide to City programs and services, local events and latest news, in your inbox twice a month.
<a href="/link/19ae671501614f0f8736c343ef0891e8.aspx">
Sign
up
</a>
</div>
<div class="connection-bottom">
<a href="/link/2e287e9820a24322a7672f58f9de085c.aspx">
<img src="/globalassets/common-content/home-page/insidelb-logo_final.png">
</a>
<h5>
InsideLB
</h5>
InsideLB is the official blog for the City of Long Beach. This magazine format blog will provide you with a deeper look into how Long Beach helps shape the lives of its residents through its resources.
<a href="/link/2e287e9820a24322a7672f58f9de085c.aspx">
Read Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="//www.trumba.com/scripts/spuds.js" type="text/javascript">
</script>
<div class="container-fluid content-container">
<div id="image-links">
<a class="image-refresh" href="#">
</a>
<div class="image-desc">
<a class="image-info" href="#">
</a>
<div class="image-info-panel">
<b>
<span id="bgTitle">
</span>
</b>
<p>
<span id="bgDescription">
</span>
</p>
<a href="/" id="bgLink">
Link to more image info
</a>
</div>
</div>
</div>
</div>
<div class="clearfix" id="footer">
<div class="row">
<div class="col-md-2 col-sm-4 col-xs-12 ie-foot">
<h3>
Do.
</h3>
<ul>
<li>
<a href="/utilityservices/billing-and-payments/payment-options/">
Pay Utility Bills
</a>
</li>
<li>
<a href="/services/">
Get Licenses and Permits
</a>
</li>
<li>
<a href="/lbrecycles/">
Reduce. Reuse. Recycle.
</a>
</li>
<li>
<a href="https://longbeach.primegov.com/public/portal?fromiframe=true">
Meetings Live
</a>
</li>
</ul>
</div>
<div class="col-md-2 col-sm-4 col-xs-12 ie-foot">
<h3>
Discover.
</h3>
<ul>
<li>
<a href="https://gis.longbeach.gov/MapIt/" target="_blank">
Information Near You
</a>
</li>
<li>
<a href="/openlb/">
OpenLB
</a>
</li>
<li>
<a href="/events/">
City Calendar
</a>
</li>
<li>
<a href="/cityclerk/meetings/">
Meetings & Agendas
</a>
</li>
</ul>
</div>
<div class="col-md-2 col-sm-4 col-xs-12 ie-foot">
<h3>
Connect.
</h3>
<ul>
<li>
<a href="/socialmedia/">
Social Media
</a>
</li>
<li>
<a href="/ti/resources/go-long-beach-apps/">
Mobile Apps
</a>
</li>
<li>
<a href="/linklb/">
LinkLB
</a>
</li>
</ul>
</div>
<div class="col-md-2 col-sm-4 col-xs-12 ie-foot">
<h3>
Ask.
</h3>
<ul>
<li>
<a href="/whodoicall/">
Who Do I Call
</a>
</li>
<li>
<a href="/officials/">
Your City Officials
</a>
</li>
<li>
<a href="/privacy/">
Privacy Policy
</a>
</li>
<li>
<a href="/social-media-tc/">
Social Media TC
</a>
</li>
</ul>
</div>
<div class="col-md-2 col-sm-8 col-xs-12 ie-foot">
<div class="social-icons">
<a href="/link/93119c7cb20247389de1b2796f618c46.aspx" target="_blank">
<img alt="Social Media" src="/globalassets/social-fb1.png" title="Social Media">
</a>
<a href="/link/93119c7cb20247389de1b2796f618c46.aspx" target="_blank">
<img alt="Social Media" src="/globalassets/social-ig.png" title="Social Media">
</a>
<a href="/link/93119c7cb20247389de1b2796f618c46.aspx" target="_blank">
<img alt="Social Media" src="/globalassets/social-twrt.png" title="Social Media">
</a>
<a href="/link/93119c7cb20247389de1b2796f618c46.aspx" target="_blank">
<img alt="Social Media" src="/globalassets/social-threads.png" title="Social Media">
</a>
<a href="/link/93119c7cb20247389de1b2796f618c46.aspx" target="_blank">
<img alt="Social Media" src="/globalassets/social-yt1.png" title="Social Media">
</a>
</div>
<a href="/">
<img src="/globalassets/footer-logo.png">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Navigation Styles & Functionality -->
<link href="/common/css/wayoutmenu.css" rel="stylesheet" type="text/css">
<!-- Customized -->
<link href="/common/css/wayoutmenuboxed.css" rel="stylesheet" type="text/css">
<link href="/common/css/wayoutmenueffects.css" rel="stylesheet" type="text/css">
<link href="/common/css/wayoutmenustyle.css" rel="stylesheet" type="text/css">
<link href="/common/css/wayoutmenuresponsive.css" rel="stylesheet" type="text/css">
<!-- Customized -->
<script src="/common/js/wayoutmenu.boxed.js" type="text/javascript">
</script>
<script src="/common/js/modernizr.custom.54937.js" type="text/javascript">
</script>
<script src="/common/js/blur.min.js" type="text/javascript">
</script>
<script async="" src="//wurfl.io/wurfl.js" type="text/javascript">
</script>
<!--[if lt IE 10]>
<script type="text/javascript">
$(document).ready(function() {
$('.hidden-menu').css('display', 'none');
});
</script>
<![endif]-->
<!-- Main Site Styles and Functionality -->
<link href="/common/css/style.css" rel="stylesheet" type="text/css">
<link href="/common/css/print.css" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet" type="text/css">
<!-- Hovers For Desktop Only (removed for all other devices) -->
<link href="/common/css/desktop-hovers.css" rel="stylesheet" type="text/css">
<link href="/common/css/easy-responsive-tabs.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
<!--
$(document).ready(function () {
// to initiate new dropdown menu, call both functions on the container id
// wayoutmenu requires the #container, #button
wayoutMenu('#top-nav', '#main-mobile-toggle');
resizeMenu('#top-nav');
$('.image-info').click(function () {
$('#image-links').toggleClass('open');
return false;
});
$('.image-refresh').click(function () {
setBackground();
});
setBackground();
// set search text at different sizes
setSearchText();
$('#tab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
closed: 'accordion', // Start closed if in accordion view
activate: function (event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
});
$(window).resize(function () {
setSearchText();
});
function setSearchText() {
var docWidth = $(document).width();
if (docWidth >= 768) {
$('#txtSearch').attr({ placeholder: "SEARCH YOUR CITY" });
} else if ((docWidth >= 560)) {
$('#txtSearch').attr({ placeholder: "SEARCH YOUR CITY" });
} else {
$('#txtSearch').attr({ placeholder: "SEARCH" });
}
}
$(window).load(function () {
show();
$('.jcarousel').jcarousel();
});
function show() {
$('#loading').hide();
$('#main-container').fadeIn(1000);
}
function setBackground() {
var count = $('#lblBgImageCount').html();
var bgId = Math.floor((Math.random() * count));
$('body').css('background-image', 'url(' + $('#bgImage' + bgId).html() + ')');
$('#bgTitle').html($('#bgTitle' + bgId).html());
$('#bgDescription').html($('#bgDescription' + bgId).html());
$('#bgLink').html($('#bgLinkText' + bgId).html());
$('#bgLink').attr('href', $('#bgLink' + bgId).html());
}
//-->
</script>
</div>
<!-- <script src="https://code.jquery.com/jquery-2.1.1.js"></script>-->
<script src="/common/js/master.js">
</script>
<!-- Homepage News Carousel -->
<script src="/common/js/jquery.jcarousel.min.js">
</script>
<script src="/common/js/jcarousel.responsive.js">
</script>
<!-- Scripts and styles used for font size feature -->
<script src="/common/js/store.min.js">
</script>
<script src="/common/js/custom-rv-fontsize.js">
</script>
<script type="text/javascript">
$(function() {
$.rvFontsize({
targetSection: 'body',
store: true,
variations: 7,
controllers: {
append: true,
appendTo: '#text-resizer',
showResetButton: true
}
});
$("#btnSearch").click(function() {
window.location.href = "/search/?searchtext=" + encodeURIComponent($("#txtSearch").val());
});
$("#txtSearch").keypress(function(e) {
if (e.which == 13) {
$("#btnSearch").click();
}
});
if (typeof $$epiforms !== 'undefined') {
$$epiforms(".EPiServerForms").on("formsStepValidating", function(event) {
if (event.isValid) return;
var eventTarget = $(event.target);
var errorElementName = eventTarget.find('.Form__Element__ValidationError:visible:first').attr('data-epiforms-linked-name');
if (!errorElementName) return;
var errorElement = eventTarget.find('[name="' + errorElementName + '"]');
if (errorElement) errorElement.focus();
});
}
});
</script>
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="/common/css/ie8.css"/>
<![endif]-->
</div>
<div id="backgroundImages" style="display:none;">
<span id="lblBgImageCount">
1
</span>
<div id="bgImage0">
/globalassets/rainbowharborsunset.jpg
</div>
<div id="bgTitle0">
Rainbow Harbor
</div>
<div id="bgDescription0">
Photo courtesy of Long Beach Convention & Visitors Bureau.
</div>
<div id="bgLink0">
<a href="/park/marine/marinas/rainbow-harbor-rainbow-marina/" title="More Information">
More Information
</a>
</div>
<div id="bgLinkText0">
<a href="/park/marine/marinas/rainbow-harbor-rainbow-marina/" title="More Information">
More Information
</a>
</div>
</div>
<script src="https://dl.episerver.net/12.4.1/epi-util/find.js" type="text/javascript">
</script>
<script type="text/javascript">
if (FindApi) {
var api = new FindApi();
api.setApplicationUrl('/');
api.setServiceApiBaseUrl('/find_v2/');
api.processEventFromCurrentUri();
api.bindWindowEvents();
api.bindAClickEvent();
api.sendBufferedEvents();
}
</script>
<script type="text/javascript">
var calendarLoaded = false;
function addSpudToTab() {
$Trumba.addSpud({
webName: "HomePageSidebarEvents",
spudType: "monthlist",
spudId: "home-page-filter",
spudConfig: "monthlisthomepage",
url: {
template: "tile"
}
});
$Trumba.addSpud({
webName: "HomePageSidebarEvents",
spudType: "main",
spudId: "home-page-eventstab",
ignoreCookie: true,
url: {
template: "tile"
}
});
calendarLoaded = true;
}
$(document).ready(function() {
$('.item-link').click(function(e) {
var contentId = $(this).attr('data-id');
$('.news-highlight').removeClass('show').addClass('hide');
$('.news-highlight[data-id=' + contentId + ']').addClass('show');
e.preventDefault();
});
var url = window.location.href;
var lastPart = url.substr(url.lastIndexOf('#') + 1);
DesktopBindings();
setTimeout(function() {
if (lastPart === "tab2" && $('.resp-tabs-list').is(":visible") === true) {
if (!calendarLoaded) {
addSpudToTab();
}
} else {
MobileBindings();
}
}, 3000);
});
function DesktopBindings() {
$('.resp-tabs-list .events').on("click", function() {
if (!calendarLoaded) {
addSpudToTab();
}
});
}
function MobileBindings() {
if ($('.resp-tabs-container > h2').length !== 0) {
$('.resp-tabs-container > h2:nth-of-type(2)').on("click", function() {
if (!calendarLoaded) {
addSpudToTab();
}
});
}
}
</script>
</body>
</html>