From 4e6d322f99ad103387bf29b7357e408c378627d1 Mon Sep 17 00:00:00 2001 From: Daniel Simmons-Ritchie <37225902+SimmonsRitchie@users.noreply.github.com> Date: Fri, 17 May 2024 09:44:23 -0500 Subject: [PATCH] Fix spider: chi_human_relations --- city_scrapers/spiders/chi_human_relations.py | 172 +- tests/files/chi_human_relations.html | 2374 +++++++++--------- tests/test_chi_human_relations.py | 72 +- 3 files changed, 1241 insertions(+), 1377 deletions(-) diff --git a/city_scrapers/spiders/chi_human_relations.py b/city_scrapers/spiders/chi_human_relations.py index 65dbb9b9b..58f8e59d3 100644 --- a/city_scrapers/spiders/chi_human_relations.py +++ b/city_scrapers/spiders/chi_human_relations.py @@ -1,144 +1,62 @@ -import re -from collections import defaultdict -from datetime import datetime, timedelta -from io import BytesIO, StringIO - -import scrapy from city_scrapers_core.constants import COMMISSION from city_scrapers_core.items import Meeting from city_scrapers_core.spiders import CityScrapersSpider -from pdfminer.high_level import extract_text_to_fp -from pdfminer.layout import LAParams +from dateutil.parser import parse as date_parse class ChiHumanRelationsSpider(CityScrapersSpider): name = "chi_human_relations" agency = "Chicago Commission on Human Relations" timezone = "America/Chicago" - start_urls = ["https://www.chicago.gov/city/en/depts/cchr.html"] + start_urls = [ + "https://www.chicago.gov/city/en/depts/cchr/supp_info/BoardMeetingInformation.html" # noqa + ] + title = "Chicago Commission on Human Relations Board Meeting" location = { - "name": "", + "name": "Chicago Commission on Human Relations - board room", "address": "740 N Sedgwick St, 4th Floor Boardroom, Chicago, IL 60654", } - - def __init__(self, *args, **kwargs): - self.meeting_starts = [] - self.docs_link = "" - super().__init__(*args, **kwargs) + links = [ + { + "title": "Meeting materials", + "href": "https://www.chicago.gov/city/en/depts/cchr/supp_info/BoardMeetingInformation.html", # noqa + } + ] def parse(self, response): + for header in response.css("h5 strong"): + text = header.xpath("string()").get().strip() + if "next meeting" in text: + date_str = text.split("scheduled for")[-1].strip() + start = self._parse_start(date_str) + meeting = Meeting( + title=self.title, + description="", + classification=COMMISSION, + start=start, + end=None, + all_day=False, + time_notes="", + location=self.location, + links=self.links, + source=response.url, + ) + # we provide additional text to _get_status to help determine + # if the meeting is cancelled or not + meeting["status"] = self._get_status(meeting, text=text) + meeting["id"] = self._get_id(meeting) + yield meeting + + def _parse_start(self, text): """ - `parse` should always `yield` Meeting items. - - Change the `_parse_title`, `_parse_start`, etc methods to fit your scraping - needs. + Expecting text like: + 'The next meeting of the Chicago Commission on Human Relations is + scheduled for Thursday, May 9 at 9:30 a.m' + Parse the date and time from the text """ - schedule_link = "" - for link in response.css(".related-links a"): - link_text = " ".join(link.css("*::text").extract()) - if "Board" in link_text and "Schedule" in link_text: - schedule_link = link.attrib["href"] - elif "CCHR Board Meeting Information" in link_text: - self.docs_link = link.attrib["href"] - if schedule_link and self.docs_link: - yield scrapy.Request( - response.urljoin(schedule_link), - callback=self._parse_schedule, - dont_filter=True, - ) - else: - raise ValueError("Required links not found") - - def _parse_schedule(self, response): - """Parse PDF and then yield to documents page""" - self._parse_schedule_pdf(response) - yield scrapy.Request( - response.urljoin(self.docs_link), - callback=self._parse_documents, - dont_filter=True, - ) - - def _parse_schedule_pdf(self, response): - """Parse dates and details from schedule PDF""" - lp = LAParams(line_margin=0.1) - out_str = StringIO() - extract_text_to_fp(BytesIO(response.body), out_str, laparams=lp) - pdf_text = out_str.getvalue().replace("\n", "") - # Remove duplicate characters not followed by lowercase (as in 5:00pm) - clean_text = re.sub(r"([A-Z0-9:])\1(?![a-z])", r"\1", pdf_text, flags=re.M) - # Remove duplicate spaces - clean_text = re.sub(r"\s+", " ", clean_text) - year_str = re.search(r"\d{4}", clean_text).group() - self._validate_location(clean_text) - - for date_str in re.findall(r"[A-Z]{3,10}\s+\d{1,2}(?!\d)", clean_text): - self.meeting_starts.append(self._parse_start(date_str, year_str)) - - def _parse_documents(self, response): - """Parse agenda and minutes page""" - link_map = self._parse_link_map(response) - for start in self.meeting_starts: - meeting = Meeting( - title="Board of Commissioners", - description="", - classification=COMMISSION, - start=start, - end=self._parse_end(start), - all_day=False, - time_notes="See agenda to confirm details", - location=self.location, - links=link_map[(start.month, start.year)], - source=self.start_urls[0], + if "scheduled for" not in text: + self.logger.error( + "Could not find 'scheduled for' in text – text format may have changed" # noqa ) - - meeting["status"] = self._get_status(meeting) - meeting["id"] = self._get_id(meeting) - - yield meeting - - def _parse_classification(self, item): - """Parse or generate classification from allowed options.""" - return COMMISSION - - def _parse_start(self, date_str, year_str): - """Parse start datetime as a naive datetime object.""" - return datetime.strptime( - "{} {} 15:30".format(date_str, year_str), "%B %d %Y %H:%M" - ) - - def _parse_end(self, start): - """Parse end datetime as a naive datetime object. Added by pipeline if None""" - return start + timedelta(hours=1, minutes=30) - - def _parse_link_map(self, response): - """ - Parse or generate links. Returns a dictionary of month, year tuples and link - lists - """ - link_map = defaultdict(list) - for link in response.css(".page-full-description-above a"): - link_text = " ".join(link.css("*::text").extract()).strip() - link_date_match = re.search(r"[A-Z][a-z]{2,9} \d{4}", link_text) - if not link_date_match: - continue - link_date_str = link_date_match.group() - link_start = datetime.strptime(link_date_str, "%B %Y") - link_map[(link_start.month, link_start.year)].append( - { - "title": "Agenda" if "Agenda" in link.attrib["href"] else "Minutes", - "href": response.urljoin(link.attrib["href"]), - } - ) - return link_map - - def _parse_location(self, text): - if "Zoom" in text: - return { - "name": "Zoom (see website for details)", - "address": "", - } - return self.location - - def _validate_location(self, text): - if "740" not in text and "Zoom" not in text: - raise ValueError("Meeting location has changed") + date_str = text.split("scheduled for")[-1].strip() + return date_parse(date_str) diff --git a/tests/files/chi_human_relations.html b/tests/files/chi_human_relations.html index d6ae6089f..e92f45ee2 100644 --- a/tests/files/chi_human_relations.html +++ b/tests/files/chi_human_relations.html @@ -1,52 +1,55 @@ + + + - + + + + + + + + + + - + - - - + + - - - + - - - - - - - + + + - - - - + - - + + + - + @@ -86,7 +89,7 @@ - + City of Chicago :: Board Meeting Information @@ -95,7 +98,7 @@ <!-- Day Initialization --> - + <!-- Favicon --> @@ -106,102 +109,132 @@ <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"> - <script type="text/javascript" src="/etc/designs/base/clientlibs/jquery.js"></script> - <link rel="stylesheet" href="/etc.clientlibs/foundation/clientlibs/main.min.css" type="text/css"> -<link rel="stylesheet" href="/etc/designs/city/clientlibs.min.css" type="text/css"> -<script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script> -<script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/utils.min.js"></script> -<script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/jquery/granite.min.js"></script> -<script type="text/javascript" src="/etc.clientlibs/foundation/clientlibs/jquery.min.js"></script> -<script type="text/javascript" src="/etc.clientlibs/foundation/clientlibs/main.min.js"></script> -<script type="text/javascript" src="/etc/designs/city/clientlibs.min.js"></script> + <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> - <script type="text/javascript" src="/etc/designs/base/clientlibs.min.js"></script> + + + + + - <link href="/etc/designs/base/MegaNavBar/assets/css/MegaNavbar.min.css" rel="stylesheet" type="text/css"/> - <link href="/etc/designs/base/MegaNavBar/assets/css/skins/city-top-nav-white.css" rel="stylesheet" type="text/css"/> - <link href="/etc/designs/base/MegaNavBar/assets/css/skins/city-department-nav-white.css" rel="stylesheet" type="text/css"/> - <link href="/etc/designs/city/css/theme.css" rel="stylesheet" type="text/css"/> +<link rel="stylesheet" href="/content/dam/city/cds/css/coc-cds.css" type="text/css"> - <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' 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; + } -<script type="text/javascript"> - $(document).ready(function() { - $.reject({ - reject: { /*msie7: true, - firefox15: true, - firefox11: true, - firefox7: true, - firefox3: true, - chrome21: true, - chrome20: true,*/ - chrome19: true - }, // Reject these browsers - header: 'Dear Web User:', // Header Text - paragraph1: 'This web browser version may limit the quality of your visit to the City of Chicago website. The site is internally tested and best viewed with the browsers listed below, so updating to one of these versions may improve your experience.', // Paragraph 1 - paragraph2: 'Select an icon to get to the download page:', - display: ['firefox','chrome','msie'], - closeCookie: true, // Once per session - closeMessage: ' ', // Message below close window link - closeURL: '#notification' - - }); // Customized Browsers - return false; - }); - </script> + .cds-relatedlinks .card-title, .cds-thefacts .card-title { + margin-bottom:0px; + } - </head> + .goog-te-banner-frame.skiptranslate { + display: none !important; + } + body { + top: 0px !important; + } - <body class="page-narrative"> + .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> - <div class="page-wrapper"> - <!-- Header --> - <div data-swiftype-index='false' class="container-fluid container-header" style="margin-top:0px;padding-left:0px;padding-right:0px;"> - <div class="row"> - <div class="col-xs-12 page-header" style="margin-top:0px;"> - + <body class="page-narrative"> + <a href="#cds-main" class="skip-to-main-content-link btn btn-lg btn-dark">Skip to main content</a> + + + - - - - - - - <style> - - - - ul.ui-autocomplete { z-index:10000000; } - .ui-helper-hidden-accessible { display:none; } - .ui-menu-item a { cursor:pointer;} - </style> - - - - - @@ -214,853 +247,633 @@ _st('install','FC8Ksdtmv1_V-kqBZqbB','2.0.0'); </script> + + <style> - .st-default-search-input { - background-image:none !important; - } +@media (min-width: 768px) { +.cds-nav-secondary { + top: -7.7rem; + } +} </style> -<div class="header container-fluid site-logo" style="margin-bottom:0px;margin-top:0px; padding:10px;background-color: #0198DD"> - <div class="row" > - <div class="col-xs-12 col-sm-8"> - <div id="skip"> - <a href="#startcontent">Skip to Main Content</a> - </div> - <a href="/content/city/en.html" title="The City of Chicago's Official Site"> - <img class="img-responsive" src="/content/dam/city/homepage/city-logo-new-v2-2019.png" alt="The City of Chicago's Official Site"/> - </a> + + +<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 class="xsearch col-xs-12 col-sm-4 hidden-xs"> - <form action="/city/en/general/search_results.html" method="GET" name="g" style="text-align:right;margin-top:20px;"> - <p class="search-fields"> - <input type="text" id="xsite-search" placeholder="Search the City of Chicago" - value="" style="color: #809DB9;width: 80%;display: inline;" - name="keyword" class="st-default-search-input global-search xauto-search global-search-text form-control" /> -   - - <button title="Search the City of Chicago" type="submit" value="Search" name="Go" id="Go" class="btn btn-top-search" style="padding:6px" > - <i class="fa fa-search">  </i> - </button> - </p> - - </form> + </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> - -<script type="text/javascript"> - - $(document).ready(function() { - - - $( ".auto-search" ).autocomplete({ - source: "/content/city/en.SuggestProxy.html", - // appendTo: ".site-search", - select: function( event, ui ) { - // $(this).attr("value",ui.item.value); - $(this).val(ui.item.value); - var inputId = $(this).attr("id"); - if(inputId != "findServicesBigSearchInput" && inputId != "city-service-search-cmp") { - $('#site-search').val($('#site-search').val().trim()); - if($('#keyword').length) { - $('#keyword').val($('#keyword').val().trim()); - } - $(this).closest("form").submit(); - } - } - }); - - if($('#site-search').val() == "Keyword") { - $('#site-search').css('color','#809DB9'); - } - }); - - </script> - - <script type="text/javascript" language="JavaScript"> - $('#site-search').focus(function(){ - if($(this).val() == 'Keyword') { - $(this).val(''); - $(this).css('color','Black'); - } - }); - - $('#site-search').blur(function(){ - if($(this).val() == "") { - $(this).val('Keyword'); - $(this).css('color','#809DB9'); - } - }); - $('#Go').click(function(){ - if($('#site-search').val() == "" || $('#site-search').val() == "Keyword") { - $('#site-search').focus(); - return false; - } - $('#site-search').val($('#site-search').val().trim()); - - }); -</script> - + </div> +</div> + - <!-- Main Navigation Bar --> + + + - +<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> - <div id="mobdiv" class="visible-xs"></div> - <div class="container-fluid" style="padding-left:0px;padding-right:0px"> - <nav class="navbar city-top-nav no-border-radius xs-height75 navbar-static-top" id="main_navbar" role="navigation" style="margin-bottom:0px"> - <div class="container-fluid" > - <!-- Brand and toggle get grouped for better mobile display --> - <div class="navbar-header"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#MegaNavbarID"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> - </button> - <form style="margin-top:7px" class="navbar-form-expanded navbar-form navbar-left visible-xs-block" role="search" action="/city/en/general/search_results.html" method="GET" name="g"> - <div class="input-group"> - <input type="text" class="form-control st-default-search-input" data-width="80px" data-width-expanded="170px" placeholder="Search the City of Chicago" value="" name="keyword" > - <span class="input-group-btn"><button class="btn btn-danger" type="submit" ><i class="fa fa-search"></i> </button></span> - </div> - </form> - </div> - <!-- Collect the nav links, forms, and other content for toggling --> - <div class="collapse navbar-collapse" id="MegaNavbarID"> - <!-- regular link --> - <ul class="nav navbar-nav navbar-left dropdown-onhover"> - <a href="/city/en.html" title="City of Chicago Home Page" class="navbar-link navbar-left hidden-xs"><i style="font-size:20px;margin-top:10px;" class="fa fa-home" aria-hidden="true"></i></a> - + + - <li class="dropdown"> - <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle" aria-expanded="true">I Want To<span class="caret"></span></a> - <ul class="dropdown-menu" role="menu" > +<header role="banner" id="cds-header" class="cds-header section"> - - <li class="dropdown-right-onhover no-fix" > - <a href="javascript:;" data-target="#m-apply_for" data-toggle="collapse" class="dropdown-toggle collapsed">Apply for</a> - <ul class="dropdown-menu collapse" id="m-apply_for"> + - <li><a title="Bid Job Opportunities " href="/content/city/en/depts/dhr/provdrs/emp/svcs/apply_for_bid_opportunities-forcityofchicagoemployeesandbargaini.html">Bid Job Opportunities </a></li> - <li><a title="Building Permit (online)" href="/content/city/en/depts/bldgs/provdrs/e_plan/svcs/dynamicportal.html">Building Permit (online)</a></li> - - <li><a title="Business Licenses" href="/content/city/en/depts/bacp/provdrs/bus/svcs/apply_for_a_businesslicenseonline.html">Business Licenses</a></li> - - <li><a title="Chicago Housing Authority (CHA) Housing" href="/content/city/en/depts/other/provdrs/cha/svcs/find_housing_information.html">Chicago Housing Authority (CHA) Housing</a></li> +<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; + } - <li><a title="Internships and Volunteer Programs" href="/content/city/en/depts/dhr/provdrs/emp/svcs/internships.html">Internships and Volunteer Programs</a></li> + @media (max-width:720px) { + .cds-nav-megamenu .dropdown-header { + color:#000; + } - <li><a title="Job Opportunities at City of Chicago" href="/content/city/en/depts/dhr/provdrs/emp/svcs/city_of_chicago_jobopportunities.html">Job Opportunities at City of Chicago</a></li> + } + #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 { + + } - <li><a title="WIC (Women Infant Children program)" href="/content/city/en/depts/cdph/provdrs/healthymothers_and_babies/svcs/apply_for_wic_.html">WIC (Women Infant Children program)</a></li> + .cds-nav-search { + min-width:350px; + } + } + @media (min-width: 768px) { + .cds-nav-search { + min-width: 250px !important; - <li class="divider"></li> - <li><a title="More Services" href="/city/en/svcs/iwantto.apply_for.html"><i class="fa fa-list-ul" aria-hidden="true"></i> More Services</a></li> + } + } - </ul> - </li> +</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> + <!--Start Navigation--> +<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="dropdown-right-onhover no-fix" > - <a href="javascript:;" data-target="#m-check_status_of" data-toggle="collapse" class="dropdown-toggle collapsed">Check Status Of</a> - <ul class="dropdown-menu collapse" id="m-check_status_of"> + - <li><a title="Abandoned Vehicle Complaint" href="/content/city/en/depts/streets/provdrs/traffic/svcs/abndvhclstatus.html">Abandoned Vehicle Complaint</a></li> - - <li><a title="Building Violations" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/building_violationsonline.html">Building Violations</a></li> - - <li><a title="Easy Building Permit Applications" href="/content/city/en/depts/bldgs/provdrs/permit_proc/svcs/applications.html">Easy Building Permit Applications</a></li> - - <li><a title="HomeMod - My Application status" href="/content/city/en/depts/mopd/provdrs/hous/svcs/accessible_home_modificationprogram-ages0-5911.html">HomeMod - My Application status</a></li> - - <li><a title="Parking, Red Light, or Speed Ticket(s)" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/pay_parking_and_red-lightticketson-line.html">Parking, Red Light, or Speed Ticket(s)</a></li> - - <li><a title="Permit for Business ID and Advertising Signs" href="/content/city/en/depts/dcd/provdrs/admin/svcs/business_identificationandadvertisingsigns.html">Permit for Business ID and Advertising Signs</a></li> - - <li><a title="Service Request for Street Light Out" href="/content/city/en/depts/cdot/provdrs/traffic_signals_andstreetlights/svcs/bldgviolstatus.html">Service Request for Street Light Out</a></li> - <li><a title="Vacant Property" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/check_status_of_vacantproperty.html">Vacant Property</a></li> - <li class="divider"></li> - <li><a title="More Services" href="/city/en/svcs/iwantto.check_status_of.html"><i class="fa fa-list-ul" aria-hidden="true"></i> More Services</a></li> +<li class="menu-item-dropdown section"> - </ul> - </li> - - <li class="dropdown-right-onhover no-fix" > - <a href="javascript:;" data-target="#m-find_get" data-toggle="collapse" class="dropdown-toggle collapsed">Find/Get</a> - <ul class="dropdown-menu collapse" id="m-find_get"> + - <li><a title="Auto Pound Locations" href="/content/city/en/depts/streets/provdrs/traffic/svcs/auto_pound_locations.html">Auto Pound Locations</a></li> - <li><a title="Bids, RFP, RFQ, RFI, Small Order" href="/content/city/en/depts/dps/provdrs/contract/svcs/current_bid_opportunities.html">Bids, RFP, RFQ, RFI, Small Order</a></li> - <li><a title="Business License Look-up" href="/content/city/en/depts/bacp/provdrs/bus/svcs/business_licenselook-up.html">Business License Look-up</a></li> - - <li><a title="Chicago Building Code" href="/content/city/en/depts/bldgs/provdrs/bldg_code/svcs/chicago_buildingcodeonline.html">Chicago Building Code</a></li> + - <li><a title="Free STI/HIV/AIDS Testing and Treatment" href="/content/city/en/depts/cdph/provdrs/health_services/svcs/get_yourself_evaluatedforstihivaids.html">Free STI/HIV/AIDS Testing and Treatment</a></li> + <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 title="Vital Records from the Cook County Clerk's Office" href="/content/city/en/depts/other/provdrs/ccco/svcs/get_vital_records.html">Vital Records from the Cook County Clerk's Office</a></li> - <li class="divider"></li> - <li><a title="More Services" href="/city/en/svcs/iwantto.find_get.html"><i class="fa fa-list-ul" aria-hidden="true"></i> More Services</a></li> + <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> - </ul> - </li> + </li> +<li class="menu-item-dropdown section"> - <li class="dropdown-right-onhover no-fix" > - <a href="javascript:;" data-target="#m-pay_for_buy" data-toggle="collapse" class="dropdown-toggle collapsed">Pay for/Buy</a> - <ul class="dropdown-menu collapse" id="m-pay_for_buy"> + - <li><a title="Administrative Hearing Fines" href="/content/city/en/depts/fin/provdrs/payment_processingdivision/svcs/QuickPay.html">Administrative Hearing Fines</a></li> - - <li><a title="Business License Renewal" href="/content/city/en/depts/bacp/provdrs/bus/svcs/renew_your_businesslicenseonline.html">Business License Renewal</a></li> - - <li><a title="Business Taxes" href="/content/city/en/depts/fin/provdrs/tax_division/svcs/pay_and_file_yourtaxesonline.html">Business Taxes</a></li> - - <li><a title="CTA Transit Customer Fare Cards" href="/content/city/en/depts/other/provdrs/cta/svcs/customer_fares_chartsandpurchasectafarecards.html">CTA Transit Customer Fare Cards</a></li> - <li><a title="Calculate the Cost of a Building Permit" href="/content/city/en/depts/bldgs/provdrs/permits/svcs/permit_fee_calculator.html">Calculate the Cost of a Building Permit</a></li> - <li><a title="City of Chicago Photography" href="/content/city/en/depts/dgs/provdrs/asset_management/svcs/purchase_city_photography.html">City of Chicago Photography</a></li> - <li><a title="Parking, Red Light, or Speed Ticket(s)" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/pay_parking_and_red-lightticketson-line.html">Parking, Red Light, or Speed Ticket(s)</a></li> - <li><a title="Surplus, Vehicles, Auctions" href="/content/city/en/depts/dps/provdrs/auction/svcs/city_of_chicago_onlineauctions.html">Surplus, Vehicles, Auctions</a></li> - <li><a title="View Automated Speed Enforcement Video" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/view_automated_speedenforcementvideo.html">View Automated Speed Enforcement Video</a></li> - <li class="divider"></li> - <li><a title="More Services" href="/city/en/svcs/iwantto.pay_for_buy.html"><i class="fa fa-list-ul" aria-hidden="true"></i> More Services</a></li> - - </ul> - </li> + - <li class="dropdown-right-onhover no-fix" > - <a href="javascript:;" data-target="#m-register" data-toggle="collapse" class="dropdown-toggle collapsed">Register</a> - <ul class="dropdown-menu collapse" id="m-register"> - - <li><a title="Discrimination Complaint" href="/content/city/en/depts/cchr/provdrs/discrim/svcs/file_a_discriminationcomplaint.html">Discrimination Complaint</a></li> - <li><a title="Dog Registration" href="/content/city/en/depts/cacc/provdrs/care/svcs/dog_registration.html">Dog Registration</a></li> - <li><a title="Extreme Weather Notification" href="/content/city/en/depts/oem/provdrs/emerg_mang/svcs/sign_up_for_extremeweathernotification.html">Extreme Weather Notification</a></li> - <li><a title="For Park District Programs" href="/content/city/en/depts/other/provdrs/cpd/svcs/register_for_parkdistrictprogramsonline.html">For Park District Programs</a></li> + <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><a title="Independent Living Skills Program" href="/content/city/en/depts/mopd/provdrs/resource/svcs/ilp-independent_livingprogram.html">Independent Living Skills Program</a></li> + +</li> +<li class="menu-item-dropdown section"> - <li><a title="MPEA Airport Tax" href="/content/city/en/depts/bacp/provdrs/vehic/svcs/mpea_online_permitapplicationform.html">MPEA Airport Tax</a></li> - <li><a title="Register a Cottage Food Operation" href="/content/city/en/depts/cdph/provdrs/healthy_restaurants/svcs/register_a_cottagefoodoperation.html">Register a Cottage Food Operation</a></li> + + - <li><a title="Vacant Building" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/check_status_of_vacantproperty.html">Vacant Building</a></li> - <li class="divider"></li> - <li><a title="More Services" href="/city/en/svcs/iwantto.register.html"><i class="fa fa-list-ul" aria-hidden="true"></i> More Services</a></li> - </ul> - </li> - <li class="dropdown-right-onhover no-fix" > - <a href="javascript:;" data-target="#m-report_file" data-toggle="collapse" class="dropdown-toggle collapsed">Report/File</a> - <ul class="dropdown-menu collapse" id="m-report_file"> - - <li><a title="AIC (Annual Inspection Certification) Inspections" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/annual_inspectioncertificationaicprogramupdate.html">AIC (Annual Inspection Certification) Inspections</a></li> - <li><a title="Abandoned Vehicle" href="/content/city/en/depts/streets/provdrs/traffic/svcs/abandoned_vehicles.html">Abandoned Vehicle</a></li> - - <li><a title="Cab Feedback" href="/content/city/en/depts/bacp/provdrs/consumer/svcs/consumer_cab_complaint.html">Cab Feedback</a></li> + - <li><a title="Consumer Complaint Online" href="/content/city/en/depts/bacp/provdrs/pros_adj/svcs/file_a_citizen_complaintonline.html">Consumer Complaint Online</a></li> - <li><a title="Economic Disclosure, Affidavit, Online EDS" href="/content/city/en/depts/dps/provdrs/comp/svcs/economic_disclosurestatementseds.html">Economic Disclosure, Affidavit, Online EDS</a></li> - <li><a title="Pothole in the Street" href="/content/city/en/depts/cdot/provdrs/street/svcs/report_a_pot_holeinstreet.html">Pothole in the Street</a></li> - <li><a title="Stray Animal in Neighborhood" href="/content/city/en/depts/cacc/provdrs/animal_control_andrescue/svcs/report_a_stray_animal.html">Stray Animal in Neighborhood</a></li> - <li class="divider"></li> - <li><a title="More Services" href="/city/en/svcs/iwantto.report_file.html"><i class="fa fa-list-ul" aria-hidden="true"></i> More Services</a></li> + <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/dgs.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> - </ul> - </li> + +</li> +<li class="menu-item-dropdown section"> - <li class="dropdown-right-onhover no-fix" > - <a href="javascript:;" data-target="#m-request" data-toggle="collapse" class="dropdown-toggle collapsed">Request</a> - <ul class="dropdown-menu collapse" id="m-request"> + - <li><a title="Building Inspection" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/permit_inspection.html">Building Inspection</a></li> - - <li><a title="Garbage Cart" href="/content/city/en/depts/streets/provdrs/rodent/svcs/garbage_cart_distribution.html">Garbage Cart</a></li> - <li><a title="Graffiti Removal Services" href="/content/city/en/depts/streets/provdrs/graffiti_blasters/svcs/mayor_daley_s_graffitiblasters.html">Graffiti Removal Services</a></li> - <li><a title="Parking Ticket Photos" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/view_parking_ticketpictures.html">Parking Ticket Photos</a></li> + - <li><a title="Request a Bike Map" href="/content/city/en/depts/cdot/provdrs/bike/svcs/request_a_bike_map.html">Request a Bike Map</a></li> + <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 title="Residential Garbage Collection" href="/content/city/en/depts/streets/provdrs/streets_san/svcs/residential_garbagecollection.html">Residential Garbage Collection</a></li> - <li><a title="View Red Light Video" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/view_red-light_video.html">View Red Light Video</a></li> + <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 class="divider"></li> - <li><a title="More Services" href="/city/en/svcs/iwantto.request.html"><i class="fa fa-list-ul" aria-hidden="true"></i> More Services</a></li> + </li> - </ul> - </li> + - <li class="dropdown-right-onhover no-fix" > - <a href="javascript:;" data-target="#m-sign_up" data-toggle="collapse" class="dropdown-toggle collapsed">Sign up for/volunteer</a> - <ul class="dropdown-menu collapse" id="m-sign_up"> + - <li><a title="Alerts from NotifyChicago" href="/content/city/en/depts/oem/provdrs/alertchicago/svcs/notifychicago.html">Alerts from NotifyChicago</a></li> - <li><a title="Community Emergency Response Team (CERT)" href="/content/city/en/depts/oem/provdrs/edu/svcs/become_a_cert_volunteer.html">Community Emergency Response Team (CERT)</a></li> - <li><a title="Internships and Volunteer Programs" href="/content/city/en/depts/dhr/provdrs/emp/svcs/internships.html">Internships and Volunteer Programs</a></li> +<li class="menu-item-dropdown float-sm-right"> - <li><a title="One Good Deed Chicago Volunteer Opportunities" href="/content/city/en/depts/mayor/provdrs/special_prog/svcs/one_good_deed_chicago.html">One Good Deed Chicago Volunteer Opportunities</a></li> - <li><a title="Voluntary Disclosure" href="/content/city/en/depts/fin/provdrs/tax_division/svcs/apply_for_voluntarydisclosureofchicagobusinesstaxes.html">Voluntary Disclosure</a></li> + <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> - <li class="divider"></li> - <li><a title="More Services" href="/city/en/svcs/iwantto.sign_up.html"><i class="fa fa-list-ul" aria-hidden="true"></i> More Services</a></li> + </button> + <div class="cds-nav-submenu border border-primary" id="cdsLanguages" aria-hidden="true" style="background-color:#FFF"> - </ul> - </li> + <div id="google_translate_element" class='text-center p-2' style="background-color:#FFF;z-index:999999999999"> </div> -</ul> -</li> + </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 { - <!--Programs & Initiatives --> - <li class="dropdown-grid menu-programs"> - <a data-toggle="dropdown" href="/city/en/progs.html" class="dropdown-toggle nav-url"><span>Programs & Initiatives</span><span class="caret"></span></a> - <div class="dropdown-grid-wrapper"> - <div class="dropdown-menu row col-xs-12 col-sm-6 no-shadow no-border-radius border"> - <div class="col-xs-12 col-sm-6"> - <ul> - <li> - <a title="Affordable Chicago" href="/city/en/progs/affordchic.html">Affordable Chicago</a> - <a title="Consumer Protection" href="/city/en/progs/protect.html">Consumer Protection</a> - <a title="Education" href="/city/en/progs/edu.html">Education</a> - <a title="Environment" href="/city/en/progs/env.html">Environment</a> - <a title="Food Service Establishments" href="/city/en/ofinterest/bus/food.html">Food Service Establishments</a> - <a title="Freedom of Information (FOIA)" href="/city/en/progs/foia.html">Freedom of Information (FOIA)</a> - <a title="Grants" href="/city/en/progs/grants.html">Grants</a> - <a title="Grounds for Peace" href="/city/en/progs/grounds_for_peace.html">Grounds for Peace</a> - <a title="Health & Wellness" href="/city/en/progs/health.html">Health & Wellness</a> - <a title="Housing" href="/city/en/depts/doh.html">Housing</a> - <a title="Inspections, Permitting & Licensing" href="/city/en/progs/inspectionspermitting.html">Inspections, Permitting & Licensing</a> - </li> - </ul> - </div> - - <div class="col-xs-12 col-sm-6"> - <ul> - <li> - <a title="Jobs" href="/city/en/progs/emp.html">Jobs</a> - <a title="Municipal Marketing" href="/city/en/progs/municipal_marketing.html">Municipal Marketing</a> - <a title="Our City. Our Safety." href="https://www.chicago.gov/summer">Our City. Our Safety.</a> - <a title="Safety" href="/city/en/progs/safety.html">Safety</a> - <a title="Sustain Chicago" target="_blank" href="https://sustainchicago.cityofchicago.org/">Sustain Chicago</a> - <a title="Taxes" href="/city/en/progs/tax.html">Taxes</a> - <a title="Technology" href="/city/en/progs/tech.html">Technology</a> - <a title="Transparency" href="/city/en/progs/transparency.html">Transparency</a> - <a title="Transportation" href="/city/en/progs/trnsprt.html">Transportation</a> - - </li> - </ul> - </div> - </div> - </div> - </li> - - <!--Chicago Government --> - <li class="dropdown-full menu-departments"> - <a data-toggle="dropdown" href="/city/en/chicagogovt.html" class="dropdown-toggle nav-url"><span>Government</span><span class="caret"></span></a> - <div class="dropdown-menu"> - - <div class="col-xs-12 col-sm-3"> - <ul> - <li class="dropdown-header">Elected Officials</li> - </ul> - <ul> - <li> - <a title="Mayor's Office" href="/city/en/depts/mayor.html">Mayor's Office</a> - <a title="City Clerk and Ordinances" href="http://www.chicityclerk.com/">City Clerk</a> - <a title="City Treasurer" href="http://www.chicagocitytreasurer.com/">City Treasurer</a> - <a title="City Council, Your Ward & Aldermen" href="/city/en/about/council.html">City Council (Your Ward & Aldermen)</a> - </li> - </ul> - <ul> - <li class="dropdown-header"><br>Other City Agencies</li> - </ul> - <ul> - <li> - <a title="" href="#"></a> - <a title="City Colleges" target="blank" href="http://www.ccc.edu">City Colleges</a> - <a title="Housing Authority (CHA)" href="/content/city/en/depts/other/provdrs/cha.html">Housing Authority (CHA)</a> - <a title="Park District" href="/content/city/en/depts/other/provdrs/cpd.html">Park District</a> - <a title="Public Building Commission" href="http://www.pbcchicago.com/" target="_blank">Public Building Commission</a> - <a title="Public Schools" href="/city/en/depts/other/provdrs/cps.html">Public Schools</a> - <a title="Transit Authority (CTA)" href="/city/en/depts/other/provdrs/cta.html">Transit Authority (CTA)</a> - <a title="Metro Pier & Exposition Authority" href="http://www.mpea.com/" target="_blank">Metro Pier & Exposition Authority</a> - </li> - </ul> - </div> - - <div class="col-xs-12 col-sm-9"> - <div class="col-xs-12 col-sm-3"> - <ul> - <li class="dropdown-header">Departments</li> - <li> - <a title="311 City Services" href="/city/en/depts/311.html">311 City Services</a> - <a title="Administrative Hearings" href="/city/en/depts/ah.html">Administrative Hearings</a> - <a title="Animal Care & Control" href="/city/en/depts/cacc.html">Animal Care & Control</a> - <a title="Aviation" href="/city/en/depts/doa.html">Aviation</a> - <a title="Budget & Management" href="/city/en/depts/obm.html">Budget & Management</a> - <a title="Buildings" href="/city/en/depts/bldgs.html">Buildings</a> - <a title="Bus. Affairs & Consumer Protection" href="/city/en/depts/bacp.html">Bus. Affairs & Consumer Protection</a> - <a title="City of Chicago TV" href="/city/en/depts/tv.html">City of Chicago TV</a> - <a title="Civilian Office of Police Accountability" href="/city/en/depts/copa.html">Civilian Office of Police Accountability</a> - <a title="Cultural Affairs & Special Events" href="/city/en/depts/dca.html">Cultural Affairs & Special Events</a> - <a title="Emergency Mgmt & Communications" href="/city/en/depts/oem.html">Emergency Mgmt & Communications</a> - <a title="Ethics" href="/city/en/depts/ethics.html">Ethics</a> - - </li> - </ul> - </div> - <div class="col-xs-12 col-sm-3"> - <ul> - <li> - - <a title="Family & Support Services" href="/city/en/depts/fss.html">Family & Support Services</a> - <a title="Finance" href="/city/en/depts/fin.html">Finance</a> - <a title="Fire" href="/city/en/depts/cfd.html">Fire</a> - <a title="Fleet and Facility Management" href="/city/en/depts/dgs.html">Fleet and Facility Management</a> - <a title="Housing" href="/city/en/depts/doh.html">Housing</a> - <a title="Human Relations" href="/city/en/depts/cchr.html">Human Relations</a> - <a title="Human Resources" href="/city/en/depts/dhr.html">Human Resources</a> - <a title="Innovation & Technology" href="/city/en/depts/doit.html">Innovation & Technology</a> - <a title="Inspector General" href="/city/en/depts/igo.html">Inspector General</a> - <a title="Law" href="/city/en/depts/dol.html">Law</a> - <a title="License Appeal Commission" href="/city/en/depts/lac.html">License Appeal Commission</a> - <a title="People with Disabilities" href="/city/en/depts/mopd.html">People with Disabilities</a> - <a title="Planning & Development" href="/city/en/depts/dcd.html">Planning & Development</a> - </li> - </ul> - </div> - <div class="col-xs-12 col-sm-3"> - <ul> - <li> - - <a title="Police" href="/city/en/depts/cpd.html">Police</a> - <a title="Police Board" href="/city/en/depts/cpb.html">Police Board</a> - <a title="Procurement Services" href="/city/en/depts/dps.html">Procurement Services</a> - <a title="Public Health" href="/city/en/depts/cdph.html">Public Health</a> - <a title="Public Library" href="/city/en/depts/cpl.html">Public Library</a> - <a title="Streets & Sanitation" href="/city/en/depts/streets.html">Streets & Sanitation</a> - <a title="Transportation" href="/city/en/depts/cdot.html">Transportation</a> - <a title="Water Management" href="/city/en/depts/water.html">Water Management</a> - </li> - </ul> - </div> - <div class="col-xs-12 col-sm-3"> - <ul> - <li class="dropdown-header">Legislation and Regulation</li> - <li> - <a title="Municipal Code" target="blank" href="http://www.chicityclerk.com/legislation-records/municipal-code">Municipal Code</a> - <a title="Building Code" target="blank" href="http://library.amlegal.com/nxt/gateway.dll/Illinois/chicagobuilding/buildingcodeandrelatedexcerptsofthemunic?f=templates$fn=default.htm$3.0$vid=amlegal:chicagobuilding_il">Building Code</a> - <a title="Zoning and Land Use Ordinance" target="blank" href="http://library.amlegal.com/nxt/gateway.dll/Illinois/chicagozoning/chicagozoningordinanceandlanduseordinanc?f=templates$fn=default.htm$3.0$vid=amlegal:chicagozoning_il">Zoning and Land Use Ordinance</a> - <a title="City of Chicago Rules Portal" href="/city/en/depts/dol/rules-and-regulations-portal.html">City of Chicago Rules Portal</a> - - </li> - </ul> - <ul> - <li class="dropdown-header"><br>Other</li> - <li> - <a title="Employee Directory" target="blank" href="https://webapps1.cityofchicago.org/employeephonedirectory">Employee Directory</a> - <a title="Boards & Commissions" target="blank" href="https://webapps1.cityofchicago.org/moboco/">Boards & Commissions</a> - <a title="City Holidays (Offices Closed)" href="/content/city/en/narr/misc/city-holidays.html">City Holidays (Offices Closed)</a> - - </li> - </ul> - </div> - - </div> - </div> - </li> + display:inline-block; + } + .goog-te-gadget-icon { + display:none; + } - <li class="dropdown-short menu-about"> - <a data-toggle="dropdown" href="/city/en/about.html" class="dropdown-toggle nav-url"><span>About</span><span class="caret"></span></a> - <div class="dropdown-menu"> +</style> +<script> +$('document').ready(function () { - <ul> - <li> - <a title="Chicago History" href="/city/en/about/history.html">Chicago History</a> - <a title="Facts & Statistics" href="/city/en/about/facts.html">Facts & Statistics</a> - <a title="Attractions" href="https://www.choosechicago.com/" target="_blank">Attractions</a> - - </li> - </ul> - - </div> - </li> + $('#google_translate_element').on("click", function (e) { - <!-- divider - <li class="divider"></li>--> - </ul> - <ul class="nav navbar-nav navbar-right dropdown-onhover"> + e.stopPropagation(); + }); +}); - <!--Translate--> - <li class="dropdown-short"> - <a data-toggle="dropdown" href="javascript:void(0);" class="dropdown-toggle"><i class="fa fa-flag"></i> <span class="hidden-sm hidden-md reverse">Translate</span><span class="caret"></span></a> - <div class="dropdown-menu"> - <ul id="menu-translate"> - <li> - <a href="https://www.chicago.gov/city/en.html" class="lan" title="Click to view site in English. Disclaimer: The City of Chicago is not responsible for inaccurately translated content.">English</a> +</script> - <a class="lan" href="http://translate.google.com/translate?hl=en&sl=en&tl=es&u=https://www.chicago.gov/city/en.html" title="Haga clic para ver el sitio en español. Descargo de responsabilidad: La ciudad de Chicago no es responsable por el contenido traducido erróneamente.">Español</a> + </ul> - <a class="lan" href="http://translate.google.com/translate?hl=en&sl=en&tl=zh-CN&u=https://www.chicago.gov/city/en.html" title="Click to view site in Chinese. Disclaimer: The City of Chicago is not responsible for inaccurately translated content.">中文</a> + <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> + - <a href="http://translate.google.com/translate?hl=en&sl=en&tl=pl&u=https://www.chicago.gov/city/en.html" class="lan" title="Kliknij aby zobaczyć stronę w chińskiej Zastrzeżenie: City of Chicago nie ponosi odpowiedzialności za niedokładnie przetłumaczonej treści.">Polski</a> + </ul> + - <a href="http://translate.google.com/translate?hl=en&sl=en&tl=ar&u=https://www.chicago.gov/city/en.html" class="lan" id="arabic" title="انقر فوق لعرض في موقع المسؤولية الصينية: مدينة شيكاغو ليست مسؤولة عن محتوى ترجمة غير دقيقة.">عربي</a> + + - </li> - </ul> - </div> - </li> + +<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> - </ul> - </div> - </div> - </nav> + </div> </div> -<style>.xnavbar[class*="navbar-fixed-"] { - opacity: 0.75; - -webkit-transition: opacity 0.35s ease-in-out; - -moz-transition: opacity 0.35s ease-in-out; - transition: opacity 0.35s ease-in-out; -} -.xnavbar[class*="navbar-fixed-"]:hover {opacity: 1;} -</style> + </nav> <script> - $( window ).load(function() { - $(document).on('click', '.navbar .dropdown-menu', function(e) {e.stopPropagation();}); - }); - - /* $(document).ready( function() { - var docWidth = document.documentElement.offsetWidth; - - [].forEach.call( - document.querySelectorAll('*'), - function(el) { - if (el.offsetWidth > docWidth) { - console.log(el); - } - } - ); - });*/ - - </script> + $(document).ready(function() { + var currentPage = '/content/city/en/depts/cchr/supp_info/BoardMeetingInformation.html'; + var activeMenuSelector = ".cds-nav-link[href='" + currentPage + "']"; + var activeMenu = $(activeMenuSelector); + if(activeMenu.length) { + activeMenu.addClass("active"); + return; + } - <script> - - - //Start Fix MegaNavbar on scroll page - var navHeight = $('#main_navbar').offset().top; - //FixMegaNavbar(navHeight); - //$(window).bind('scroll', function() {FixMegaNavbar(navHeight);}); - - function FixMegaNavbar(navHeight) { - if (!$('#main_navbar').hasClass('navbar-fixed-bottom')) { - if ($(window).scrollTop() > navHeight) { - $('#main_navbar').addClass('navbar-fixed-top') - $('body').css({'margin-top': $('#main_navbar').height()+'px'}); - if ($('#main_navbar').parent('div').hasClass('container')) $('#main_navbar').children('div').addClass('container').removeClass('container-fluid'); - else if ($('#main_navbar').parent('div').hasClass('container-fluid')) $('#main_navbar').children('div').addClass('container-fluid').removeClass('container'); - } - else { - $('#main_navbar').removeClass('navbar-fixed-top'); - $('#main_navbar').children('div').addClass('container-fluid').removeClass('container'); - $('body').css({'margin-top': ''}); - } - } - } - //End Fix MegaNavbar on scroll page - - //Next code used to prevent unexpected menu close when using some components (like accordion, tabs, forms, etc), please add the next JavaScript to your page - $( window ).load(function() { - $(document).on('click', '.navbar .dropdown-menu', function(e) {e.stopPropagation();}); - }); - - $(document).ready(function() { - - - //top level menu: if it has an url and is not on mobile view, then go to the url. - $(".nav-url").on("click",function() { - - var isMobile = $("#mobdiv").css("display") =="block"; - if(!isMobile) { - window.location = $(this).attr("href"); - } - }); + try { + var menu = $(".menu-item-dropdown a[href*='" + window.location.pathname + "']").closest("ul").prev()[0]; + if(menu) { + $(menu).addClass("active"); + } + } catch(e) { + + } + }); - //handles to-top functionality - $("#toTop").css("display", "none"); +</script> - $(window).scroll(function(){ - if($(window).scrollTop() > 0){$("#toTop").fadeIn("slow");} else {$("#toTop").fadeOut("slow");} - }); +</header> - $("#toTop").click(function(){ - event.preventDefault(); - $("html, body").animate({scrollTop:0},"slow"); - }); - - //handles active menu - var parts = window.location.pathname.split('/'); - var menu=""; - - var path = parts[1]; - if(path=="content") { - path=parts[4]; - }else { - - path=parts[3]; - } - console.log(path); - - switch(path) { - case "progs": menu="menu-programs"; break; - case "progs.html": menu="menu-programs"; break; - case "depts": menu="menu-departments"; break; - case "depts.html": menu="menu-departments"; break; - case "ofinterest": menu="menu-people"; break; - case "ofinterest.html": menu="menu-people"; break; - case "about":menu="menu-about"; break; - case "about.html":menu="menu-about"; break; - case "chicagogovt.html":menu="menu-departments"; break; - default: menu=""; break; - } - if(menu!="") { - $("."+menu).addClass("active"); - } - - - }); - - </script> - <!-- Banner --> - + + + - - - - - + - + - -<style > - .page-banner-text { - background-color:#013248; - min-height:180px; - padding-left:20px; - font-family:'Open Sans'; - color:#FFFFFF; - padding-top:10px; - padding-bottom:10px; - } - .page-banner-text h1 { - text-transform:uppercase; - margin-top:0px; - font-size:320%; - } - .page-banner-text { - display:flex; - align-items: center; - } - .page-banner-text-overlay { - padding:5px; - xbackground-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); - } - @media (max-width: 960px) { - .page-banner-text { - height: auto; - padding-top: 10px; - padding-bottom: 10px; - } - .page-banner-text h1 { - font-size:200%; - } - - .page-banner-text h3 { - font-size:1em; - text-align:center; - } - } -</style> +<style> - + #page-banner .jumbotron-overlay { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + } -<div class="container-fluid page-banner-text"> - <div class="row" style="width:100%;margin:0px;"> - <div class="col-xs-12 col-md-6"> - <div class="page-banner-text-overlay"> - <h1>Commission on Human Relations</h1> - <h3>CCHR enforces the Chicago Human Rights Ordinance and the Chicago Fair Housing Ordinance</h3> - </div> - </div> - </div> - </div> - + #banner-jumbotron > *, .cds-hero-callout > * { + font-family: 'Big Shoulders Text'; + } + @media (min-width: 40em) { + .cds-hero-callout { + max-width: 45rem; + } + } + +</style> - </div> - </div> - </div> - <!-- Body of the Site --> - <div data-swiftype-name="body" data-swiftype-type="text" class="container-fluid container-body"> - <div class="row"> - <div class="col-xs-12 page-body"> - +<section role='banner'> + <div class="jumbotron bg-primary text-white w-100 d-flex align-items-center my-0"> + <div class="container py-5"> + <div class="xcol-12 xcol-sm-6 xtext-left" > + <h1 class="cds-jumbotron-title display-3 mb-1 font-weight-bold">Commission on Human Relations</h1> + <div>CCHR enforces the Chicago Human Rights Ordinance and the Chicago Fair Housing Ordinance</div> + </div> + </div> + </div> +</section> + - + + - +<div class="w-100 container-dept-menu" > + + <section class="cds-department-menu"> + + +<link href="/content/dam/city/cds/internet/menu/MegaNavbarBS4.css" rel="stylesheet" type="text/css"> +<link href="/content/dam/city/cds/internet/menu/navbar-department.css" rel="stylesheet" type="text/css"> +<style> + div.department-menu { + box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important; + } + #departmentNavBar .dropdown-menu { + xborder-color: #d1e3e6; + -webkit-box-shadow: 0 9px 12px rgba(0,0,0,0.17); + box-shadow: 0 9px 12px rgba(0,0,0,0.17); + } -<div class="container-fluid"><div class="row"><div class="col-xs-12 container-dept-menu" > - + .no-animation .dropdown-menu{ + -moz-animation-name: none!important; + -o-animation-name: none!important; + animation-name: none!important; + -webkit-animation-name: none!important; + transition:none; + } + #dept_navbar.navbar {font-family: "Roboto"} - +</style> +<div data-swiftype-index='false' class="department-menu"> + <div class='container-fluid p-0'> -<div data-swiftype-index='false' class="container-fluid department-menu" style="padding-left:0px;padding-right:0px;margin-bottom:10px;margin-left:-15px;margin-right:-15px;margin-top:0px"> - <nav class="navbar brand-right city-department no-border-radius xs-height100 navbar-static-top" id="dept_navbar" role="navigation" style="margin-bottom:0px"> - <div class="container-fluid" > + + <nav class="navbar brand-right navbar-expand-lg navbar-department navbar-static-top navbar-hover" id="dept_navbar" role="navigation"> + <div class="container rmx-5" > <!-- Brand and toggle get grouped for better mobile display --> - <div class="navbar-header"> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#departmentNavBar"> - <span class="sr-only">Toggle navigation</span> - <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> - </button> + <div class="navbar-header mt-3"> + <button class="navbar-toggler m-3" type="button" data-toggle="collapse" data-target="#departmentNavBar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + + <a href="/content/city/en/depts/cchr.html" title="Commission on Human Relations Home" class="text-white d-sm-none">CCHR Home</a> + </div> <div class="collapse navbar-collapse" id="departmentNavBar"> - <ul class="nav navbar-nav navbar-left dropdown-onhover"> - + <ul class="nav navbar-nav navbar-left p-0 no-animation"> - <a href="/content/city/en/depts/cchr.html" title="Commission on Human Relations Home" class="navbar-link navbar-left">CCHR Home</a> + <a href="/content/city/en/depts/cchr.html" title="Commission on Human Relations Home" class="d-none d-sm-block text-white nav-item navbar-link mx-sm-4 navbar-left">CCHR Home</a> <!--Start Menu Items--> - - <li class="dropdown-grid"> - <a data-toggle="dropdown" href="javascript:void(0);" class="dropdown-toggle"><span>Brochures</span><span class="caret"></span></a> - <div class="dropdown-grid-wrapper"> - <ul class="dropdown-menu col-xs-12 col-sm-6" role="menu"> - <p><a title="Arabic Brochure" href="/content/dam/city/depts/cchr/supp_info/ArabicBrochureOct2013.pdf" target="_blank" rel="noopener noreferrer">Arabic</a></p> -<p><a title="Chinese Brochure" href="/content/dam/city/depts/cchr/supp_info/ChineseBrochureNov2012.pdf" target="_blank" rel="noopener noreferrer">Chinese</a></p> -<p><a title="English" href="/content/dam/city/depts/cchr/general/CCHRBrochureMay2019.pdf" target="_blank" rel="noopener noreferrer">English</a></p> -<p><a title="Spanish Brochure" href="/content/dam/city/depts/cchr/supp_info/SpanishBrochureMarch2016.pdf" target="_blank" rel="noopener noreferrer">Español</a></p> -<p><a title="Hindi Brochure" href="/content/dam/city/depts/cchr/general/HindiBrochureOct2014WEB.pdf" target="_blank" rel="noopener noreferrer">Hindi</a></p> -<p><a title="Polish Brochure" href="/content/dam/city/depts/cchr/supp_info/PolishBrochureNov2012.pdf" target="_blank" rel="noopener noreferrer">Polish</a></p> -<p><a title="Russian Brochure" href="/content/dam/city/depts/cchr/supp_info/RussianBrochureJune2013.pdf" target="_blank" rel="noopener noreferrer">Russian</a></p> -<p><a title=" Hate Crimes - English" href="/content/dam/city/depts/cchr/general/HateCrimesBrochureSeptember2017.pdf" target="_blank" rel="noopener noreferrer">Hate Crimes</a></p> + <li class='nav-item dropdown dropdown-grid '> + <a data-toggle="dropdown" href="javascript:void(0);" class="dropdown-toggle collapsed" aria-expanded="false"><span>Brochures</span></a> + <ul class="dropdown-menu col-12 col-sm-6 p-4"> + <p><a title="Arabic Brochure" href="/content/dam/city/depts/cchr/supp_info/2019Brochures/CCHRBrochure-Arabic2019.pdf" target="_blank" rel="noopener noreferrer">Arabic</a></p> +<p><a title="Chinese Brochure" href="/content/dam/city/depts/cchr/supp_info/2019Brochures/CCHRBrochure-Chinese2019.pdf" target="_blank" rel="noopener noreferrer">Chinese</a></p> +<p><a title="English" href="/content/dam/city/depts/cchr/general/CCHRBrochureMay2019.pdf" target="_blank" rel="noopener noreferrer">English</a></p> +<p><a title="Spanish Brochure" href="/content/dam/city/depts/cchr/supp_info/2019Brochures/CCHRSpanishBrochureJUNE2019.pdf" target="_blank" rel="noopener noreferrer">Español</a></p> +<p><a title="Hindi Brochure" href="/content/dam/city/depts/cchr/supp_info/2019Brochures/CCHRBrochure-Hindi2019.pdf" target="_blank" rel="noopener noreferrer">Hindi</a></p> +<p><a title="Polish Brochure" href="/content/dam/city/depts/cchr/supp_info/2019Brochures/CCHRBrochure-Polish2019.pdf" target="_blank" rel="noopener noreferrer">Polish</a></p> +<p><a title="Russian Brochure" href="/content/dam/city/depts/cchr/supp_info/2019Brochures/past-translated-brochures/RussianBrochureJune2013.pdf" target="_blank" rel="noopener noreferrer">Russian</a></p> +<p><a href="/content/dam/city/depts/cchr/supp_info/2019Brochures/HateCrimes-ENG2019.pdf" target="_blank" rel="noopener noreferrer" title="Hate Crimes- English">Hate Crimes- English</a></p> +<p><a href="/content/dam/city/depts/cchr/supp_info/2019Brochures/HateCrimes-ArabicAUG2019.pdf" target="_blank" rel="noopener noreferrer" title="Hate Crimes- Arabic">Hate Crimes- Arabic</a></p> +<p><a href="/content/dam/city/depts/cchr/supp_info/2019Brochures/HateCrimes-Chinese-AUG2019.pdf" target="_blank" rel="noopener noreferrer" title="Hate Crimes- Chinese">Hate Crimes- Chinese</a></p> +<p><a href="/content/dam/city/depts/cchr/supp_info/2019Brochures/HateCrimes-Spanish2019.pdf" target="_blank" rel="noopener noreferrer" title="Hate Crimes- Español">Hate Crimes- Español</a></p> +<p><a href="/content/dam/city/depts/cchr/supp_info/2019Brochures/HateCrimes-HindiAUG2019.pdf" target="_blank" rel="noopener noreferrer" title="Hate Crimes- Hindi">Hate Crimes- Hindi</a></p> +<p><a href="/content/dam/city/depts/cchr/supp_info/2019Brochures/HateCrimes-PolishAUG2019.pdf" target="_blank" rel="noopener noreferrer" title="Hate Crimes- Polish">Hate Crimes- Polish</a></p> </ul> - </div> </li> @@ -1069,102 +882,62 @@ <h3>CCHR enforces the Chicago Human Rights Ordinance and the Chicago Fair Housin - <!--End Menu Items--> - - - - - - - - - + + + <li class='nav-item dropdown dropdown-grid '> + <a data-toggle="dropdown" href="javascript:void(0);" class="dropdown-toggle collapsed" aria-expanded="false"><span>Don't Ignore It, Report It Flyers </span></a> + <ul class="dropdown-menu col-12 col-sm-6 p-4"> + <h5 id="mcetoc_1duj17q9r0"><a href="/content/dam/city/depts/cchr/supp_info/fact-sheets_discrimination-flyers/english-discrimination-fact-sheets/AgeDiscrimination.pdf" target="_blank" rel="noopener noreferrer" title="Age Discrimination Flyer">Age Discrimination Flyer</a></h5> +<h5><a href="/content/dam/city/depts/cchr/supp_info/fact-sheets_discrimination-flyers/english-discrimination-fact-sheets/AgeDiscrimination.pdf" target="_blank" rel="noopener noreferrer" title="Business Accessibility Flyer">Business Accessibility Flyer</a></h5> +<h5><a href="/content/dam/city/depts/cchr/supp_info/fact-sheets_discrimination-flyers/english-discrimination-fact-sheets/DisabilityDiscrimination.pdf" target="_blank" rel="noopener noreferrer" title="Disability Discrimination Flyer">Disability Discrimination Flyer</a></h5> +<h5><a href="/content/dam/city/depts/cchr/supp_info/fact-sheets_discrimination-flyers/english-discrimination-fact-sheets/EmploymentDiscrimination.pdf" target="_blank" rel="noopener noreferrer" title="Employment Discrimination Flyer">Employment Discrimination Flyer</a></h5> +<h5><a href="/content/dam/city/depts/cchr/supp_info/fact-sheets_discrimination-flyers/english-discrimination-fact-sheets/GenderIdentityDiscrimination.pdf" target="_blank" rel="noopener noreferrer" title="Gender Identity Discrimination Flyer">Gender Identity Discrimination Flyer</a></h5> +<h5><a href="/content/dam/city/depts/cchr/supp_info/fact-sheets_discrimination-flyers/english-discrimination-fact-sheets/HCVSec8Discrimination.pdf" target="_blank" rel="noopener noreferrer" title="Housing Choice Voucher/Section 8 Discrimination Flyer">Housing Choice Voucher/Section 8 Discrimination Flyer</a></h5> +<h5><a href="/content/dam/city/depts/cchr/supp_info/fact-sheets_discrimination-flyers/english-discrimination-fact-sheets/HousingDiscrimination.pdf" target="_blank" rel="noopener noreferrer" title="Housing Discrimination Flyer">Housing Discrimination Flyer</a></h5> +<h5><a href="/content/dam/city/depts/cchr/supp_info/fact-sheets_discrimination-flyers/english-discrimination-fact-sheets/MilitaryDiscrimination.pdf" target="_blank" rel="noopener noreferrer" title="Military Discrimination Flyer">Military Discrimination Flyer</a></h5> +<h5><a href="/content/dam/city/depts/cchr/supp_info/fact-sheets_discrimination-flyers/english-discrimination-fact-sheets/NationalOriginDiscrimination.pdf" target="_blank" rel="noopener noreferrer" title="National Origin Discrimination Flyer ">National Origin Discrimination Flyer </a></h5> +<h5><a href="/content/dam/city/depts/cchr/supp_info/fact-sheets_discrimination-flyers/english-discrimination-fact-sheets/PADiscrimination.pdf" title="Public Accommodation Discrimination Flyer" target="_blank" rel="noopener noreferrer">Public Accommodation Discrimination Flyer</a></h5> +<h5><a href="/content/dam/city/depts/cchr/supp_info/fact-sheets_discrimination-flyers/english-discrimination-fact-sheets/SexualHarassment.pdf" target="_blank" rel="noopener noreferrer" title="Sexual Harassment Flyer ">Sexual Harassment Flyer </a></h5> + </ul> + </li> + + - + + + + <li class='nav-item dropdown dropdown-grid '> + <a data-toggle="dropdown" href="javascript:void(0);" class="dropdown-toggle collapsed" aria-expanded="false"><span>Forms and Publications in English and Other Languages</span></a> + <ul class="dropdown-menu col-12 col-sm-6 p-4"> + <ul> +<li class='dropdown-item p-3'><a href="/content/city/en/depts/cchr/supp_info/forms.html" title="English">English</a></li> +<li class='dropdown-item p-3'><a href="/content/city/en/depts/cchr/supp_info/ArabicFormsandPublicationsforDiscriminationCases.html" title="Arabic">Arabic</a></li> +<li class='dropdown-item p-3'><a href="/content/city/en/depts/cchr/supp_info/SimplifiedChineseFormsandPublicationsforDiscriminationCases.html" title="Chinese (Simplified) ">Chinese (Simplified)</a></li> +<li class='dropdown-item p-3'><a href="/content/city/en/depts/cchr/supp_info/HindiFormsandPublicationsforDiscriminationCases.html" title="Hindi">Hindi</a></li> +<li class='dropdown-item p-3'><a href="/content/city/en/depts/cchr/supp_info/PolishFormsandPublicationsforDiscriminationCases.html" title="Polish">Polish</a></li> +<li class='dropdown-item p-3'><a href="/content/city/en/depts/cchr/supp_info/spanishformsandpublications0.html" title="Spanish">Spanish</a></li> +</ul> + </ul> + </li> - <li class="dropdown"> - <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle" aria-expanded="true">What We Do<span class="caret"></span></a> - <ul class="dropdown-menu" role="menu" > - - <li> - <a href="/content/city/en/depts/cchr/provdrs/advisory_councilonequity.html">Advisory Council on Equity</a> - </li> - - <li> - <a href="/content/city/en/depts/cchr/provdrs/advisory_councilonwomenandlgbt.html">Advisory Council on Women and LGBT</a> - </li> - - - <li class="dropdown-right-onhover no-fix" > - <a href="/content/city/en/depts/cchr/provdrs/discrim.html" data-target="#_content_city_en_depts_cchr_provdrs_discrim" data-toggle="collapse" class="dropdown-toggle collapsed">Discrimination Cases</a> - <ul class="dropdown-menu collapse" id="_content_city_en_depts_cchr_provdrs_discrim"> - - <li> - <a href="/content/city/en/depts/cchr/provdrs/discrim/svcs/file_a_discriminationcomplaint.html">Discrimination Complaint</a> - </li> - - </ul> - </li> + - <li> - <a href="/content/city/en/depts/cchr/provdrs/hate_crimes.html">Inter-Group Relations (IGR): Community Tensions and Hate Crimes</a> - </li> - - </ul> - </li> - + + <!--End Menu Items--> - - - - - - - + - - - -<li class="dropdown-grid"> - <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle" aria-expanded="true">Supporting Info<span class="caret"></span></a> - <div class="dropdown-grid-wrapper"> - <ul class="dropdown-menu col-xs-12 col-sm-6 no-padding" role="menu" > - - - - <li><a href="/content/city/en/depts/cchr/supp_info/BoardMeetingInformation.html">Board Meeting Information</a></li> - - <li><a href="/content/city/en/depts/cchr/supp_info/CCHRAnnualReports.html">CCHR Annual Reports</a></li> - - <li><a href="/content/city/en/depts/cchr/supp_info/precedential_decisions.html">Decisions & Precedents in Discrimination Cases</a></li> - - <li><a href="/content/city/en/depts/cchr/supp_info/FairHousing.html">Fair Housing</a></li> - - <li><a href="/content/city/en/depts/cchr/supp_info/file_a_discriminationcomplaint.html">File a Discrimination Complaint</a></li> - - - - <li class="divider"></li> - <li> - <a href="/content/city/en/depts/cchr/supp_info.html"><i class="fa fa-angle-double-right" aria-hidden="true"></i> View All</a> - </li> - - - - </ul> - </div> -</li> - + @@ -1175,55 +948,55 @@ <h3>CCHR enforces the Chicago Human Rights Ordinance and the Chicago Fair Housin </ul> - <ul class="nav navbar-nav navbar-right dropdown-onhover"> + <ul class="nav navbar-nav navbar-right"> - + -<li class="dropdown-grid no-shadow no-border-radius"> - <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle" aria-expanded="true"><i class="fa fa-envelope"></i> <span class="hidden-sm">Contact us</span><span class="caret"></span></a> - <div class="dropdown-grid-wrapper"> - <ul class="dropdown-menu col-xs-12 col-sm-8 no-padding" role="menu" > - - <li class="col-sm-12 col-md-6 col-lg-6"> - <div class="row"> - <div class="embed-responsive embed-responsive-4by3"> - <iframe class="embed-responsive-item" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" - src="https://www.google.com/maps/embed/v1/place?key=AIzaSyBOgE8FCk-FPgzMDaSFcuw9ZPkrqVULrd8&q=740 North Sedgwick Street+Chicago+IL&zoom=13"> - </iframe> - </div> - </div> - </li> - <li class="col-sm-12 col-md-6 col-lg-6"> - <div class="row"> - <div class="col-xs-12 col-md-12 "> - <h3 style="border-bottom: 1px solid #FFF; margin-bottom: 10px;"><i class="fa fa-envelope"></i> Contact us</h3> - <div class="row"> - <address class="col-xs-12"> - <h3><strong>Commission on Human Relations.</strong><br></h3> - 740 North Sedgwick Street, Suite 400<br> - Chicago, IL 60654<br> - <br> - <abbr title="Phone">Phone: </abbr>312.744.4111<br> - <abbr title="Fax">Fax: </abbr>312.744.1081<br> - <abbr title="Toll Free">Toll Free: </abbr> <br> - <abbr title="TTY">TTY: </abbr>312.744.1088<br> - - - - - - </address> +<li class="nav-item dropdown no-border-radius pr-4"> + <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle collapsed" aria-expanded="false"><i class="far fa-envelope mr-2"></i><span class="hidden-sm">Contact us</span></a> + <div class="dropdown-menu col-sm-8" role="menu" style='height:100vh !important'> + <div class="row mx-0"> + <div class="col-md-6 col-lg-6"> + <div class="row"> + <div class="embed-responsive embed-responsive-4by3"> + <iframe class="embed-responsive-item" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" + src="https://www.google.com/maps/embed/v1/place?key=AIzaSyBOgE8FCk-FPgzMDaSFcuw9ZPkrqVULrd8&q=740 North Sedgwick Street+Chicago+IL&zoom=13"> + </iframe> + </div> + </div> + </div> + <div class="col-md-6 col-lg-6"> + <div class="row p-4 p-sm-0"> + <div class="col-12"> + <h3 class='mb-3'><i class="far fa-envelope mr-3"></i>Contact us</h3> + <div class="row"> + <address class="col-12"> + <h3><strong>Commission on Human Relations.</strong><br></h3> + 740 North Sedgwick Street, Suite 400<br> + Chicago, IL 60654<br> + <br> + <abbr title="Phone">Phone: </abbr>312.744.4111<br> + <abbr title="Fax">Fax: </abbr>312.744.1081<br> + + <abbr title="TTY">TTY: </abbr>312.744.1088<br> + + + + + + </address> + </div> </div> - </div> + </div> </div> - </li> - </ul> - </div> + </div> + </div> + </li> </ul> @@ -1233,20 +1006,20 @@ <h3><strong>Commission on Human Relations.</strong><br></h3> </nav> </div> + </div> -</div></div></div> - - +<script type="text/javascript" src="/content/dam/city/cds/internet/menu/MegaNavbarBS4.js"></script> +</section> -<div class="container-fluid twocolumns-new"> - <div class="row"> - <div class="col-sm-12 col-md-9 page-center"> - + +</div> + + @@ -1254,33 +1027,37 @@ <h3><strong>Commission on Human Relations.</strong><br></h3> -<div data-swiftype-index='false' class="row breadcrubms"> - <div class="col-xs-12 hidden-xs"> - <ol class="breadcrumb"> -<li ><a href="/content/city/en.html">Home</a></li><li ><a href="/content/city/en/depts.html">Departments</a></li><li ><a href="/content/city/en/depts/cchr.html">Commission on Human Relations</a></li><li ><a href="/content/city/en/depts/cchr/supp_info.html">Supporting Info</a></li><li class='active'>Board Meeting Information</li> - </ol> +<div class='container breadcrumbs'> + <div data-swiftype-index='false' class="row"> + <div class="col-12 "> + <nav aria-label="breadcrumb" role="navigation"> + <ol class="breadcrumb mt-2 pl-0"> + <li class="breadcrumb-item" ><a href="/content/city/en.html">Home</a></li><li class="breadcrumb-item" ><a href="/content/city/en/depts.html">Departments</a></li><li class="breadcrumb-item" ><a href="/content/city/en/depts/cchr.html">Commission on Human Relations</a></li><li class="breadcrumb-item" ><a href="/content/city/en/depts/cchr/supp_info.html">Supporting Info</a></li><li class='breadcrumb-item active' aria-current="page">Board Meeting Information</li> + </ol> + </nav> + </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-fluid twocolumns px-0"> + <div class="row"> + <div class="col-12 col-md-9 page-center"> + + @@ -1288,98 +1065,145 @@ <h3><strong>Commission on Human Relations.</strong><br></h3> + <div class="row page-heading-container "> + <div class="col-12"> + <h1 class="page-heading">Board Meeting Information</h1> + </div> + </div> - - + <div class="row narrative-top"> + <div class="col-12"> + + - - - <div class="row page-heading-container"> - <div class="col-xs-12"> - <h1 class="page-heading">Board Meeting Information</h1> + </div> </div> - </div> - - <div class="container-fluid page-full-description-above"> - <div class="row"> - <div class="col-xs-12"> - <h3 id="mcetoc_1de538goh0">Agendas</h3> -<p><a title="July 2018" href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2018JulyBoardAgenda.pdf" target="_blank" rel="noopener noreferrer">July 2018</a></p> -<p><a title="August 2018" href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2018AugustBoardAgenda.pdf" target="_blank" rel="noopener noreferrer">August 2018</a></p> -<p><a title="January 2019" href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2019JanuaryBoardAgenda.pdf" target="_blank" rel="noopener noreferrer">January 2019</a></p> -<p><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2019MarchBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="March 2019">March 2019</a></p> + <div class="row page-description-above"> + <div class="col-12"> + <h3 id="mcetoc_1g5pm5bvb0" style="padding-left: 30px;">Join the Board of Commissioner's Board Meeting In Person <strong> </strong></h3> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/board-schedule/2024%20CCHR%20Monthly%20Board%20Schedule%20%20Updated%203%206%2024%20.pdf">2024 CCHR Board Meeting Schedule</a></h5> +<h5 style="padding-left: 60px;"><strong>The next meeting of the Chicago Commission on Human Relations is scheduled for Thursday, May 9 at 9:30 a.m.</strong></h5> +<h5 style="padding-left: 60px;"><strong>Location: 740 N. Sedgwick Street, 4th floor </strong></h5> +<h5 style="padding-left: 60px;">Agenda:  See below.  </h5> <hr /> -<h3 id="mcetoc_1de538goh1">Minutes </h3> -<p><a title="July 2018" href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2018JulyMinutesCCHR%20Board.pdf" target="_blank" rel="noopener noreferrer">July 2018</a></p> -<p><a title="August 2018" href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2018AugustMinutesCCHR%20Board.pdf" target="_blank" rel="noopener noreferrer">August 2018</a></p> -<p><a title="January 2019" href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2019JanuaryMinutesCCHR%20Board.pdf" target="_blank" rel="noopener noreferrer">January 2019</a></p> -<p><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2019MarchMinutesCCHRBoard.pdf" target="_blank" rel="noopener noreferrer" title="March 2019">March 2019</a></p> -<p> </p> +<h3 id="mcetoc_1emutdr930" style="padding-left: 30px;">Board of Commissioners Speaker Request Form</h3> +<h5 style="padding-left: 60px;">Comments are limited to 3 minutes. Statements, comments, or questions related to a case before the Commission may not be brought before the Board. </h5> +<h5 style="padding-left: 60px;">Please fill out the <a href="https://forms.office.com/Pages/ResponsePage.aspx?id=qc02cC0GUUGBRJfdxW5wJzh-RDIsFupKmsXfDYrDTiNURU5FV0o4VlEzNVhOVlQ0VzQ2VVFIMk43Qy4u" target="_blank" rel="noopener noreferrer" title="Speaker Request Form">Speaker Request Form</a> at least <em>24 hours before</em> the meeting. </h5> +<hr style="padding-left: 30px;" /> +<h3 id="mcetoc_1de538goh0" style="padding-left: 30px;">Agendas</h3> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/CCHR%20Board%20Meeting%20Agenda%20May%209%202024%20FINAL.pdf" title="May 2024">May 2024</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/CCHR%20Board%20Meeting%20Agenda%20March%2014%202024%20FINAL.pdf">March 2024</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/CCHR%20Board%20Meeting%20Agenda%20February%208%202024%20FINAL.pdf">February 2024</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/CCHR%20Board%20Meeting%20Agenda%20December%2014%202023%20FINAL%20.pdf">December 2023</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/CCHR%20Board%20Meeting%20Agenda%20November%209%202023%20FINAL%20.pdf">November 2023</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/CCHR%20Board%20Meeting%20Agenda%20September%2014%202023%20FINAL%20.pdf" title="Agenda CCHR Board Meeting September 2023 ">September 2023</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/Agenda%20CCHR%20Board%20Meeting%20%20for%20August%2010%202023%20CANCELED%20.pdf" title="August 2023 Board Meeting Agenda ">August 2023</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/Agenda%20CCHR%20Board%20Meeting%20%20for%20July%2013%202023%20FINAL%20.pdf" title="July 13 2023 Agenda">July 2023</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/Agenda%20%202023%20June%208%20CCHR%20Board%20Meeting%20FINAL.pdf">June 2023</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/Agenda%20%202023%20May%2011%20CCHR%20Board%20Meeting%20with%20Zoom%20link%20FINAL.pdf">May 2023</a></h5> +<h5 id="h14slf07n62e1jg7rjzr4jqyplfil06" style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/March%209%202023%20Board%20Meeting%20Agenda.pdf">March 2023</a></h5> +<h5 id="h14sldtejccsad9rw4pkr4o1dn2nmy" style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2023/Agenda%20%202023%20Feb%209%20CCHR%20Board%20Meeting.pdf">February 2023</a></h5> +<h5 style="padding-left: 60px;"><a href="#h14sldted2tsljvfg31o55u8c1drbyh8">November 2022</a></h5> +<h5 style="padding-left: 60px;">M<a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2022/2022MayBoardAgenda.pdf" title="May 2022">ay 2022</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2022/2022AprilBoardAgenda.pdf" title="April 2022">April 2022</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2021/2021SeptBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="September 2021">September 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2021/2021JuneBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="June 2021">June 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2021/2021AprilBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="April 2021 Agenda">April 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2021/2021MarchBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="March 2021">March 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2021/2021FebBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="February 2021">February 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2021/2021JanBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="January 2021">January 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2020/2020NovBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="November 2020">November 2020</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2020/2020SeptBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="September 2020">September 2020</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2020/2020JuneBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="June 2020">June 2020</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2020/2020MayBoardAgenda.pdf" title="May 2020" target="_blank" rel="noopener noreferrer">May 2020</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2020/2020FebruaryBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="February 2020">February 2020</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2019/2019JULYBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="July 2019">July 2019</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2019/2019MarchBoardAgenda.pdf" target="_blank" rel="noopener noreferrer" title="March 2019">March 2019</a></h5> +<h5 style="padding-left: 60px;"><a title="January 2019" href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2019/2019JanuaryBoardAgenda.pdf" target="_blank" rel="noopener noreferrer">January 2019</a></h5> +<h5 style="padding-left: 60px;"><a title="August 2018" href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2018/2018AugustBoardAgenda.pdf" target="_blank" rel="noopener noreferrer">August 2018</a></h5> +<h5 style="padding-left: 60px;"><a title="July 2018" href="/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2018/2018JulyBoardAgenda.pdf" target="_blank" rel="noopener noreferrer">July 2018</a></h5> +<p> </p> +<hr style="padding-left: 30px;" /> +<h3 id="mcetoc_1de538goh1" style="padding-left: 30px;">Minutes </h3> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2023/Dec.%2013.%202023%20Minutes%20FINAL.pdf">December 2023</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2023/September%2021%202023%20CCHR%20Board%20Meeting%20Minutes%20FINAL%2011%207%2023%20%20.pdf">September 2023</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2023/May%2011%202023%20CCHR%20Board%20Meeting%20Minutes%20FINAL.pdf">May 2023</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2023/March%209%202023%20Board%20Meeting%20Notes%20FINAL%20.pdf">March 2023</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2022/November%202022%20Board%20Minutes%20FINAL%20.pdf">November 2022</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2022/May122022_Minutes.pdf" title="May 2022">May 2022</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2022/April_14_2022_Minutes.pdf" title="April 2022">April 2022</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2021/2021SeptCCHRBoardMinutes.pdf" target="_blank" rel="noopener noreferrer" title="September 2021">September 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2021/2021JuneCCHRBoardMinutes.pdf" target="_blank" rel="noopener noreferrer" title="June 2021">June 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2021/2021AprilCCHRBoardMinutes.pdf" target="_blank" rel="noopener noreferrer" title="April 2021 Minutes">April 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2021/2021MarchCCHRBoardMinutes.pdf" target="_blank" rel="noopener noreferrer" title="March 2021">March 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2021/2021FebCCHRBoardMinutes.pdf" target="_blank" rel="noopener noreferrer" title="February 2021">February 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2021/2021JanCCHRBoardMinutes.pdf" target="_blank" rel="noopener noreferrer" title="January 2021">January 2021</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2020/2020NovCCHRBoardMinutes.pdf" target="_blank" rel="noopener noreferrer" title="November 2020">November 2020</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2020/2020SeptCCHRBoardMinutes.pdf" target="_blank" rel="noopener noreferrer" title="September 2020">September 2020</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2020/2020JuneBoardMinutesCCHR.pdf" target="_blank" rel="noopener noreferrer" title="June 2020">June 2020</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2020/2020MayMinutesCCHR.pdf" target="_blank" rel="noopener noreferrer" title="May 2020">May 2020</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2020/2020FebruaryMinutesCCHR%20Board.pdf" target="_blank" rel="noopener noreferrer" title="February 2020">February 2020</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2019/2019%20-%20July%20Minutes%20-%20CCHR%20Board.pdf" target="_blank" rel="noopener noreferrer" title="July 2019">July 2019</a></h5> +<h5 style="padding-left: 60px;"><a href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2019/2019MarchMinutesCCHRBoard.pdf" target="_blank" rel="noopener noreferrer" title="March 2019">March 2019</a></h5> +<h5 style="padding-left: 60px;"><a title="January 2019" href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2019/2019JanuaryMinutesCCHR%20Board.pdf" target="_blank" rel="noopener noreferrer">January 2019</a></h5> +<h5 style="padding-left: 60px;"><a title="August 2018" href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2018/2018AugustMinutesCCHR%20Board.pdf" target="_blank" rel="noopener noreferrer">August 2018</a></h5> +<h5 style="padding-left: 60px;"><a title="July 2018" href="/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2018/2018JulyMinutesCCHR%20Board.pdf" target="_blank" rel="noopener noreferrer">July 2018</a></h5> +<p style="padding-left: 30px;"> </p> </div> </div> - </div> - - <div class="top-images"> + - - - - - </div> - + + + + -<div style="clear: both"> - - - + + -</div> - - </div> - <div class="col-sm-12 col-md-3 page-right"> - + </div> + <div class="col-12 col-md-3 page-right mt-2 mt-sm-0"> + + +<div class="cds-thefacts"> - - - - - + @@ -1387,35 +1211,33 @@ <h3 id="mcetoc_1de538goh1">Minutes </h3> - + + <div class="card thefacts mb-2"> + <h4 class="card-title border-bottom bg-light p-4"> + <i class="far fa-hand-point-right mr-3" aria-hidden="true"></i>Supporting Information Facts + </h4> -<div class="container-fluid thefacts"> - <div class="row"> - <div class="col-xs-12"> - <div class="panel panel-default panel-thefacts"> - <div class="panel-heading"> - <h3 class="panel-title"><i class="fa fa-sticky-note-o" aria-hidden="true"></i> Supporting Information Facts</h3> - </div> - <div class="panel-body"> + <div class="card-body p-0"> - <h4 class="white">Department:</h4> + <h5 class='thefacts-title p-2'>Department:</h5> + <ul class="cds-sidenav flex-column"> - <ul class="no-bullets no-indent blue"> - <li class="thefacts-levelone"><a href="/content/city/en/depts/cchr.html">Commission on Human Relations</a></li> + <li><a href="/content/city/en/depts/cchr.html">Commission on Human Relations</a></li> + @@ -1423,96 +1245,76 @@ <h4 class="white">Department:</h4> - <li class="thefacts-leveltwo"> - <a href="/content/city/en/depts/cchr/provdrs/discrim.html">Discrimination Cases</a> + + <li> + <a class='pl-5' href="/content/city/en/depts/cchr/provdrs/discrim.html">Discrimination Cases</a> </li> + </ul> + </div> </div> - </div> - </div> + </div> -<!-- + -<a href="/city/en/ofinterest/bus.html" title="Businesses & Professionals"> - <img class="hover-button" src="/etc/designs/city/images/buttons/for-business.gif" width="175" height="30" border="0" alt="Businesses & Professionals" name="findservicesforbusinesses" /> -</a> - -<a href="/city/en/ofinterest/res.html" title="Residents"> - <img class="hover-button" src="/etc/designs/city/images/buttons/for-residents.gif" width="175" height="30" border="0" alt="Residents" name="findservicesforresidents" /> -</a> - -<a href="http://explorechicago.org" title="Visitors" target="_blank"> - <img class="hover-button" src="/etc/designs/city/images/buttons/for-visitors.gif" width="175" height="30" border="0" alt="Visitors" name="findservicesforvisitors" /> -</a> ---> + <div class="cds-find-services"> -<div class="container-fluid dept-right-social hidden-xs"> - <div class="row"> - <div class="col-xs-12"> - - - + + - - </div> - </div> -</div> +<style> + #xfs-accordion .card { margin-bottom:5px; } + #fs-accordion2 .card-header { padding:5px; } +</style> - +<div data-swiftype-index='false' class=" find-services-panel mt-4"> + <div class="card border-bottom-0"> + <div class="card-title p-4 bg-light border-bottom mb-0"> + <h4 class='mb-0'><i class="fas fa-hand-point-right mr-3" aria-hidden="true"></i>I Want To</h4> + </div> + <div class="card-body p-0"> - +<div id="fs-accordion"> + <div class="card border-0"> + <div class="card-header" id="applyforheading"> + <a href="#" class="accordion-toggle collapsed" data-toggle="collapse" data-target="#applyfor" aria-expanded="false" aria-controls="applyfor"> + <div class="mb-0 cds-accordion-title">Apply For</div> + </a> -<div data-swiftype-index='false' class="container-fluid find-services-panel"> - <div class="row"> - <div class="col-xs-12"> - <div class="panel panel-default"> - <div class="panel-heading"> - <h3 class="panel-title"><i class="fa fa-hand-o-right" aria-hidden="true"></i> I Want To</h3> - </div> - <div class="panel-body"> - -<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> - <div class="panel panel-info"> - <div class="panel-heading" role="tab" id="applyforheading"> - <h4 class="panel-title"> - <a role="button" data-toggle="collapse" data-parent="#accordion" href="#applyfor" aria-expanded="true" aria-controls="applyfor"> - Apply For - </a> - </h4> </div> - <div id="applyfor" class="panel-collapse collapse" role="tabpanel" aria-labelledby="applyforheading"> - <div class="panel-body"> - <ul class="list-group i-list-services"> - <li class="list-group-item"><a title="Bid Job Opportunities " href="/content/city/en/depts/dhr/provdrs/emp/svcs/apply_for_bid_opportunities-forcityofchicagoemployeesandbargaini.html"><span>Bid Job Opportunities </span></a></li><li class="list-group-item"><a title="Building Permit (online)" href="/content/city/en/depts/bldgs/provdrs/e_plan/svcs/dynamicportal.html"><span>Building Permit (online)</span></a></li><li class="list-group-item"><a title="Business Licenses" href="/content/city/en/depts/bacp/provdrs/bus/svcs/apply_for_a_businesslicenseonline.html"><span>Business Licenses</span></a></li><li class="list-group-item"><a title="Chicago Housing Authority (CHA) Housing" href="/content/city/en/depts/other/provdrs/cha/svcs/find_housing_information.html"><span>Chicago Housing Authority (CHA) Housing</span></a></li><li class="list-group-item"><a title="Internships and Volunteer Programs" href="/content/city/en/depts/dhr/provdrs/emp/svcs/internships.html"><span>Internships and Volunteer Programs</span></a></li><li class="list-group-item"><a title="Job Opportunities at City of Chicago" href="/content/city/en/depts/dhr/provdrs/emp/svcs/city_of_chicago_jobopportunities.html"><span>Job Opportunities at City of Chicago</span></a></li><li class="list-group-item"><a title="WIC (Women Infant Children program)" href="/content/city/en/depts/cdph/provdrs/healthymothers_and_babies/svcs/apply_for_wic_.html"><span>WIC (Women Infant Children program)</span></a></li> - <li class="list-group-item"><a title="More services" href="/city/en/svcs/iwantto.apply_for.html"><strong>More services</strong></a></li> + <div id="applyfor" class="collapse" data-parent="#fs-accordion" aria-labelledby="applyforheading" data-parent="#fs-accordion"> + <div class="card-body border-bottom p-0"> + <ul class="list-group i-list-services list-group-flush"> + <li class="list-group-item"><a title="Bid Job Opportunities " href="/content/city/en/depts/dhr/provdrs/emp/svcs/apply_for_bid_opportunities-forcityofchicagoemployeesandbargaini.html"><span>Bid Job Opportunities </span></a></li><li class="list-group-item"><a title="Building Permit (online)" href="/content/city/en/depts/bldgs/provdrs/e_plan/svcs/dynamicportal.html"><span>Building Permit (online)</span></a></li><li class="list-group-item"><a title="Business Licenses" href="/content/city/en/depts/bacp/provdrs/bus/svcs/apply_for_a_businesslicenseonline.html"><span>Business Licenses</span></a></li><li class="list-group-item"><a title="Chicago Housing Authority (CHA) Housing" href="/content/city/en/depts/other/provdrs/cha/svcs/find_housing_information.html"><span>Chicago Housing Authority (CHA) Housing</span></a></li><li class="list-group-item"><a title="Internships and Volunteer Programs" href="/content/city/en/depts/dhr/provdrs/emp/svcs/internships.html"><span>Internships and Volunteer Programs</span></a></li><li class="list-group-item"><a title="Job Opportunities at City of Chicago" href="/content/city/en/depts/dhr/provdrs/emp/svcs/city_of_chicago_jobopportunities.html"><span>Job Opportunities at City of Chicago</span></a></li><li class="list-group-item"><a title="WIC (Women Infant Children program)" href="/content/city/en/depts/cdph/provdrs/healthy_families/svcs/apply_for_wic_.html"><span>WIC (Women Infant Children program)</span></a></li> + <li class="list-group-item"><a title="More services" href="/city/en/svcs/iwantto.apply_for.html"><strong><i class="fas fa-angle-double-right mr-3"></i>More services</strong></a></li> </ul> </div> @@ -1522,19 +1324,18 @@ <h4 class="panel-title"> - <div class="panel panel-info"> - <div class="panel-heading" role="tab" id="statusOfheading"> - <h4 class="panel-title"> - - <a role="button" data-toggle="collapse" data-parent="#accordion" href="#checkstatusOf" aria-expanded="true" aria-controls="checkstatusOf">Check Status Of</a> - - </h4> + <div class="card border-0"> + <div class="card-header" id="statusOfheading"> + <a href="#" class="accordion-toggle collapsed" data-toggle="collapse" data-target="#checkstatusOf" aria-expanded="false" aria-controls="checkstatusOf"> + <div class="mb-0 cds-accordion-title">Check Status Of</div> + </a> + </div> - <div id="checkstatusOf" class="panel-collapse collapse" role="tabpanel" aria-labelledby="statusOfheading"> - <div class="panel-body"> - <ul class="list-group i-list-services"> - <li class="list-group-item"><a title="Abandoned Vehicle Complaint" href="/content/city/en/depts/streets/provdrs/traffic/svcs/abndvhclstatus.html"><span>Abandoned Vehicle Complaint</span></a></li><li class="list-group-item"><a title="Building Violations" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/building_violationsonline.html"><span>Building Violations</span></a></li><li class="list-group-item"><a title="Easy Building Permit Applications" href="/content/city/en/depts/bldgs/provdrs/permit_proc/svcs/applications.html"><span>Easy Building Permit Applications</span></a></li><li class="list-group-item"><a title="HomeMod - My Application status" href="/content/city/en/depts/mopd/provdrs/hous/svcs/accessible_home_modificationprogram-ages0-5911.html"><span>HomeMod - My Application status</span></a></li><li class="list-group-item"><a title="Parking, Red Light, or Speed Ticket(s)" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/pay_parking_and_red-lightticketson-line.html"><span>Parking, Red Light, or Speed Ticket(s)</span></a></li><li class="list-group-item"><a title="Permit for Business ID and Advertising Signs" href="/content/city/en/depts/dcd/provdrs/admin/svcs/business_identificationandadvertisingsigns.html"><span>Permit for Business ID and Advertising Signs</span></a></li><li class="list-group-item"><a title="Service Request for Street Light Out" href="/content/city/en/depts/cdot/provdrs/traffic_signals_andstreetlights/svcs/bldgviolstatus.html"><span>Service Request for Street Light Out</span></a></li><li class="list-group-item"><a title="Vacant Property" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/check_status_of_vacantproperty.html"><span>Vacant Property</span></a></li> - <li class="list-group-item"><a title="More services" href="/city/en/svcs/iwantto.check_status_of.html"><strong>More services</strong></a></li> + <div id="checkstatusOf" class="collapse" aria-labelledby="statusOfheading" data-parent="#fs-accordion"> + <div class="card-body border-bottom p-0"> + <ul class="list-group i-list-services list-group-flush"> + <li class="list-group-item"><a title="Abandoned Vehicle Complaint" href="/content/city/en/depts/streets/provdrs/traffic/svcs/abndvhclstatus.html"><span>Abandoned Vehicle Complaint</span></a></li><li class="list-group-item"><a title="Building Violations" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/building_violationsonline.html"><span>Building Violations</span></a></li><li class="list-group-item"><a title="HomeMod - My Application status" href="/content/city/en/depts/mopd/provdrs/hous/svcs/accessible_home_modificationprogram-ages0-5911.html"><span>HomeMod - My Application status</span></a></li><li class="list-group-item"><a title="Parking, Red Light, or Speed Ticket(s)" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/pay_parking_and_red-lightticketson-line.html"><span>Parking, Red Light, or Speed Ticket(s)</span></a></li><li class="list-group-item"><a title="Permit for Business ID and Advertising Signs" href="/content/city/en/depts/dcd/provdrs/admin/svcs/business_identificationandadvertisingsigns.html"><span>Permit for Business ID and Advertising Signs</span></a></li><li class="list-group-item"><a title="Service Request for Street Light Out" href="/content/city/en/depts/cdot/provdrs/traffic_signals_andstreetlights/svcs/bldgviolstatus.html"><span>Service Request for Street Light Out</span></a></li><li class="list-group-item"><a title="Vacant Building Registration" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/check_status_of_vacantproperty.html"><span>Vacant Building Registration</span></a></li> + <li class="list-group-item"><a title="More services" href="/city/en/svcs/iwantto.check_status_of.html"><strong><i class="fas fa-angle-double-right mr-3"></i>More services</strong></a></li> </ul> </div> @@ -1542,115 +1343,114 @@ <h4 class="panel-title"> </div><!--Status Of--> - <div class="panel panel-info"> - <div class="panel-heading" role="tab" id="findGetheading"> - <h4 class="panel-title"> - - <a role="button" data-toggle="collapse" data-parent="#accordion" href="#findGet" aria-expanded="true" aria-controls="findGet">Find/Get</a> - - - </h4> + <div class="card border-0"> + <div class="card-header" id="findGetheading"> + + <a href="#" class="accordion-toggle collapsed" data-toggle="collapse" data-target="#findGet" aria-expanded="false" aria-controls="findGet"> + <div class="mb-0 cds-accordion-title">Find / Get</div> + </a> + </div> - <div id="findGet" class="panel-collapse collapse" role="tabpanel" aria-labelledby="findGetheading"> - <div class="panel-body"> - <ul class="list-group i-list-services"> - <li class="list-group-item"><a title="Auto Pound Locations" href="/content/city/en/depts/streets/provdrs/traffic/svcs/auto_pound_locations.html"><span>Auto Pound Locations</span></a></li><li class="list-group-item"><a title="Bids, RFP, RFQ, RFI, Small Order" href="/content/city/en/depts/dps/provdrs/contract/svcs/current_bid_opportunities.html"><span>Bids, RFP, RFQ, RFI, Small Order</span></a></li><li class="list-group-item"><a title="Business License Look-up" href="/content/city/en/depts/bacp/provdrs/bus/svcs/business_licenselook-up.html"><span>Business License Look-up</span></a></li><li class="list-group-item"><a title="Chicago Building Code" href="/content/city/en/depts/bldgs/provdrs/bldg_code/svcs/chicago_buildingcodeonline.html"><span>Chicago Building Code</span></a></li><li class="list-group-item"><a title="Free STI/HIV/AIDS Testing and Treatment" href="/content/city/en/depts/cdph/provdrs/health_services/svcs/get_yourself_evaluatedforstihivaids.html"><span>Free STI/HIV/AIDS Testing and Treatment</span></a></li><li class="list-group-item"><a title="Vital Records from the Cook County Clerk's Office" href="/content/city/en/depts/other/provdrs/ccco/svcs/get_vital_records.html"><span>Vital Records from the Cook County Clerk's Office</span></a></li> - <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.find_get.html"><strong>More services</strong></a></li> + <div id="findGet" class=" collapse" aria-labelledby="findGetheading" data-parent="#fs-accordion"> + <div class="card-body border-bottom p-0"> + <ul class="list-group i-list-services list-group-flush"> + <li class="list-group-item"><a title="Auto Pound Locations" href="/content/city/en/depts/streets/provdrs/traffic/svcs/auto_pound_locations.html"><span>Auto Pound Locations</span></a></li><li class="list-group-item"><a title="Bids, RFP, RFQ, RFI, Small Order" href="/content/city/en/depts/dps/provdrs/contract/svcs/current_bid_opportunities.html"><span>Bids, RFP, RFQ, RFI, Small Order</span></a></li><li class="list-group-item"><a title="Business License Look-up" href="/content/city/en/depts/bacp/provdrs/bus/svcs/business_licenselook-up.html"><span>Business License Look-up</span></a></li><li class="list-group-item"><a title="Chicago Construction Codes" href="/content/city/en/depts/bldgs/provdrs/bldg_code/svcs/chicago_buildingcodeonline.html"><span>Chicago Construction Codes</span></a></li><li class="list-group-item"><a title="Free STI/HIV/AIDS Testing and Treatment" href="/content/city/en/depts/cdph/provdrs/health_services/svcs/get_yourself_evaluatedforstihivaids.html"><span>Free STI/HIV/AIDS Testing and Treatment</span></a></li><li class="list-group-item"><a title="Vital Records from the Cook County Clerk's Office" href="/content/city/en/depts/other/provdrs/ccco/svcs/get_vital_records.html"><span>Vital Records from the Cook County Clerk's Office</span></a></li> + <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.find_get.html"><strong><i class="fas fa-angle-double-right mr-3"></i>More services</strong></a></li> </ul> </div> </div> </div><!--find get--> - <div class="panel panel-info"> - <div class="panel-heading" role="tab" id="payForheading"> - <h4 class="panel-title"> - <a role="button" data-toggle="collapse" data-parent="#accordion" href="#payFor" aria-expanded="true" aria-controls="payFor"> - Pay For/Buy + <div class="card border-0"> + <div class="card-header" id="payForheading"> + + <a href="#" class="accordion-toggle collapsed" data-toggle="collapse" data-target="#payFor" aria-expanded="false" aria-controls="payFor"> + <div class="mb-0 cds-accordion-title">Pay For/Buy</div> </a> - </h4> + </div> - <div id="payFor" class="panel-collapse collapse" role="tabpanel" aria-labelledby="payForheading"> - <div class="panel-body"> - <ul class="list-group i-list-services"> - <li class="list-group-item"><a title="Administrative Hearing Fines" href="/content/city/en/depts/fin/provdrs/payment_processingdivision/svcs/QuickPay.html"><span>Administrative Hearing Fines</span></a></li><li class="list-group-item"><a title="Business License Renewal" href="/content/city/en/depts/bacp/provdrs/bus/svcs/renew_your_businesslicenseonline.html"><span>Business License Renewal</span></a></li><li class="list-group-item"><a title="Business Taxes" href="/content/city/en/depts/fin/provdrs/tax_division/svcs/pay_and_file_yourtaxesonline.html"><span>Business Taxes</span></a></li><li class="list-group-item"><a title="CTA Transit Customer Fare Cards" href="/content/city/en/depts/other/provdrs/cta/svcs/customer_fares_chartsandpurchasectafarecards.html"><span>CTA Transit Customer Fare Cards</span></a></li><li class="list-group-item"><a title="Calculate the Cost of a Building Permit" href="/content/city/en/depts/bldgs/provdrs/permits/svcs/permit_fee_calculator.html"><span>Calculate the Cost of a Building Permit</span></a></li><li class="list-group-item"><a title="City of Chicago Photography" href="/content/city/en/depts/dgs/provdrs/asset_management/svcs/purchase_city_photography.html"><span>City of Chicago Photography</span></a></li><li class="list-group-item"><a title="Parking, Red Light, or Speed Ticket(s)" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/pay_parking_and_red-lightticketson-line.html"><span>Parking, Red Light, or Speed Ticket(s)</span></a></li><li class="list-group-item"><a title="Surplus, Vehicles, Auctions" href="/content/city/en/depts/dps/provdrs/auction/svcs/city_of_chicago_onlineauctions.html"><span>Surplus, Vehicles, Auctions</span></a></li><li class="list-group-item"><a title="View Automated Speed Enforcement Video" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/view_automated_speedenforcementvideo.html"><span>View Automated Speed Enforcement Video</span></a></li> - <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.pay_for_buy.html"><strong>More services</strong></a></li> + <div id="payFor" class="collapse" aria-labelledby="payForheading" data-parent="#fs-accordion"> + <div class="card-body border-bottom p-0"> + <ul class="list-group i-list-services list-group-flush"> + <li class="list-group-item"><a title="Administrative Hearing Fines" href="/content/city/en/depts/fin/provdrs/payment_processingdivision/svcs/QuickPay.html"><span>Administrative Hearing Fines</span></a></li><li class="list-group-item"><a title="Business License Renewal" href="/content/city/en/depts/bacp/provdrs/bus/svcs/renew_your_businesslicenseonline.html"><span>Business License Renewal</span></a></li><li class="list-group-item"><a title="Business Taxes" href="/content/city/en/depts/fin/provdrs/tax_division/svcs/pay_and_file_yourtaxesonline.html"><span>Business Taxes</span></a></li><li class="list-group-item"><a title="Calculate the Cost of a Building Permit" href="/content/city/en/depts/bldgs/provdrs/permits/svcs/permit_fee_calculator.html"><span>Calculate the Cost of a Building Permit</span></a></li><li class="list-group-item"><a title="City of Chicago Photography" href="/content/city/en/depts/dgs/provdrs/asset_management/svcs/purchase_city_photography.html"><span>City of Chicago Photography</span></a></li><li class="list-group-item"><a title="Other City Debt Payments" href="/content/city/en/depts/fin/provdrs/payment_processingdivision/svcs/OtherCityDebtPayments.html"><span>Other City Debt Payments</span></a></li><li class="list-group-item"><a title="Parking, Red Light, or Speed Ticket(s)" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/pay_parking_and_red-lightticketson-line.html"><span>Parking, Red Light, or Speed Ticket(s)</span></a></li><li class="list-group-item"><a title="Surplus, Vehicles, Auctions" href="/content/city/en/depts/dps/provdrs/auction/svcs/city_of_chicago_onlineauctions.html"><span>Surplus, Vehicles, Auctions</span></a></li><li class="list-group-item"><a title="Utility Bill" href="/content/city/en/depts/fin/provdrs/utility_billing/svcs/utility-bill.html"><span>Utility Bill</span></a></li><li class="list-group-item"><a title="View Automated Speed Enforcement Video" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/view_automated_speedenforcementvideo.html"><span>View Automated Speed Enforcement Video</span></a></li> + <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.pay_for_buy.html"><strong><i class="fas fa-angle-double-right mr-3"></i>More services</strong></a></li> </ul> </div> </div> </div><!--Payfor/Buy--> - <div class="panel panel-info"> - <div class="panel-heading" role="tab" id="registerheading"> - <h4 class="panel-title"> - <a role="button" data-toggle="collapse" data-parent="#accordion" href="#register" aria-expanded="true" aria-controls="register"> - Register + <div class="card border-0"> + <div class="card-header" id="registerheading"> + + <a href="#" class="accordion-toggle collapsed" data-toggle="collapse" data-target="#register" aria-expanded="false" aria-controls="register"> + <div class="mb-0 cds-accordion-title">Register</div> </a> - </h4> + + </div> - <div id="register" class="panel-collapse collapse" role="tabpanel" aria-labelledby="registerheading"> - <div class="panel-body"> - <ul class="list-group i-list-services"> - <li class="list-group-item"><a title="Discrimination Complaint" href="/content/city/en/depts/cchr/provdrs/discrim/svcs/file_a_discriminationcomplaint.html"><span>Discrimination Complaint</span></a></li><li class="list-group-item"><a title="Dog Registration" href="/content/city/en/depts/cacc/provdrs/care/svcs/dog_registration.html"><span>Dog Registration</span></a></li><li class="list-group-item"><a title="Extreme Weather Notification" href="/content/city/en/depts/oem/provdrs/emerg_mang/svcs/sign_up_for_extremeweathernotification.html"><span>Extreme Weather Notification</span></a></li><li class="list-group-item"><a title="For Park District Programs" href="/content/city/en/depts/other/provdrs/cpd/svcs/register_for_parkdistrictprogramsonline.html"><span>For Park District Programs</span></a></li><li class="list-group-item"><a title="Independent Living Skills Program" href="/content/city/en/depts/mopd/provdrs/resource/svcs/ilp-independent_livingprogram.html"><span>Independent Living Skills Program</span></a></li><li class="list-group-item"><a title="MPEA Airport Tax" href="/content/city/en/depts/bacp/provdrs/vehic/svcs/mpea_online_permitapplicationform.html"><span>MPEA Airport Tax</span></a></li><li class="list-group-item"><a title="Register a Cottage Food Operation" href="/content/city/en/depts/cdph/provdrs/healthy_restaurants/svcs/register_a_cottagefoodoperation.html"><span>Register a Cottage Food Operation</span></a></li><li class="list-group-item"><a title="Vacant Building" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/check_status_of_vacantproperty.html"><span>Vacant Building</span></a></li> - <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.register.html"><strong>More services</strong></a></li> + <div id="register" class="collapse" aria-labelledby="registerheading" data-parent="#fs-accordion"> + <div class="card-body border-bottom p-0"> + <ul class="list-group i-list-services list-group-flush"> + <li class="list-group-item"><a title="Dog Registration" href="/content/city/en/depts/cacc/provdrs/care/svcs/dog_registration.html"><span>Dog Registration</span></a></li><li class="list-group-item"><a title="For Park District Programs" href="/content/city/en/depts/other/provdrs/cpd/svcs/register_for_parkdistrictprogramsonline.html"><span>For Park District Programs</span></a></li><li class="list-group-item"><a title="Register a Cottage Food Operation" href="/content/city/en/depts/cdph/provdrs/food_safety/svcs/register_a_cottagefoodoperation.html"><span>Register a Cottage Food Operation</span></a></li><li class="list-group-item"><a title="Vacant Building" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/check_status_of_vacantproperty.html"><span>Vacant Building</span></a></li> + <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.register.html"><strong><i class="fas fa-angle-double-right mr-3"></i>More services</strong></a></li> </ul> </div> </div> </div><!--Register--> - <div class="panel panel-info"> - <div class="panel-heading" role="tab" id="report_fileheading"> - <h4 class="panel-title"> - <a role="button" data-toggle="collapse" data-parent="#accordion" href="#report_file" aria-expanded="true" aria-controls="report_file"> - Report/File + <div class="card border-0"> + <div class="card-header" id="report_fileheading"> + <a href="#" class="accordion-toggle collapsed" data-toggle="collapse" data-target="#report_file" aria-expanded="false" aria-controls="report_file"> + <div class="mb-0 cds-accordion-title">Report/File</div> </a> - </h4> + </div> - <div id="report_file" class="panel-collapse collapse" role="tabpanel" aria-labelledby="report_fileheading"> - <div class="panel-body"> - <ul class="list-group i-list-services"> - <li class="list-group-item"><a title="AIC (Annual Inspection Certification) Inspections" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/annual_inspectioncertificationaicprogramupdate.html"><span>AIC (Annual Inspection Certification) Inspections</span></a></li><li class="list-group-item"><a title="Abandoned Vehicle" href="/content/city/en/depts/streets/provdrs/traffic/svcs/abandoned_vehicles.html"><span>Abandoned Vehicle</span></a></li><li class="list-group-item"><a title="Cab Feedback" href="/content/city/en/depts/bacp/provdrs/consumer/svcs/consumer_cab_complaint.html"><span>Cab Feedback</span></a></li><li class="list-group-item"><a title="Consumer Complaint Online" href="/content/city/en/depts/bacp/provdrs/pros_adj/svcs/file_a_citizen_complaintonline.html"><span>Consumer Complaint Online</span></a></li><li class="list-group-item"><a title="Economic Disclosure, Affidavit, Online EDS" href="/content/city/en/depts/dps/provdrs/comp/svcs/economic_disclosurestatementseds.html"><span>Economic Disclosure, Affidavit, Online EDS</span></a></li><li class="list-group-item"><a title="Pothole in the Street" href="/content/city/en/depts/cdot/provdrs/street/svcs/report_a_pot_holeinstreet.html"><span>Pothole in the Street</span></a></li><li class="list-group-item"><a title="Stray Animal in Neighborhood" href="/content/city/en/depts/cacc/provdrs/animal_control_andrescue/svcs/report_a_stray_animal.html"><span>Stray Animal in Neighborhood</span></a></li> - <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.report_file.html"><strong>More services</strong></a></li> + <div id="report_file" class="collapse" aria-labelledby="report_fileheading" data-parent="#fs-accordion"> + <div class="card-body border-bottom p-0"> + <ul class="list-group i-list-services list-group-flush"> + <li class="list-group-item"><a title="AIC (Annual Inspection Certification) Inspections" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/annual_inspectioncertificationaicprogramupdate.html"><span>AIC (Annual Inspection Certification) Inspections</span></a></li><li class="list-group-item"><a title="Abandoned Vehicle" href="/content/city/en/depts/streets/provdrs/traffic/svcs/abandoned_vehicles.html"><span>Abandoned Vehicle</span></a></li><li class="list-group-item"><a title="Discrimination Complaint" href="/content/city/en/depts/cchr/provdrs/discrim/svcs/file_a_discriminationcomplaint.html"><span>Discrimination Complaint</span></a></li><li class="list-group-item"><a title="Economic Disclosure, Affidavit, Online EDS" href="/content/city/en/depts/dps/provdrs/comp/svcs/economic_disclosurestatementseds.html"><span>Economic Disclosure, Affidavit, Online EDS</span></a></li><li class="list-group-item"><a title="Pothole in the Street" href="/content/city/en/depts/cdot/provdrs/street/svcs/report_a_pot_holeinstreet.html"><span>Pothole in the Street</span></a></li><li class="list-group-item"><a title="Stray Animal in Neighborhood" href="/content/city/en/depts/cacc/provdrs/animal_control_andrescue/svcs/report_a_stray_animal.html"><span>Stray Animal in Neighborhood</span></a></li> + <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.report_file.html"><strong><i class="fas fa-angle-double-right mr-3"></i>More services</strong></a></li> </ul> </div> </div> </div><!--Report/File--> - <div class="panel panel-info"> - <div class="panel-heading" role="tab" id="requestheading"> - <h4 class="panel-title"> - <a role="button" data-toggle="collapse" data-parent="#accordion" href="#request" aria-expanded="true" aria-controls="request"> - Request + <div class="card border-0"> + <div class="card-header" id="requestheading"> + + <a href="#" class="accordion-toggle collapsed" data-toggle="collapse" data-target="#request" aria-expanded="false" aria-controls="request"> + <div class="mb-0 cds-accordion-title">Request</div> </a> - </h4> + + </div> - <div id="request" class="panel-collapse collapse" role="tabpanel" aria-labelledby="requestheading"> - <div class="panel-body"> - <ul class="list-group i-list-services"> - <li class="list-group-item"><a title="Building Inspection" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/permit_inspection.html"><span>Building Inspection</span></a></li><li class="list-group-item"><a title="Garbage Cart" href="/content/city/en/depts/streets/provdrs/rodent/svcs/garbage_cart_distribution.html"><span>Garbage Cart</span></a></li><li class="list-group-item"><a title="Graffiti Removal Services" href="/content/city/en/depts/streets/provdrs/graffiti_blasters/svcs/mayor_daley_s_graffitiblasters.html"><span>Graffiti Removal Services</span></a></li><li class="list-group-item"><a title="Parking Ticket Photos" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/view_parking_ticketpictures.html"><span>Parking Ticket Photos</span></a></li><li class="list-group-item"><a title="Request a Bike Map" href="/content/city/en/depts/cdot/provdrs/bike/svcs/request_a_bike_map.html"><span>Request a Bike Map</span></a></li><li class="list-group-item"><a title="Residential Garbage Collection" href="/content/city/en/depts/streets/provdrs/streets_san/svcs/residential_garbagecollection.html"><span>Residential Garbage Collection</span></a></li><li class="list-group-item"><a title="View Red Light Video" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/view_red-light_video.html"><span>View Red Light Video</span></a></li> - <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.request.html"><strong>More services</strong></a></li> + <div id="request" class="collapse" -labelledby="requestheading" data-parent="#fs-accordion"> + <div class="card-body border-bottom p-0"> + <ul class="list-group i-list-services list-group-flush"> + <li class="list-group-item"><a title="Building Inspection" href="/content/city/en/depts/bldgs/provdrs/inspect/svcs/permit_inspection.html"><span>Building Inspection</span></a></li><li class="list-group-item"><a title="Garbage Cart" href="/content/city/en/depts/streets/provdrs/rodent/svcs/garbage_cart_distribution.html"><span>Garbage Cart</span></a></li><li class="list-group-item"><a title="Graffiti Removal Services" href="/content/city/en/depts/streets/provdrs/graffiti_blasters/svcs/graffiti_removal.html"><span>Graffiti Removal Services</span></a></li><li class="list-group-item"><a title="Parking Ticket Photos" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/view_parking_ticketpictures.html"><span>Parking Ticket Photos</span></a></li><li class="list-group-item"><a title="Residential Garbage Collection" href="/content/city/en/depts/streets/provdrs/streets_san/svcs/residential_garbagecollection.html"><span>Residential Garbage Collection</span></a></li><li class="list-group-item"><a title="View Red Light Video" href="/content/city/en/depts/fin/provdrs/parking_and_redlightcitationadministration/svcs/view_red-light_video.html"><span>View Red Light Video</span></a></li> + <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.request.html"><strong><i class="fas fa-angle-double-right mr-3"></i>More services</strong></a></li> </ul> </div> </div> </div><!--Request--> - <div class="panel panel-info"> - <div class="panel-heading" role="tab" id="sign_upheading"> - <h4 class="panel-title"> - <a role="button" data-toggle="collapse" data-parent="#accordion" href="#sign_up" aria-expanded="true" aria-controls="sign_up"> - Sign up for/Volunteer + <div class="card border-0"> + <div class="card-header" id="sign_upheading"> + <a href="#" class="accordion-toggle collapsed" data-toggle="collapse" data-target="#sign_up" aria-expanded="false" aria-controls="sign_up"> + <div class="mb-0 cds-accordion-title">Sign up for/Volunteer</div> </a> - </h4> + </div> - <div id="sign_up" class="panel-collapse collapse" role="tabpanel" aria-labelledby="sign_upheading"> - <div class="panel-body"> - <ul class="list-group i-list-services"> - <li class="list-group-item"><a title="Alerts from NotifyChicago" href="/content/city/en/depts/oem/provdrs/alertchicago/svcs/notifychicago.html"><span>Alerts from NotifyChicago</span></a></li><li class="list-group-item"><a title="Community Emergency Response Team (CERT)" href="/content/city/en/depts/oem/provdrs/edu/svcs/become_a_cert_volunteer.html"><span>Community Emergency Response Team (CERT)</span></a></li><li class="list-group-item"><a title="Internships and Volunteer Programs" href="/content/city/en/depts/dhr/provdrs/emp/svcs/internships.html"><span>Internships and Volunteer Programs</span></a></li><li class="list-group-item"><a title="One Good Deed Chicago Volunteer Opportunities" href="/content/city/en/depts/mayor/provdrs/special_prog/svcs/one_good_deed_chicago.html"><span>One Good Deed Chicago Volunteer Opportunities</span></a></li><li class="list-group-item"><a title="Voluntary Disclosure" href="/content/city/en/depts/fin/provdrs/tax_division/svcs/apply_for_voluntarydisclosureofchicagobusinesstaxes.html"><span>Voluntary Disclosure</span></a></li> - <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.sign_up.html"><strong>More services</strong></a></li> + <div id="sign_up" class="collapse" aria-labelledby="sign_upheading" data-parent="#fs-accordion"> + <div class="card-body border-bottom p-0"> + <ul class="list-group i-list-services list-group-flush"> + <li class="list-group-item"><a title="Alerts from NotifyChicago" href="/content/city/en/depts/oem/provdrs/alertchicago/svcs/notifychicago.html"><span>Alerts from NotifyChicago</span></a></li><li class="list-group-item"><a title="Community Emergency Response Team (CERT)" href="/content/city/en/depts/oem/provdrs/edu/svcs/become_a_cert_volunteer.html"><span>Community Emergency Response Team (CERT)</span></a></li><li class="list-group-item"><a title="Internships and Volunteer Programs" href="/content/city/en/depts/dhr/provdrs/emp/svcs/internships.html"><span>Internships and Volunteer Programs</span></a></li><li class="list-group-item"><a title="Voluntary Disclosure" href="/content/city/en/depts/fin/provdrs/tax_division/svcs/apply_for_voluntarydisclosureofchicagobusinesstaxes.html"><span>Voluntary Disclosure</span></a></li> + <li class="list-group-item"> <a title="More services" href="/city/en/svcs/iwantto.sign_up.html"><strong><i class="fas fa-angle-double-right mr-3"></i>More services</strong></a></li> </ul> </div> @@ -1664,8 +1464,6 @@ <h4 class="panel-title"> </div> </div> </div> - </div> -</div> <p style="margin-top: 1px" ></p> @@ -1676,94 +1474,55 @@ <h4 class="panel-title"> +</div> + </div> - - </div> - - </div> -</div> - + </div> + </div> </div> </div> </div> - <!-- Footer --> + </main> + + + + + - - + <section class="cds-department-footer"> + -<style> - .department-footer { - background-color: #777777; - } - .dept-footer-container { - max-width: 960px; - display: flex; - margin: auto; - justify-content: center; - } - .footer-column { - flex-grow: 1; - color: #FFF; - xborder-right: 1px solid #AAA; - margin-right: 10px; - width:300px; - padding:5px; - } - .footer-column:last-child { - xborder-right: none; - xmargin-right: 0px; - } - .footer-column a { - color:#FFF; - } + +<style> + + .department-footer a { + + color: #FFF; + } + .footer-column a:hover { text-decoration:underline; } - @media only screen and (max-width: 480px) { - .dept-footer-container { - flex-direction: column; - } - .footer-column { - border-right: none; - margin-right: 0px; - } - .footer-column h3 { - font-size:1.3em; - } - } - ul.footer-social { - display: inline-block; - list-style: none; - padding-left: 0px; - } - ul.footer-social li { - display: inline-block; - } - ul.footer-social a { - color: #777777; - } - ul.footer-social a:hover { - color: #FFF; - } - .social [class*="fa fa-"] { + + .department-footer .social [class*="fab fa-"] { background-color: #DDD; border-radius: 30px; display: inline-block; @@ -1773,21 +1532,26 @@ <h4 class="panel-title"> width: 30px; font-size: 15px; text-align: center; + } - .fa-twitter:hover { + .department-footer .fa-twitter:hover { background-color: #46c0fb; + color:#FFF !important; } - .fa-facebook:hover { + .department-footer .fa-facebook:hover { background-color: #3B5998; + color:#FFF !important; } - .fa-pinterest-p:hover { + .department-footer .fa-pinterest-p:hover { background-color: #6E1A19; + color:#FFF !important; } - .fa-youtube:hover { + .department-footer .fa-youtube:hover { background-color: #CC181E; + color:#FFF !important; } - .title-divider { + .department-footer .title-divider { height: 3px; display: block; background-color:#AAA; @@ -1800,12 +1564,10 @@ <h4 class="panel-title"> </style> -<div class="container-fluid department-footer"> - <div class="dept-footer-container"> - - - +<div class="container-fluid bg-secondary text-white department-footer"> +<div class='row'><div class='col-12'> + <div class="container d-flex flex-md-row flex-column justify-content-between py-5"> <!--Start Footer Items--> <div class="footer-column"> @@ -1813,17 +1575,22 @@ <h3 class="footer-title">Office Hours</h3> <div class="title-divider"></div> <h5 id="mcetoc_1checn8tg0">Monday - Friday: 9 am - 5 pm</h5> </div> + + + + <div class="footer-column social-column"> - <h3>Connect With CCHR</h3><div class="title-divider"></div> - <ul class="footer-social social"> - <li> <a href="https://www.facebook.com/ChicagoCHR" title="Follow us on FaceBook" target="blank"><i class="fa fa-facebook" aria-hidden="true"></i></a> </li> - + <h3>Connect With CCHR</h3> + <div class="title-divider"></div> + <div class="footer-social social bg-secondary d-flex"> + <a href="https://www.facebook.com/ChicagoCHR" title="Follow us on FaceBook" target="blank"><i aria-hidden="true" class="text-dark mr-3 fab fa-facebook"></i></a> + <a href="https://twitter.com/ChiCCHR" title="Follow us on Twitter" target="blank"><i aria-hidden="true" class="text-dark mr-3 fab fa-twitter"></i></a> - </ul> + </div> </div> @@ -1834,55 +1601,109 @@ <h3>Connect With CCHR</h3><div class="title-divider"></div> </div> + </div> +</div> - - - <div data-swiftype-index='false' class="container-fluid page-footer-container"> - <div class="row"> - <div class="col-xs-12 page-footer"> - +</section> + + + -<!-- footer --> -<div id="footer"> - <div class="footer-navigation"> - <ul> - <li><a href="/city/en.html" title="The City of Chicago's Official Site">Home</a> : </li> - <li><!--googleoff: anchor--><a href="/city/en/general/disclaimer.html">Disclaimer</a><!--googleon: anchor--> : </li> - <li><!--googleoff: anchor--><a href="/city/en/general/privacy.html">Privacy Policy</a><!--googleon: anchor--> : </li> - <li><!--googleoff: anchor--><a href="/city/en/general/standards.html">Web Standards</a><!--googleon: anchor--> : </li> - <li><!--googleoff: anchor--><a href="/city/en/general/credits.html">Site Credits</a><!--googleon: anchor--> : </li> - <li><!--googleoff: anchor--><a href="/city/en/general/sitemap.html">Site Map</a><!--googleon: anchor--> : </li> - <li><!--googleoff: anchor--><a href="/city/en/general/contact.html">Contact Us</a><!--googleon: anchor--> : </li> - <li><!--googleoff: anchor--><a href="/content/city/en/depts/mayor/press_room.html">Press Room</a><!--googleon: anchor--> : </li> - <li><!--googleoff: anchor--><a target="blank" title="Website Feedback " href="https://www.surveymonkey.com/r/cocwebsitesurvey">Website Feedback</a><!--googleon: anchor--></li> - </ul> - </div> - - <!-- /footer-navigation --> - Copyright © 2010 - 2019 City of Chicago<br /> +<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> + - <br /> + <div class="footer-main"> + <div class="container"> + <div class="row"> + <div class="col-sm-6"> - <a href="/content/city/en.html" title="The City of Chicago's Official Site"> - <img src="/etc/designs/city/images/seal.gif" width="65" height="65" title="The City of Chicago's Official Site" alt="The City of Chicago's Official Site"/> - </a> -</div> + <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> - </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> - <!-- /container --> + </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> - <button id="toTop" class="btn btn-default btn-lg"><i class="fa fa-chevron-up"></i></button> <script> @@ -1909,30 +1730,169 @@ <h3>Connect With CCHR</h3><div class="title-divider"></div> </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> + + + + + + + + + +<!-- Google tag (gtag.js) Main --> +<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 + + + + gtag('event', 'department_page_view', { + 'app_name': 'CoCWebSite', + 'page_title': "Commission on Human Relations", + 'department': "CCHR" + }); + + + + + //Department Stream + gtag('config', 'G-L2GFK4HV05'); + + +</script> + + - - <!-- Google Analytics Snippet - start --> - <script type="text/javascript"> - var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); - document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); - </script> - <script type="text/javascript"> - try { - - var gaTrackingCode = "UA-2412440-12"; //cityofchicago.org - if( window.location.hostname.toLowerCase().indexOf("chicago.gov") > 0 ) { - gaTrackingCode = "UA-2412440-18"; //chicago.gov - } - console.log(gaTrackingCode); - var pageTracker = _gat._getTracker(gaTrackingCode); - pageTracker._trackPageview(); - - } - catch(err) {} - </script> - <!-- Google Analytics Snippet - end --> - - - </body> + + + +<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> \ No newline at end of file diff --git a/tests/test_chi_human_relations.py b/tests/test_chi_human_relations.py index 2b19d5bf0..6d95454c9 100644 --- a/tests/test_chi_human_relations.py +++ b/tests/test_chi_human_relations.py @@ -1,101 +1,87 @@ from datetime import datetime -from operator import itemgetter from os.path import dirname, join -import pytest # noqa -from city_scrapers_core.constants import COMMISSION, PASSED +import pytest +from city_scrapers_core.constants import COMMISSION, TENTATIVE from city_scrapers_core.utils import file_response from freezegun import freeze_time from city_scrapers.spiders.chi_human_relations import ChiHumanRelationsSpider -test_pdf_response = file_response( - join(dirname(__file__), "files", "chi_human_relations.pdf"), - url=( - "https://www.chicago.gov/content/dam/city/depts/cchr/BoardMeetings/2019CCHRBoardMeetingSchedule.pdf" # noqa - ), - mode="rb", -) test_response = file_response( join(dirname(__file__), "files", "chi_human_relations.html"), url="https://www.chicago.gov/city/en/depts/cchr/supp_info/BoardMeetingInformation.html", # noqa ) spider = ChiHumanRelationsSpider() -freezer = freeze_time("2019-07-20") +freezer = freeze_time("2024-05-01") freezer.start() -spider._parse_schedule_pdf(test_pdf_response) -parsed_items = sorted( - [item for item in spider._parse_documents(test_response)], - key=itemgetter("start"), -) - +parsed_items = [item for item in spider.parse(test_response)] +parsed_item = parsed_items[0] freezer.stop() -def test_count(): - assert len(parsed_items) == 5 - - def test_title(): - assert parsed_items[0]["title"] == "Board of Commissioners" + assert ( + parsed_item["title"] == "Chicago Commission on Human Relations Board Meeting" + ) # noqa def test_description(): - assert parsed_items[0]["description"] == "" + assert parsed_item["description"] == "" def test_start(): - assert parsed_items[0]["start"] == datetime(2019, 1, 10, 15, 30) + assert parsed_item["start"] == datetime(2024, 5, 9, 9, 30) def test_end(): - assert parsed_items[0]["end"] == datetime(2019, 1, 10, 17) + assert parsed_item["end"] is None def test_time_notes(): - assert parsed_items[0]["time_notes"] == "See agenda to confirm details" + assert parsed_item["time_notes"] == "" def test_id(): assert ( - parsed_items[0]["id"] - == "chi_human_relations/201901101530/x/board_of_commissioners" + parsed_item["id"] + == "chi_human_relations/202405090930/x/chicago_commission_on_human_relations_board_meeting" # noqa ) def test_status(): - assert parsed_items[0]["status"] == PASSED + assert parsed_item["status"] == TENTATIVE def test_location(): - assert parsed_items[0]["location"] == spider.location + assert parsed_item["location"] == { + "name": "Chicago Commission on Human Relations - board room", + "address": "740 N Sedgwick St, 4th Floor Boardroom, Chicago, IL 60654", + } def test_source(): assert ( - parsed_items[0]["source"] == "https://www.chicago.gov/city/en/depts/cchr.html" + parsed_item["source"] + == "https://www.chicago.gov/city/en/depts/cchr/supp_info/BoardMeetingInformation.html" # noqa ) def test_links(): - assert parsed_items[0]["links"] == [ - { - "href": "https://www.chicago.gov/content/dam/city/depts/cchr/BoardMeetings/BoardAgenda/2019JanuaryBoardAgenda.pdf", # noqa - "title": "Agenda", - }, + assert parsed_item["links"] == [ { - "href": "https://www.chicago.gov/content/dam/city/depts/cchr/BoardMeetings/BoardMinutes/2019JanuaryMinutesCCHR%20Board.pdf", # noqa - "title": "Minutes", - }, + "title": "Meeting materials", + "href": "https://www.chicago.gov/city/en/depts/cchr/supp_info/BoardMeetingInformation.html", # noqa + } ] - assert parsed_items[-1]["links"] == [] def test_classification(): - assert parsed_items[0]["classification"] == COMMISSION + assert parsed_item["classification"] == COMMISSION -def test_all_day(): - assert parsed_items[0]["all_day"] is False +@pytest.mark.parametrize("item", parsed_items) +def test_all_day(item): + assert item["all_day"] is False