City of Chicago

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta class="swiftype" data-type="string" name="description" content="Welcome to the official City of Chicago Website. The source for information about City services, departments, programs and initiatives, and officials for Chicago residents, businesses, and visitors." /> <meta class="swiftype" data-type="string" name="keywords" content="City of Chicago; government; services;" /> <meta class="swiftype" data-type="date" name="published_at" content="2024-11-01T08:53:26.705-05:00" /> <meta property="og:type" content="website" /> <meta property="og:title" content="English" /> <meta property="og:url" content="https://www.chicago.gov/content/city/en.html" /> <meta property="og:description" content="Welcome to the official City of Chicago Website. The source for information about City services, departments, programs and initiatives, and officials for Chicago residents, businesses, and visitors." /> <meta property="og:image" content="" /> <meta name="twitter:card" content="summary" /> <meta class="swiftype" data-type="string" name="title" content="City of Chicago Home" /> <meta class="swiftype" data-type="integer" name="boost" content="2" /> <meta name="google-site-verification" content="ohL8RCe5DXkUBEzqDatBYl-CVVb7AfgbWviARekeip4" />  <title> City of Chicago </title>   <link rel="SHORTCUT ICON" href="/content/dam/city/general/favicons/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/content/dam/city/general/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/content/dam/city/general/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/content/dam/city/general/favicons/favicon-16x16.png"> <link rel="mask-icon" href="/content/dam/city/general/favicons/safari-pinned-tab.svg" color="#5bbad5"> <link rel="stylesheet" href="https://webapps1.chicago.gov/cdn/chiwds/0.9.1/css/main.min.css" type="text/css"> <link rel="stylesheet" href="https://webapps1.chicago.gov/cdn/FontAwesome-5.13.0/css/all.min.css" type="text/css"> <link rel="stylesheet" href="/content/dam/city/cds/css/cds.css?v1" type="text/css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <link rel="stylesheet" href="/content/dam/city/cds/css/coc-cds.css" type="text/css"> <style> html { overflow-x: hidden; } .cds-debug-container { border:1px solid red !important; } @media (min-width:600px) { #departmentNavBar { height:50px; } } .thefacts .card-body ul:last-child { border-bottom:0px; } #slideshow-banner .cds-carousel-overlay { background:rgba(17,17,17,0.3); } #slideshow-banner .carousel-caption { background-image: linear-gradient( rgba(17,17,17,0.17),rgba(17,17,17,0.17)); } #department-banner .cds-carousel-overlay { background:rgba(17,17,17,0.3); } #department-banner .carousel-caption { background-image: linear-gradient( rgba(17,17,17,0.17),rgba(17,17,17,0.17)); } .carousel-banner { margin-bottom:0px !important; } .card-title h1, .card-title h2, .card-title h3, .card-title h4 { margin-bottom:0px; } .cds-relatedlinks .card-title, .cds-thefacts .card-title { margin-bottom:0px; } .goog-te-banner-frame.skiptranslate { display: none !important; } body { top: 0px !important; } .find-services-panel a.accordion-toggle:focus > .cds-accordion-title, .find-services-panel a.accordion-toggle:hover > .cds-accordion-title, .find-services-panel a.accordion-toggle:active > .cds-accordion-title { outline: 0.3rem dashed #0075bb; } .skip-to-main-content-link { position: absolute; left: -9999px; z-index: 999; opacity: 0; } .skip-to-main-content-link:focus { left: 50%; transform: translateX(-50%); opacity: 1; } .fa-twitter { display: inline-block !important;; font-family: Arial !important; } .fa-twitter:before { background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E" ); background-repeat:no-repeat !important; background-size: cover !important; display: inline-block !important; content:"" !important; width:15px !important; height: 15px !important; } a.accordion-toggle:focus .cds-accordion-title { outline: 0.3rem dashed #0075bb; } @media (min-width:760px) { nav.cds-nav .cds-nav-inner .cds-nav-submenu a:focus { outline: 0.3rem dashed #FFF; } } #departmentNavBar .dropdown-menu a:focus { outline: 0.3rem dashed #FFF; } </style> </head> <body class="page-homepage"> <a href="#cds-main" class="skip-to-main-content-link btn btn-lg btn-dark">Skip to main content</a> <script type="text/javascript"> (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){ (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t); e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e); })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st'); _st('install','FC8Ksdtmv1_V-kqBZqbB','2.0.0'); </script> <style> @media (min-width: 768px) { .cds-nav-secondary { top: -7.7rem; } } </style> <div class='site-trust-seal' data-swiftype-index="false"> <div class='trust-seal-link container'> <div class='row'> <div aria-controls="trust-seal-content" aria-expanded="false" class='col ml-2 trust-seal-link-container' data-target="#trust-seal-content" data-toggle="collapse" role="button"> <img class='trust-seal-flag' src='/content/dam/city/cds/safari-pinned-tab.svg' alt='Flag'> <div> <span>An official website of the City of Chicago</span> <button aria-controls="trust-seal-content" aria-expanded="false" class="trust-seal-action font-weight-bold" data-target="#trust-seal-content" data-toggle="collapse" role="button"><span>Here's how you know</span></button> </div> </div> </div> </div> <div aria-hidden='true' class='trust-seal-content collapse container mt-4' id='trust-seal-content'> <div class='row'> <div class='col-sm-6'> <div class="media"> <img alt="government" class="mr-3 trust-seal-icon" src="/content/dam/city/cds/icon-dot-gov.svg"> <div class="media-body"> <div class="mt-0 h5">The .gov means it's official</div>Municipal government websites often end in .gov or .org. Before sharing sensitive information, make sure you're on a City of Chicago government site. </div> </div> </div> <div class='col-sm-6'> <div class="media"> <img alt="secure" class="mr-3 trust-seal-icon" src="/content/dam/city/cds/icon-https.svg"> <div class="media-body"> <div class="mt-0 h5">The site is secure.</div>The <strong>https://</strong> ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely. </div> </div> </div> </div> </div> </div> <div class='container-fluid cds-site-alert'> <div class='row'> <div class='col px-0'> <div class="alert alert-danger p-3" style="margin-bottom: 0px; color: #770016;"> <div>Get the new, updated COVID-19 and flu vaccines. They're safe, effective, and can be taken together. Learn more at  <a class="font-weight-bold" href="https://chicago.gov/COVIDVax" target="_blank" rel="noopener noreferrer">Chicago.gov/COVIDVax</a>.</div> </div> </div> </div> </div> <header role="banner" id="cds-header" class="cds-header section"> <style> .st-default-search-input, .st-ui-search-input { background-image: none !important; border-radius:0px; height:auto; width:auto; font-family: Roboto,serif; padding:5px; } .cds-nav-megamenu .dropdown-header { font-weight:bold; #text-decoration:underline; text-transform: uppercase; color: #e4e2e0; font-size:1em; } @media (max-width:720px) { .cds-nav-megamenu .dropdown-header { color:#000; } } #cds-header { margin-bottom:0px; } @media (min-width: 768px) { .cds-megamenu-full-width { width: 100vw !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; } .cds-megamenu-full-width .row { } .cds-nav-search { min-width:350px; } } @media (min-width: 768px) { .cds-nav-search { min-width: 250px !important; } } </style> <div class="cds-navbar" data-swiftype-index="false"> <button class="cds-menu-btn">MENU</button> <div class="cds-logo ml-2 ml-sm-0" id="logo"> <em class="cds-logo-text"> <a href="/content/city/en.html" title="Home"> <img src="/content/dam/city/cds/chicago.gov-logo.png" alt="Logo of the City of Chicago"> <h1 class="cds-header-title">Chicago</h1> </a> </em> </div> </div>  <nav role="navigation" class="cds-nav" data-swiftype-index="false"> <div class="cds-nav-inner"> <button class="cds-nav-close"> <img src="/content/dam/city/cds/close.svg" alt="close"> </button> <ul class="cds-nav-primary cds-accordion"> <li class="menu-item-dropdown section"> <button class="cds-accordion-button cds-nav-link" aria-expanded="false" aria-controls="cds-menu-1487752856"> <span>I Want To</span> </button> <ul id="cds-menu-1487752856" class="cds-nav-submenu" aria-hidden="true"> <li><a href="/content/city/en/svcs/iwantto.apply_for.html" target="_self"><span>Apply For</span></a></li> <li><a href="/content/city/en/svcs/iwantto.check_status_of.html" target="_self"><span>Check Status Of</span></a></li> <li><a href="/content/city/en/svcs/iwantto.find_get.html" target="_self"><span>Find / Get</span></a></li> <li><a href="/content/city/en/svcs/iwantto.pay_for_buy.html" target="_self"><span>Pay for/ buy</span></a></li> <li><a href="/content/city/en/svcs/iwantto.register.html" target="_self"><span>Register</span></a></li> <li><a href="/content/city/en/svcs/iwantto.report_file.html" target="_self"><span>Report / File</span></a></li> <li><a href="/content/city/en/svcs/iwantto.request.html" target="_self"><span>Request</span></a></li> <li><a href="/content/city/en/svcs/iwantto.sign_up_for_volunteer.html" target="_self"><span>Signup for/ Volunteer</span></a></li> </ul> </li> <li class="menu-item-dropdown section"> <button class="cds-accordion-button cds-nav-link" aria-expanded="false" title="Programs and Initiatives" aria-controls="cds-menu-1241705929"> <span>Programs and Initiatives</span> </button> <div id="cds-menu-1241705929" class='cds-nav-submenu cds-nav-megamenu row ' aria-hidden="true"> <div class="row m-0 w-100"> <div class="col-sm-6"> <ul> <li><a href="/content/city/en/progs/affordchic.html">Affordable Chicago</a></li> <li><a href="/city/en/sites/chicago-recovery-plan/home.html" title="Chicago Recovery Plan">Chicago Recovery Plan</a></li> <li><a href="https://www.chicago.gov/city/en/sites/cscc/home.html" title="Community Safety">Community Safety</a></li> <li><a href="/content/city/en/progs/protect.html" title="Consumer Protection">Consumer Protection</a></li> <li><a href="/content/city/en/progs/edu.html" title="Education">Education</a></li> <li><a href="/content/city/en/progs/env.html">Environment</a></li> <li><a href="/content/city/en/ofinterest/bus/food.html">Food Service Establishments</a></li> <li><a href="/content/city/en/progs/foia.html">Freedom of Information (FOIA)</a></li> <li><a href="/content/city/en/progs/grants.html">Grants</a></li> <li><a href="/content/city/en/progs/health.html">Health & Wellness</a></li> <li><a href="/content/city/en/depts/doh.html">Housing</a></li> </ul> </div> <div class="col-sm-6"> <ul> <li><a href="/content/city/en/progs/inspectionspermitting.html">Inspections, Permitting & Licensing</a></li> <li><a href="/content/city/en/progs/emp.html">Jobs</a></li> <li><a href="/content/city/en/progs/municipal_marketing.html">Municipal Marketing</a></li> <li><a href="https://explore.mychimyfuture.org" target="blank">My CHI. My Future.</a></li> <li><a href="https://www.chicago.gov/city/en/sites/community-safety/home.html" target="_blank" rel="noopener noreferrer" title="Public Safety">Public Safety</a></li> <li><a href="/content/city/en/progs/tax.html">Taxes</a></li> <li><a href="/content/city/en/progs/tech.html" title="Technology">Technology</a></li> <li><a href="/content/city/en/progs/transparency.html">Transparency</a></li> <li><a href="/content/city/en/progs/trnsprt.html">Transportation</a></li> <li><a href="https://www.chicago.gov/vendorimpactfund" target="_blank" rel="noopener noreferrer" title="Vendor Impact Fund">Vendor Impact Fund</a></li> </ul> </div> </div> </div> </li> <li class="menu-item-dropdown section"> <button class="cds-accordion-button cds-nav-link" aria-expanded="false" title="Government" aria-controls="cds-menu-1271044497"> <span>Government</span> </button> <div id="cds-menu-1271044497" class='cds-nav-submenu cds-nav-megamenu row cds-megamenu-full-width' aria-hidden="true"> <div class="container-fluid"> <div class="row mx-0 mx-sm-5"> <div class="col-md-3"> <ul> <li class="dropdown-header text-uppercase">Elected Officials</li> <li><a href="/city/en/depts/mayor.html">Mayor's Office</a> <a href="http://www.chicityclerk.com/">City Clerk</a> <a href="http://www.chicagocitytreasurer.com/">City Treasurer</a> <a href="/city/en/about/council.html">City Council (Your Ward & Aldermen)</a></li> </ul> <ul> <li class="dropdown-header">Other City Agencies</li> <li><a target="blank" href="http://www.ccc.edu">City Colleges</a> <a href="/content/city/en/depts/cofa.html">City Council Office of Financial Analysis</a> <a href="/content/city/en/depts/other/provdrs/cha.html">Housing Authority (CHA)</a> <a href="/content/city/en/depts/other/provdrs/cpd.html">Park District</a> <a href="http://www.pbcchicago.com/" target="_blank" rel="noopener noreferrer">Public Building Commission</a> <a href="/city/en/depts/other/provdrs/cps.html">Public Schools</a> <a href="/city/en/depts/other/provdrs/cta.html">Transit Authority (CTA)</a> <a href="http://www.mpea.com/" target="_blank" rel="noopener noreferrer">Metro Pier & Exposition Authority</a></li> </ul> </div> <div class="col-md-9"> <div class="row w-100"> <div class="col-md-3"> <ul> <li class="dropdown-header">Departments</li> <li><a href="/city/en/depts/311.html">311 City Services</a> <a href="/city/en/depts/ah.html">Administrative Hearings</a> <a href="/city/en/depts/cacc.html">Animal Care & Control</a> <a href="/city/en/depts/doa.html">Aviation</a> <a href="/city/en/depts/obm.html">Budget & Management</a> <a href="/city/en/depts/bldgs.html">Buildings</a> <a href="/city/en/depts/bacp.html">Bus. Affairs & Consumer Protection</a> <a href="/city/en/depts/tv.html">City of Chicago TV</a> <a href="/city/en/depts/copa.html">Civilian Office of Police Accountability</a> <a href="/city/en/depts/ccpsa.html" title="Community Commission for Public Safety and Accountability">Community Commission for Public Safety &  Accountability</a><a href="/city/en/depts/dca.html">Cultural Affairs & Special Events</a> <a href="/city/en/depts/oem.html">Emergency Mgmt & Communications</a></li> </ul> </div> <div class="col-md-3"> <ul> <li><a href="/city/en/progs/env.html">Environment</a> <a href="/city/en/depts/ethics.html">Ethics</a> <a href="/city/en/depts/fss.html">Family & Support Services</a> <a href="/city/en/depts/fin.html">Finance</a> <a href="/city/en/depts/cfd.html">Fire</a> <a href="/city/en/depts/2fm.html">Fleet & Facility Management</a> <a href="/city/en/depts/doh.html">Housing</a> <a href="/city/en/depts/cchr.html">Human Relations</a> <a href="/city/en/depts/dhr.html">Human Resources</a> <a href="/city/en/depts/igo.html">Inspector General</a> <a href="/city/en/depts/dol.html">Law</a> <a href="/city/en/depts/lac.html">License Appeal Commission</a> <a href="/city/en/depts/mopd.html">People with Disabilities</a> <a href="/city/en/depts/dcd.html">Planning & Development</a></li> </ul> </div> <div class="col-md-3"> <ul> <li><a href="/city/en/depts/cpd.html">Police </a><a href="/city/en/depts/cpb.html">Police Board</a> <a href="/city/en/depts/dps.html">Procurement Services</a> <a href="/city/en/depts/cdph.html">Public Health</a> <a href="/city/en/depts/cpl.html">Public Library</a> <a href="/city/en/depts/opsa.html">Public Safety Administration</a> <a href="/city/en/depts/streets.html">Streets & Sanitation</a> <a href="/city/en/depts/dti.html">Technology & Innovation</a> <a href="/city/en/depts/cdot.html">Transportation</a> <a href="/city/en/depts/water.html">Water Management</a></li> </ul> </div> <div class="col-md-3"> <ul> <li class="dropdown-header">Legislation and Regulation</li> <li><a target="_blank" href="https://www.chicityclerk.com/index.php/about-city-government-chicago-city-council/municipal-code" rel="noopener noreferrer">Municipal Code</a> <a href="/city/en/depts/bldgs/provdrs/bldg_code/svcs/chicago_buildingcodeonline.html">Construction Codes</a> <a target="blank" href="https://codelibrary.amlegal.com/codes/chicago/latest/chicagozoning_il/0-0-0-48006">Zoning and Land Use Ordinance</a> <a href="/city/en/depts/dol/rules-and-regulations-portal.html">City of Chicago Rules Portal</a></li> </ul> <ul> <li class="dropdown-header">Other</li> <li><a target="blank" href="https://webapps1.cityofchicago.org/employeephonedirectory">Employee Directory</a> <a target="blank" href="https://webapps1.cityofchicago.org/moboco/">Boards & Commissions</a> <a href="/content/city/en/narr/misc/city-holidays.html">City Holidays (Offices Closed)</a></li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="menu-item-dropdown section"> <button class="cds-accordion-button cds-nav-link" aria-expanded="false" aria-controls="cds-menu-1231210762"> <span>About</span> </button> <ul id="cds-menu-1231210762" class="cds-nav-submenu" aria-hidden="true"> <li><a href="/content/city/en/about/history.html" target="_self"><span>Chicago History</span></a></li> <li><a href="/content/city/en/about/facts.html" target="_self"><span>Facts and Statistics</span></a></li> <li><a href="https://www.choosechicago.com/" target="_blank"><span>Attractions</span></a></li> <li><a href="/content/city/en/about/social-media-accounts.html" target="_self"><span>Social Media Accounts</span></a></li> </ul> </li> <li class="menu-item-dropdown float-sm-right"> <button class="cds-accordion-button cds-nav-link" aria-controls="cdsLanguages" aria-expanded="false"> <span> <i class="fas fa-globe-americas mx-3 d-none d-sm-inline" title='Translate'></i> Translate</span> </button> <div class="cds-nav-submenu border border-primary" id="cdsLanguages" aria-hidden="true" style="background-color:#FFF"> <div id="google_translate_element" class='text-center p-2' style="background-color:#FFF;z-index:999999999999"> </div> </div> </li> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement( {pageLanguage: 'en', autoDisplay: false, includedLanguages: 'en,es,pl,ar,tl,zh-CN,zh-TW,ko,hi,ht,fr,pt', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element'); } </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <style> .goog-te-gadget { display:inline-block; } .goog-te-gadget-icon { display:none; } </style> <script> $('document').ready(function () { $('#google_translate_element').on("click", function (e) { e.stopPropagation(); }); }); </script> </ul> <div class="cds-nav-secondary cds-nav-search"> <ul class="cds-unstyled-list cds-nav-secondary-links mb-1 p-0 float-none float-sm-left"> <li class='pl-0'><a href="/content/city/en/depts/mopd/supp_info/accessibilitycitywide.html" target="_self"><span>Accessibility</span></a></li> </ul> <div class="mt-2"> <form method="GET" name="cdsSearch"> <div class="input-group"> <input type="text" id="cdsSearchText" class="st-default-search-input form-control form-control-blue" placeholder="Search" aria-label="Search"> <div class="input-group-append"> <button class="btn btn-primary" id="cdsSearchButton" type="submit" aria-label="Search"><span class='d-none'>Search</span><i class="fas fa-search"></i></button> </div> </div> </form> </div> </div> </div> </nav> <script> $(document).ready(function() { var currentPage = '/content/city/en.html'; var activeMenuSelector = ".cds-nav-link[href='" + currentPage + "']"; var activeMenu = $(activeMenuSelector); if(activeMenu.length) { activeMenu.addClass("active"); return; } try { var menu = $(".menu-item-dropdown a[href*='" + window.location.pathname + "']").closest("ul").prev()[0]; if(menu) { $(menu).addClass("active"); } } catch(e) { } }); </script> </header> <style> #homepage-banner.jumbotron-bg-cover { background-size: cover; color: white; background-position: center center; position: relative; background-image: url('/content/dam/city/homepage/HomepageBanners/2019/2019August.jpg'); min-height:300px; font-family: 'Big Shoulders Text'; } #homepage-banner .jumbotron-overlay { xbackground-color: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #homepage-banner .jumbotron-body { background-color: rgba(17,17,17,0.2); } </style> <div id="homepage-banner" class="jumbotron jumbotron-bg-cover w-100 d-flex align-items-center "> <div class="jumbotron-overlay"></div> <div class="d-block p-5" style="z-index:1"> <div class="jumbotron-body col-12 col-md-6 jumbotron-centered text-center"> <div class="display-5 font-weight-bold">DIVERSE, INNOVATIVE, WORLD CLASS</div> <div class="display-1 font-weight-bold">WELCOME TO CHICAGO</div> </div> </div> </div> <main role="main" class='main px-0 pt-3' id='cds-main' data-swiftype-name="body" data-swiftype-type="text"> <div data-swiftype-name="body" data-swiftype-type="text" class="container container-body"> <div class="row"> <div class="col page-body"> <div class="container px-0"> <div class="row"> <div class="col page-center"> <div class="cds-video-container section"> <div class="contain-fluid bg-light p-3 mb-5" id="cds-video-block-848269763"> <div class="row align-items-center"> <div class="col-12 col-md-6"> <div class="embed-responsive embed-responsive-16by9"> <iframe title="" class="embed-responsive-item cds-featured-video" title="Play Video" src="" width="800" height="600" allowfullscreen="allowfullscreen"> </iframe> </div> </div> <div class="col-12 col-md-6 mt-5 mt-md-0">  <div class="row" id="video-1"> <div class="col-4"><img class="img-fluid cds-video-thumb" title="" src="" alt="" data-cds-video="" data-cds-video-title=""/></div> <div class="col-8"> <p class="h5 cds-video-title"></p> <p class="cds-video-desc"></p> </div> </div>   <hr /> <div class="row" id="video-2"> <div class="col-4"><img class="img-fluid cds-video-thumb" title="" src="" alt="" data-cds-video="" data-cds-video-title=""/></div> <div class="col-8"> <p class="h5 cds-video-title"></p> <p class="cds-video-desc"></p> </div> </div>   <hr /> <div class="row" id="video-3"> <div class="col-4"><img class="img-fluid cds-video-thumb" title="" src="" alt="" data-cds-video="" data-cds-video-title=""/></div> <div class="col-8"> <p class="h5 cds-video-title"></p> <p class="cds-video-desc"></p> </div> </div>  </div> </div> </div> <script> $(document).ready ( function() { var componentID = "cds-video-block-848269763"; var numVideos = 3; var embedUrl = "https://www.youtube.com/embed/"; // var url = "https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=UC_D8Pvo7pWx3H_rie9XB-tg&maxResults=4&order=date&type=video&key=AIzaSyBOgE8FCk-FPgzMDaSFcuw9ZPkrqVULrd8"l var url = "https://webapps1.chicago.gov/cdn/YouTubeAPI/UC_D8Pvo7pWx3H_rie9XB-tg.json"; $.ajax({ url: url, }) .done(function( data ) { processVideos(data.items); }); function processVideos(videos) { console.log(videos); window.cdsvideos = videos; processFeaturedVideo(videos[0]); processVideoList(videos); } function getVideoInformation(video) { return { videoUrl:embedUrl + video.id.videoId + "?modestbranding=1&showinfo=0&rel=0", title: video.snippet.title, description: video.snippet.description, thumbnail: video.snippet.thumbnails.medium.url, thumbLg:video.snippet.thumbnails.high.url, thumbsm:video.snippet.thumbnails.default.url } } function processFeaturedVideo(video) { var data = getVideoInformation(video); var elem = $("#" + componentID + " iframe.cds-featured-video"); elem.attr("title",data.title); elem.attr("src",data.videoUrl); } function processVideoList(videos) { for( v=1; v<numVideos+1; v++ ) { var data = getVideoInformation(videos[v]); var img = $("#" + componentID + " #video-" + v + " .cds-video-thumb"); var title = $("#" + componentID + " #video-" + v + " .cds-video-title"); var desc = $("#" + componentID + " #video-" + v + " .cds-video-desc"); img.attr("src",data.thumbnail); // console.log(data.title); title.html(data.title); desc.html(data.description); img.attr("title",data.title); img.attr("alt",data.title); img.attr("data-cds-video",data.videoUrl); img.attr("data-cds-video-title",data.title); } } }); </script> </div> <div class="cds-separator container-fluid px-0 section"> <style> #cds-separator-1971069359 hr.clear { border:0px !important; } #cds-separator-1971069359 hr.dashed { border-top: 2px dashed #AAAAAA !important; } #cds-separator-1971069359 hr.dotted { border-top: 2px dotted #AAAAAA !important; } #cds-separator-1971069359 hr.solid { border-top: 2px solid #AAAAAA !important; } #cds-separator-1971069359 .cds-separator-title { color:#999; } #cds-separator-1971069359 hr.stars { border-top: 2px solid #AAAAAA !important; } </style> <div class=" m-auto"> <section class='row align-items-center my-5' id='cds-separator-1971069359'> <div class='col'><hr class='stars' /></div> <div> <div class='cds-separator-title' > <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> </div> </div> <div class='col'><hr class='stars' /></div> </section> </div> </div> <div class="cards-container section"> <div class="container-fluid px-0 mb-3 "> <div class="row"> <div class="pb-2 col-sm-6 col-md-4 col-lg-3 card-col"> <div class="card h-100 text-center " > <img false class="card-img-top align-self-center " src="https://www.chicago.gov/content/dam/city/depts/mayor/FrontPageFeatures/covidvac2.png" alt="COVID-19 Vaccines"> <div class="card-body "> <div class="card-text"><div class="card-title"> <h2 class="h3"><a href="https://www.chicago.gov/city/en/sites/covid19-vaccine/home.html" class="stretched-link" target="_blank" rel="noopener noreferrer">COVID-19 Vaccines</a></h2> </div> <p>Get information about the vaccine and help prevent the spread of COVID-19.</p></div> </div> </div> </div> <div class="pb-2 col-sm-6 col-md-4 col-lg-3 card-col"> <div class="card h-100 text-center " > <img false class="card-img-top align-self-center " src="https://www.chicago.gov/content/dam/city/depts/mayor/FrontPageFeatures/twh.logo.png" alt="Together We Heal"> <div class="card-body "> <div class="card-text"><div class="card-title"> <h2 class="h3"><a href="https://www.chicago.gov/city/en/sites/together-we-heal/home.html" class="stretched-link" target="_blank" rel="noopener noreferrer"> Together We Heal </a></h2> </div> <p>Together We Heal (TWH) launches a journey aimed at building racial healing across Chicago.</p></div> </div> </div> </div> <div class="pb-2 col-sm-6 col-md-4 col-lg-3 card-col"> <div class="card h-100 text-center " > <img false class="card-img-top align-self-center " src="/content/dam/city/depts/mayor/FrontPageFeatures/support-new-arrivals-may-2024.png" alt="Opportunities to Support New Arrivals"> <div class="card-body "> <div class="card-text"><div class="card-title"> <h2 class="h3"><a href="https://www.chicago.gov/city/en/sites/texas-new-arrivals/home/donations.html" class="stretched-link" target="_blank" rel="noopener noreferrer">Support Unhoused Chicagoans and New Arrivals</a></h2> </div> <p>Learn how you can support unhoused Chicagoans and new arrivals.</p></div> </div> </div> </div> <div class="pb-2 col-sm-6 col-md-4 col-lg-3 card-col"> <div class="card h-100 text-center " > <img false class="card-img-top align-self-center " src="/content/dam/city/depts/mayor/MayorBrandonJohnson/Mayor-Brandon-Johnson.png" alt="Mayor Brandon Johnson"> <div class="card-body "> <div class="card-text"><div class="card-title"> <h2 class="h3"><a href="https://www.chicago.gov/city/en/depts/mayor.html">Mayor Brandon Johnson</a></h2> </div> <div class="d-flex pt-4 mx-5 justify-content-between" style="font-size: 20px;"><a title="Press Room" href="/content/city/en/depts/mayor/press_room.html"><em class="far fa-newspaper text-dark"> </em></a> <a title="Mayor's Office Twitter" target="blank" href="https://twitter.com/chicagosmayor"><em class="fab fa-twitter text-dark"> </em></a> <a title="Mayor's Office Facebook" target="_blank" href="https://www.facebook.com/profile.php?id=100092157126212&mibextid=LQQJ4d" rel="noopener noreferrer"><em class="fab fa-facebook text-dark"> </em></a> <a title="Mayor's Office Instagram" target="_blank" href="https://www.instagram.com/chicagosmayor/" rel="noopener noreferrer"><em class="fab fa-instagram text-dark"> </em></a> <a title="Mayor's Office YouTube" target="_blank" href="https://www.youtube.com/@MayorJohnson/featured" rel="noopener noreferrer"><em class="fab fa-youtube text-dark"> </em></a></div></div> </div> </div> </div> </div> </div> </div> <div class="cds-separator container-fluid px-0 section"> <style> #cds-separator-388679017 hr.clear { border:0px !important; } #cds-separator-388679017 hr.dashed { border-top: 2px dashed #AAAAAA !important; } #cds-separator-388679017 hr.dotted { border-top: 2px dotted #AAAAAA !important; } #cds-separator-388679017 hr.solid { border-top: 2px solid #AAAAAA !important; } #cds-separator-388679017 .cds-separator-title { color:#999; } #cds-separator-388679017 hr.stars { border-top: 2px solid #AAAAAA !important; } </style> <div class=" m-auto"> <section class='row align-items-center my-5' id='cds-separator-388679017'> <div class='col'><hr class='stars' /></div> <div> <div class='cds-separator-title' > <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> </div> </div> <div class='col'><hr class='stars' /></div> </section> </div> </div> <div class="cards-container section"> <script src="https://cdnjs.cloudflare.com/ajax/libs/flickity/2.2.2/flickity.pkgd.min.js" integrity="sha512-cA8gcgtYJ+JYqUe+j2JXl6J3jbamcMQfPe0JOmQGDescd+zqXwwgneDzniOd3k8PcO7EtTW6jA7L4Bhx03SXoA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flickity/2.2.2/flickity.min.css" integrity="sha512-BiFZ6oflftBIwm6lYCQtQ5DIRQ6tm02svznor2GYQOfAlT3pnVJ10xCrU3XuXnUrWQ4EG8GKxntXnYEdKY0Ugg==" crossorigin="anonymous" referrerpolicy="no-referrer"/> <style> #cds-cardsSlider-53244564 { background: #FFF; position:relative; } #cds-cardsSlider-53244564 .carousel-cell { width: 25%; margin-right:5px; min-height:100px; } @media (max-width:992px) { #cds-cardsSlider-53244564 .carousel-cell { width: 33%; height: auto; margin-right: 5px; } } @media (max-width:768px) { #cds-cardsSlider-53244564 .carousel-cell { width: 50%; height: auto; margin-right: 5px; } #cds-cardsSlider-53244564 .flickity-viewport { min-height:200px; } } </style> <div id="cds-cardsSlider-53244564" class="bg-primary p-sm-5 py-5 px-2 mb-5 "> <div class="carousel-cell"> <div class="card h-100 text-center "> <img class="card-img-top align-self-center " src="https://www.chicago.gov/content/dam/city/depts/fin/FeaturedServicesIcons/payutilities.png" alt="Pay Utility Bill"> <div class="card-body "> <div class="card-text"><div class="card-title"> <h2 class="h4"><a href="https://chicago.docugateway.com/main/guest/" class="stretched-link" target="_blank" rel="noopener noreferrer">Pay Utility Bill</a></h2> </div></div> </div> </div> </div> <div class="carousel-cell"> <div class="card h-100 text-center "> <img class="card-img-top align-self-center " src="https://www.chicago.gov/content/dam/city/depts/dhr/FeatureServicesIcons/Jobs-Icon.png" alt="Work for the City"> <div class="card-body "> <div class="card-text"><div class="card-title"> <h2 class="h4"><a href="https://chicago.taleo.net/careersection/100/jobsearch.ftl?lang=en" class="stretched-link" target="_blank" rel="noopener noreferrer">Work for the City</a></h2> </div></div> </div> </div> </div> <div class="carousel-cell"> <div class="card h-100 text-center "> <img class="card-img-top align-self-center " src="https://www.chicago.gov/content/dam/city/depts/fin/FeaturedServicesIcons/paytickets.png" alt="Parking"> <div class="card-body "> <div class="card-text"><div class="card-title"> <h2 class="h4"><a href="https://www.chicago.gov/city/en/depts/fin/supp_info/revenue/Payment%20Options/payment_center.html" class="stretched-link">Parking</a></h2> </div></div> </div> </div> </div> <div class="carousel-cell"> <div class="card h-100 text-center "> <img class="card-img-top align-self-center " src="https://www.chicago.gov/content/dam/city/depts/streets/FeaturedServicesIcons/Street-Operations.png" alt="Street Operations"> <div class="card-body "> <div class="card-text"><div class="card-title"> <h2 class="h4"><a href="https://www.chicago.gov/city/en/depts/streets/provdrs/street.html" class="stretched-link">Street Operations</a></h2> </div></div> </div> </div> </div> </div> <script> $(document).ready(function() { var flkty = new Flickity('#cds-cardsSlider-53244564', { prevNextButtons: true, pageDots: false, groupCells: true, initialIndex: 0, lazyLoad: true, cellAlign: 'left', accessibility: true, setGallerySize: true, wrapAround: true, imagesLoaded: true, contain: true, on: { ready: function() { $("#cds-cardsSlider-53244564 .carousel-cell").css("height","100%"); } } } ); }); </script> </div> <div class="cds-separator container-fluid px-0 section"> <style> #cds-separator-2025250780 hr.clear { border:0px !important; } #cds-separator-2025250780 hr.dashed { border-top: 2px dashed #AAAAAA !important; } #cds-separator-2025250780 hr.dotted { border-top: 2px dotted #AAAAAA !important; } #cds-separator-2025250780 hr.solid { border-top: 2px solid #AAAAAA !important; } #cds-separator-2025250780 .cds-separator-title { color:#999; } #cds-separator-2025250780 hr.stars { border-top: 2px solid #AAAAAA !important; } </style> <div class=" m-auto"> <section class='row align-items-center my-3' id='cds-separator-2025250780'> <div class='col'><hr class='stars' /></div> <div> <div class='cds-separator-title' > <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> </div> </div> <div class='col'><hr class='stars' /></div> </section> </div> </div> <div class="cards-container section"> <script src="https://cdnjs.cloudflare.com/ajax/libs/flickity/2.2.2/flickity.pkgd.min.js" integrity="sha512-cA8gcgtYJ+JYqUe+j2JXl6J3jbamcMQfPe0JOmQGDescd+zqXwwgneDzniOd3k8PcO7EtTW6jA7L4Bhx03SXoA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flickity/2.2.2/flickity.min.css" integrity="sha512-BiFZ6oflftBIwm6lYCQtQ5DIRQ6tm02svznor2GYQOfAlT3pnVJ10xCrU3XuXnUrWQ4EG8GKxntXnYEdKY0Ugg==" crossorigin="anonymous" referrerpolicy="no-referrer"/> <style> #cds-cardsSlider-625815377 { background: #FFF; position:relative; } #cds-cardsSlider-625815377 .carousel-cell { width: 25%; margin-right:5px; min-height:100px; } #cds-cardsSlider-625815377 .flickity-button.previous { left:-50px; } #cds-cardsSlider-625815377 .flickity-button.next { right:-50px; } @media (max-width:992px) { #cds-cardsSlider-625815377 .carousel-cell { width: 33%; height: auto; margin-right: 5px; } } @media (max-width:768px) { #cds-cardsSlider-625815377 .carousel-cell { width: 50%; height: auto; margin-right: 5px; } #cds-cardsSlider-625815377 .flickity-viewport { min-height:200px; } } </style> <div id="cds-cardsSlider-625815377" class="pt-4 px-0 mx-5 mb-5 "> <div class="carousel-cell"> <div class="card h-100 text-center border-0 "> <a class='stretched-link' href="https://www.chicago.gov/city/en/sites/senior-safety-ordinance/home.html" target='_blank'> <img class="card-img-top align-self-center w-75" src="https://www.chicago.gov/content/dam/city/homepage/feature_images/2021/senior-safety-ordinance.png" alt="Senior Safety Ordinance"> </a> </div> </div> <div class="carousel-cell"> <div class="card h-100 text-center border-0 "> <a class='stretched-link' href="https://311.chicago.gov/" target='_blank'> <img class="card-img-top align-self-center w-75" src="https://www.chicago.gov/content/dam/city/homepage/feature_images/2018/CHI311website.jpg" alt="Chicago 311"> </a> </div> </div> <div class="carousel-cell"> <div class="card h-100 text-center border-0 "> <a class='stretched-link' href="https://www.chicago.gov/city/en/sites/public-safety-and-violence-reduction/home.html" target='_blank'> <img class="card-img-top align-self-center w-75" src="https://www.chicago.gov/content/dam/city/homepage/feature_images/2020/publicsafetyreform-sm.png" alt="Public Safety Reform"> </a> </div> </div> <div class="carousel-cell"> <div class="card h-100 text-center border-0 "> <a class='stretched-link' href="https://www.chicago.gov/city/en/depts/dol/supp_info/uncashed-healthcare-premium-refund-checks.html" target='_blank'> <img class="card-img-top align-self-center w-75" src="/content/dam/city/homepage/feature_images/2018/Retiree-Health.jpg" alt="Uncashed Healthcare Premium Refund Checks"> </a> </div> </div> <div class="carousel-cell"> <div class="card h-100 text-center border-0 "> <a class='stretched-link' href="https://www.chicago.gov/city/en/sites/cannabis-information-center/home.html" target='_blank'> <img class="card-img-top align-self-center w-75" src="https://www.chicago.gov/content/dam/city/sites/cannabis/cannabis-200x200-1.png" alt="Cannabis Information Center"> </a> </div> </div> <div class="carousel-cell"> <div class="card h-100 text-center border-0 "> <a class='stretched-link' href="https://www.chicago.gov/city/en/depts/oem/supp_info/report-suspicious-activity.html" target='_self'> <img class="card-img-top align-self-center w-75" src="https://www.chicago.gov/content/dam/city/homepage/feature_images/2019/seesomethingsaysomething.jpg" alt="Protect Your Every Day"> </a> </div> </div> <div class="carousel-cell"> <div class="card h-100 text-center border-0 "> <a class='stretched-link' href="https://www.chicago.gov/city/en/sites/climate-action-plan/home.html" target='_blank'> <img class="card-img-top align-self-center w-75" src="/content/dam/city/homepage/feature_images/2021/CAP-2022-Button-200x200.jpg" alt="Chicago Climate Action Plan"> </a> </div> </div> <div class="carousel-cell"> <div class="card h-100 text-center border-0 "> <a class='stretched-link' href="https://www.chicago.gov/city/en/sites/chicago-recovery-plan/home.html" target='_blank'> <img class="card-img-top align-self-center w-75" src="/content/dam/city/homepage/feature_images/2024/CRTRP-Final-Center-Logo_612.png" alt="Chicago Recovery Plan"> </a> </div> </div> </div> <script> $(document).ready(function() { var flkty = new Flickity('#cds-cardsSlider-625815377', { prevNextButtons: true, pageDots: false, groupCells: true, initialIndex: 0, lazyLoad: true, cellAlign: 'left', accessibility: true, setGallerySize: true, wrapAround: true, imagesLoaded: true, contain: true, on: { ready: function() { $("#cds-cardsSlider-625815377 .carousel-cell").css("height","100%"); } } } ); }); </script> </div> <div class="cds-separator container-fluid px-0 section"> <style> #cds-separator-796585011 hr.clear { border:0px !important; } #cds-separator-796585011 hr.dashed { border-top: 2px dashed #AAAAAA !important; } #cds-separator-796585011 hr.dotted { border-top: 2px dotted #AAAAAA !important; } #cds-separator-796585011 hr.solid { border-top: 2px solid #AAAAAA !important; } #cds-separator-796585011 .cds-separator-title { color:#999; } #cds-separator-796585011 hr.stars { border-top: 2px solid #AAAAAA !important; } </style> <div class=" m-auto"> <section class='row align-items-center my-5' id='cds-separator-796585011'> <div class='col'><hr class='stars' /></div> <div> <div class='cds-separator-title' > <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> </div> </div> <div class='col'><hr class='stars' /></div> </section> </div> </div> <div class="container-fluid image-block-container section"> <style> #cds-img-block-148586522-img { background:url('/content/dam/city/homepage/images/land-acknowledgement-final.png') center; background-size: contain; min-height:300px; background-repeat:no-repeat; } </style> <div class="row "> <div id="cds-img-block-148586522-img" class="col-md-6 order-md-1 px-0 d-flex justify-content-around align-items-center" role="img" aria-label='City of Chicago'> </div> <div class="col-md-6 order-md-2 d-flex flex-wrap align-items-center justify-content-start"> <div class="text-left"> <div class="cds-image-block-content"><div> <div class="h2">Land Acknowledgement</div> The City of Chicago is located on land that is and has long been a center for Native peoples. The area is the traditional homelands of the Anishinaabe, or the Council of the Three Fires: the Ojibwe, Odawa, and Potawatomi Nations. Many other Nations consider this area their traditional homeland, including the Myaamia, Ho-Chunk, Menominee, Sac and Fox, Peoria, Kaskaskia, Wea, Kickapoo, and Mascouten. The City specifically acknowledges the contributions of Kitihawa of the Potawatomi in fostering the community that has become Chicago. We acknowledge all Native peoples who came before us and who continue to contribute to our City. We are committed to promoting Native cultural heritage</div></div> </div> </div> </div> </div> <div class="cds-separator container-fluid px-0 section"> <style> #cds-separator-2019059879 hr.clear { border:0px !important; } #cds-separator-2019059879 hr.dashed { border-top: 2px dashed #AAAAAA !important; } #cds-separator-2019059879 hr.dotted { border-top: 2px dotted #AAAAAA !important; } #cds-separator-2019059879 hr.solid { border-top: 2px solid #AAAAAA !important; } #cds-separator-2019059879 .cds-separator-title { color:#999; } #cds-separator-2019059879 hr.stars { border-top: 2px solid #AAAAAA !important; } </style> <div class=" m-auto"> <section class='row align-items-center my-3' id='cds-separator-2019059879'> <div class='col'><hr class='stars' /></div> <div> <div class='cds-separator-title' > <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> </div> </div> <div class='col'><hr class='stars' /></div> </section> </div> </div> <div class="cds-recentnews">  <ul class="nav nav-pills" role="tablist" id="homeupdates"> <li role="presentation" class="nav-item"><a class="nav-link active py-3" href="#news" aria-controls="news" role="tab" data-toggle="tab">News Releases</a></li> <li role="presentation" class="nav-item"><a class="nav-link py-3" href="#updates" aria-controls="updates" role="tab" data-toggle="tab">Other City Updates</a></li> </ul>  <div class="tab-content w-100"> <div role="tabpanel" class="tab-pane active" id="news"> <ul class="list-group"> <li class="list-group-item"> <div class="row"> <div class="col col-sm-3"> Dec 2, 2024 </div> <div class="col col-sm-9 item-link"> <a href="/content/city/en/depts/mayor/press_room/press_releases/2024/december/2025-Budget-Engagement-Report.html">Mayor Brandon Johnson Releases Fiscal Year 2025 Budget Engagement Report</a> </div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col col-sm-3"> Nov 25, 2024 </div> <div class="col col-sm-9 item-link"> <a href="/content/city/en/depts/mayor/press_room/press_releases/2024/november/Statement_Restoration_of_Chicago_Police_Department_Consent_Decree_2025_Budget.html">Statement From Mayor Brandon Johnson on the Restoration of Chicago Police Department Consent Decree Positions in Fiscal Year 2025 Budget</a> </div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col col-sm-3"> Nov 20, 2024 </div> <div class="col col-sm-9 item-link"> <a href="/content/city/en/depts/mayor/press_room/press_releases/2024/november/Citywide-Community-Input-Sessions-Announcement.html">City of Chicago Announces Citywide Community Input Sessions</a> </div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col col-sm-3"> Nov 13, 2024 </div> <div class="col col-sm-9 item-link"> <a href="/content/city/en/depts/mayor/press_room/press_releases/2024/november/Every_Child_Ready_Chicago_Strategic_Framework_Launch.html">Mayor Brandon Johnson Hosts the Second Annual Early Childhood Town Hall and Announces the Launch of Every Child Ready Chicago Strategic Framework</a> </div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col col-sm-3"> Nov 5, 2024 </div> <div class="col col-sm-9 item-link"> <a href="/content/city/en/depts/mayor/press_room/press_releases/2024/november/Statement-Heroic-Officer-Loss.html">Mayor Brandon Johnson Releases Statement on the Heroic Officer Loss in the Line of Duty</a> </div> </div> </li> <li class="list-group-item"> <a href="/city/en/depts/mayor/press_room/press_releases.html"><i class="fas fa-angle-double-right mr-3"></i>View All News Releases</a> </li> </ul> </div> <div role="tabpanel" class="tab-pane fade" id="updates"> <ul class="list-group"> <li class="list-group-item"> <div class="row"> <div class="col col-sm-3"> Nov 27, 2024 </div> <div class="col col-sm-9 item-link"> <a href="/content/city/en/depts/fss/provdrs/senior/news/2024/november/application-for-nomination-2024-senior-advisory-council-.html">Application for Nomination 2024 Senior Advisory Council </a> </div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col col-sm-3"> Nov 27, 2024 </div> <div class="col col-sm-9 item-link"> <a href="/content/city/en/depts/oem/provdrs/emerg_mang/news/2024/november/the-city-of-chicago-reminds-residents-to-be-prepared-for-the-col.html">The City of Chicago Reminds Residents to Be Prepared for the Cold and to Utilize City Services and Resources Including Warming Centers</a> </div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col col-sm-3"> Nov 27, 2024 </div> <div class="col col-sm-9 item-link"> <a href="/content/city/en/depts/cdph/provdrs/health_protection_and_response/news/2024/november/cdph-weekly-media-brief-11-27-2024.html">Chicago Department of Public Health Weekly Media Brief, 11/27/2024</a> </div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col col-sm-3"> Nov 26, 2024 </div> <div class="col col-sm-9 item-link"> <a href="/content/city/en/depts/oem/provdrs/emerg_mang/news/2024/november/ThanksgivingParade.html">Chicago鈥檚 Thanksgiving Day Parade Steps-off on November 28 on State Street, Headlining a Busy Holiday Weekend</a> </div> </div> </li> <li class="list-group-item"> <div class="row"> <div class="col col-sm-3"> Nov 26, 2024 </div> <div class="col col-sm-9 item-link"> <a href="/content/city/en/depts/doh/provdrs/housing_resources/news/2024/november/mayor-brandon-johnson-and-the-chicago-department-of-housing-to-i.html">Mayor Brandon Johnson and the Chicago Department of Housing to Invest $20 Million in Vacant and Abandoned Buildings in the City via Rebuild 2.0 Program</a> </div> </div> </li> <li class="list-group-item"> <a href="/city/en/depts/news.html"><i class="fas fa-angle-double-right mr-3"></i>View All Other City Updates</a> </li> </ul> </div> </div> </div> <div class="cds-separator container-fluid px-0 section"> <style> #cds-separator-2113150793 hr.clear { border:0px !important; } #cds-separator-2113150793 hr.dashed { border-top: 2px dashed #AAAAAA !important; } #cds-separator-2113150793 hr.dotted { border-top: 2px dotted #AAAAAA !important; } #cds-separator-2113150793 hr.solid { border-top: 2px solid #AAAAAA !important; } #cds-separator-2113150793 .cds-separator-title { color:#999; } #cds-separator-2113150793 hr.stars { border-top: 2px solid #AAAAAA !important; } </style> <div class=" m-auto"> <section class='row align-items-center my-5' id='cds-separator-2113150793'> <div class='col'><hr class='stars' /></div> <div> <div class='cds-separator-title' > <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> <img class='d-inline cds-chicago-star' src="/content/dam/city/cds/chicago-star.png" alt=""/> </div> </div> <div class='col'><hr class='stars' /></div> </section> </div> </div> </div> </div> </div> </div> </div> </div> </main> <style> .footer-primary .footer-primary-nav a { margin-right:5px; } </style> <footer class="mt-5" data-swiftype-index="false"> <div class="footer-primary"> <div class="footer-primary-nav container justify-content-between" role="navigation"> <a href="/city/en.html" title="The City of Chicago's Official Site">Home</a> <a href="/city/en/general/disclaimer.html">Disclaimer</a> <a href="/city/en/general/privacy.html">Privacy Policy</a> <a href="/city/en/general/standards.html">Web Standards</a> <a href="/city/en/general/credits.html">Site Credits</a> <a href="/city/en/general/sitemap.html">Site Map</a> <a href="/city/en/general/contact.html">Contact Us</a> <a href="/content/city/en/depts/mayor/press_room.html">Press Room</a> </div> </div> <div class="footer-main"> <div class="container"> <div class="row"> <div class="col-sm-6"> <div class="media footer-media"> <img class="align-self-center mr-3" src="/content/dam/city/cds/city_seal_clr.png" alt="City of Chicago" loading="lazy"> <div class="media-body align-self-center"> <div class="mt-0 h3">City of Chicago</div> <small>Copyright © 2010 - 2024 City of Chicago</small> </div> </div> </div> <div class="col-sm-6"> <div class="footer-main-right"> <div class="footer-social-links mb-2"> <a href="https://www.facebook.com/profile.php?id=100092157126212" target="_blank" title="Facebook" aria-label="Facebok"><i aria-hidden="true" class="fab fa-facebook"></i></a> <a href="https://twitter.com/chicagosmayor" target="_blank" title="Twitter" aria-label="Twitter"><i aria-hidden="true" class="fab fa-twitter"></i></a> <a href="https://www.youtube.com/user/cityofchicagotv" target="_blank" title="Youtube" aria-label="Youtube"><i aria-hidden="true" class="fab fa-youtube"></i></a> </div> </div> </div> </div> </div> </div> </footer> <button id="top-link-block" class="d-none affix btn btn-primary btn-lg px-4" aria-label="Back to Top" onclick="$('html,body').animate({scrollTop:0},'slow');return false;" title="Back to top of page"> <i class="fas fa-chevron-up" aria-hidden="true"></i> </button> <script> $(document).ready(function() { $(window).on('scroll', function(event) { var scrollValue = $(window).scrollTop(); if (scrollValue == 100 || scrollValue > 100) { $('#top-link-block').removeClass('d-none'); }else { $('#top-link-block').addClass('d-none'); } }); }); </script> <style> #top-link-block.affix { position: fixed; bottom: 20px; right: 50%; } </style> <script> $(document).ready(function() { var qs = window.location.search; var isRedirect = window.location.href.indexOf("redirect.html")>=0; if(!isRedirect) { return; } if(qs.indexOf("redirectTo")>=0) { url = qs.split("=")[1]; setTimeout( function() { window.location = url; },5000); }else { window.location = "/city/en.html"; } }); </script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <script src="https://webapps1.chicago.gov/cdn/chiwds/0.9.1/js/uswds.min.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-S6KEDJQPEW"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-2412440-18'); //UA gtag('config', 'G-S6KEDJQPEW'); //GA4 </script> <div id="cdsCardVideoModal" class="modal fade" role="dialog" aria-hidden="true" tabindex="-1"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body modal-body-video"> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" title="Play Video" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" src="" width="800" height="600" allowfullscreen="allowfullscreen" id="cdsCardVideo"> </iframe> </div> <div class="modal-footer justify-content-between"> <div class='h5' id="cdsVideoTitle">Video Title</div> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> <div class="modal fade" id="cdsImageModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-body text-center"> <img src="" id="cdsImagePreview" class='img-fluid' alt=''> </div> <div class="modal-footer justify-content-between"> <div class='h5' id="cdsImageTitle">Image Title</div> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <style> img[data-cds-video], img[data-cds-lightbox] { cursor:pointer; } .modal-backdrop{ z-index: 9000; } #cdsCardVideoModal,#cdsImageModal { z-index:10000 !important; } #cdsCardVideoModal .modal-content { } #cdsCardVideoModal .modal-body-video, #cdsImageModal .modal-body { position:relative; padding:0px !important; } </style> <script> $(document).ready(function() { var videoUrl = ""; var videoTitle = ""; $("[data-cds-lightbox]").on("click",function(elem) { var imgSrc = $(elem.target).attr("src"); var imgSrcFull = $(elem.target).attr("data-cds-img-full") || ""; var imgTitle = $(elem.target).attr("title"); if(imgSrcFull!="") { imgSrc = imgSrcFull; } $("#cdsImagePreview").attr("src",imgSrc); $("#cdsImageTitle").text(imgTitle); $("#cdsImageModal").modal("show"); }); $("[data-cds-video]").on("click",function(elem) { videoUrl = $(elem.target).data("cds-video"); videoTitle = $(elem.target).data("cds-video-title"); if( videoUrl && videoUrl !== "" ) { $("#cdsCardVideoModal").modal("show"); } }); $('#cdsCardVideoModal').on('hidden.bs.modal', function (e) { $("#cdsCardVideo").attr("src",""); }); $('#cdsCardVideoModal').on('show.bs.modal', function (e) { $("#cdsVideoTitle").text(videoTitle); var video = videoUrl.split("?"); var videoLink = video[0]; var videoParams = ""; if( video.length > 1 ) { videoParams = video[1] + "&"; } videoLink = videoLink + "?" + videoParams + "autoplay=1&rel=0"; $("#cdsCardVideo").attr("src",videoLink); }); }); </script> <script type="text/javascript"> /*<![CDATA[*/ (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_6451.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script> </body> </html>

CINXE.COM

City of Chicago