Skip to main content

“Find My District” Widget

Embed the “Find My District” widget on your website to help the people in your community find their Council District.

Copy the following HTML code and paste it into your blog or website’s HTML.

Advanced Options

The widget uses the City’s Geoclient API. To embed this widget into a responsive layout, wrap the <iframe> in a div with the .responsive-embed class:
<div class="responsive-embed">
    <iframe width="315" height="560" src="" frameborder="0" allowfullscreen></iframe>
And add the following code to your CSS:
.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%; // change this to adjust the height/width ratio
    overflow: hidden;
.responsive-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;