The City of Calgary

<!DOCTYPE HTML> <html lang="en"> <head> <title>The City of Calgary - Home Page</title> <meta property="og:title" content="The City of Calgary - Home Page"/> <meta property="og:PageType" content="website"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="https://www.calgary.ca"/> <meta property="og:url" content="https://www.calgary.ca/content/www/en/home/home.html"/> <meta property="og:locale" content="en "/> <meta property="og:image:type" content="image/jpeg"/> <meta property="og:image" content="https://www.calgary.ca/content/dam/www/homepage/calgary-first-snow.jpg"/> <meta name="twitter:site" content="@cityofcalgary"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="The City of Calgary - Home Page"/> <meta name="twitter:image" content="https://www.calgary.ca/content/dam/www/homepage/calgary-first-snow.jpg"/> <meta name="twitter:url" content="https://www.calgary.ca/content/www/en/home/home.html"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="keywords" content="home"/> <meta name="template" content="homepage-template"/> <meta name="DCSext.w_myCity_env" content="int"/> <meta name="content-page-type" content="Page Type : Topic landing page;"/> <meta name="DC.Creator" content="Topic landing page"/> <meta name="DC.Title" content="The City of Calgary - Home Page"/>  <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/etc/clientlibs/www/main/images/favicon.ico"/>  <link rel="icon" type="image/vnd.microsoft.icon" href="/etc/clientlibs/www/main/images/favicon.ico"/> <link href="//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700" rel="stylesheet" type="text/css"/> <link rel="canonical" href="https://www.calgary.ca/home.html"/>  <script src="//code.jquery.com/jquery-3.6.0.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/ui/1.14.1/jquery-ui.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script>  <link rel="stylesheet" href="/etc/clientlibs/www/main.min.css" type="text/css"> <script src="/etc/clientlibs/www/main.min.js"></script> <script src="/etc.clientlibs/clientlibs/granite/jquery/granite/csrf.min.js"></script> <script src="//www1.calgary.ca/sdc/WTCalgarycaV3.load.js" type="text/javascript"></script>  <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5R4PHXL');</script>   <script>if (window.document.documentMode) $(document).ready(function () { $("body").attr("data-browser", "ie11"); });</script> <script> //prehiding snippet for Adobe Target with asynchronous tags deployment ; (function (win, doc, style, timeout) { var STYLE_ID = 'at-body-style'; function getParent() { return doc.getElementsByTagName('head')[0]; } function addStyle(parent, id, def) { if (!parent) { return; } var style = doc.createElement('style'); style.id = id; style.innerHTML = def; parent.appendChild(style); } function removeStyle(parent, id) { if (!parent) { return; } var style = doc.getElementById(id); if (!style) { return; } parent.removeChild(style); } addStyle(getParent(), STYLE_ID, style); setTimeout(function () { removeStyle(getParent(), STYLE_ID); }, timeout); }(window, document, "body {opacity: 0 !important}", 250)); </script> <script src="//assets.adobedtm.com/launch-EN300d6f3dd9f74d8f85792c2dae95d30e.min.js" async></script> <script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0027/9840.js" async="async"></script> <script src="/etc/clientlibs/www/homepage.js" type="text/javascript"></script> <link rel="stylesheet" href="/etc/clientlibs/www/homepage.css" type="text/css"/> </head> <body class="coc-pl calgary-ca-home"> <div class="page-container "> <div class="row no-gutters global-banner-container"> <div class="col-12 "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> </div> </div> </div> <div class="header"> <h1 class="sr-only">City of Calgary home page</h1> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="site-header aem-GridColumn aem-GridColumn--default--12"> <script type="text/javascript"> var searchModalId = "<?= 1 ?>"; </script> <script> $( document ).ready(function() { COC.Nav.init(); COC.Nav.initSecondaryNav(); }); </script> <header class="cui coc-header with-utility-nav curated-menu single-level-menu calgary-ca-header"> <div class="header-inner">  <ul class="skip-links"> <li><a href="#cocis-maincontent" class="skip-link">Skip to main content</a></li> </ul>  <a href="/home.html" class="coc-logo"> <img src="/etc/clientlibs/www/main/images/coc-logo-simplify.svg" class="coc-logo-mobile no-print" alt="Return to the Calgary.ca homepage"/> <img src="/etc/clientlibs/www/main/images/coc-logo.svg" class="coc-logo-desktop printarea" alt="Return to the Calgary.ca homepage"/> </a>  <script> $( document ).ready(function() { }); </script> <div id="searchBoxPlaceholder"></div> <div id="global-search-container" class="cui search-box d-none d-sm-block"> <form action="/search.html" method="get"> <label for="global-search-input" class="sr-only">Search</label> <input id="global-search-input" name="q" class="form-control search-box-input" type="text" placeholder="search calgary.ca"/> <button id="global-search-submit-btn" type="submit" class="cui search-box-btn btn-md icon-only primary"> <span class="cicon-search" aria-hidden="true"></span> <span class="sr-only">Submit search</span> </button> </form> </div> <button id="searchModalButton" class="cui search-box d-block d-sm-none" data-bs-toggle="modal" data-bs-target="#global-search-modal" aria-label="Click to open the search window"> <span class="form-control search-box-input"></span> <span class="cui search-box-btn btn-md icon-only primary"> <span class="cicon-search" aria-hidden="true"></span> <span class="sr-only">Submit search</span> </span> </button> <div id="global-search-modal" class="cui blocker modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="false"> <div class="modal-dialog modal-fs-mobile" role="document"> <div class="modal-content"> <div class="modal-header"> <h2 id="modal-search-title-1" class="modal-title">Search</h2> <button type="button" class="btn-modal-close cui btn-md primary-text" data-bs-dismiss="modal">Close</button> </div> <div class="modal-body"> </div> </div> </div> </div> <div id="google_translate_element" class="cui footer-section no-print"></div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <nav id="sub-nav" class="cui utility-nav"> <ul class="nav-menu"> <li class="nav-item"> <a href="/content/www/en/home/311.html">311</a> </li> <li class="nav-item"> <a href="/content/www/en/home/careers.html">Careers</a> </li>    </ul> </nav>  <button class="cui nav-mega-btn-open" aria-haspopup="true" aria-expanded="false" aria-label="Open menu" aria-controls="nav-mega"> <span class="cicon-bars" aria-hidden="true"></span>  </button> </div> <nav id="related-links" class="cui related-links"> <ul class="nav-menu"> <span class="title">Also explore:</span> <li class="nav-item"> <a href="https://newsroom.calgary.ca/" target="_blank">News</a> </li> <li class="nav-item"> <a href="https://maps.calgary.ca" target="_blank">Maps</a> </li> </ul> </nav>  <nav id="nav-mega" class="cui nav-mega"> <button type="button" class="cui nav-mega-btn-close" aria-expanded="false" aria-label="Close menu" aria-controls="nav-mega"> Close<span class="cicon-close-thin-large" aria-hidden="true"></span> </button>  <ul class="nav-menu "> <li class="nav-item menu-header curated-menu"> <span tabindex="0" class="boldFont coc-secondary-9L">Menu</span> </li>   <li class="nav-item has-dropdown"> <a href="#">Programs and services <span class="cicon-angle-down" aria-hidden="true"></span></a> <div id="sub-nav-1" class="sub-nav" role="dialog" aria-hidden="true" aria-label="Menu item programs and services sub navigation"> <button class="cui btn-close-sub-nav-group" aria-label="Close navigation dialog" aria-controls="sub-nav-1"> Close<span class="cicon-close-thin-large" aria-hidden="true"></span> </button> <div class="row nav-group"> <div class="col-lg-12 menu-topic"> <a class="menu-topic-header" href="/services.html">Programs and services</a> <p>Information on all City services</p> </div> </div> <ul class="row nav-group cui catalogue-group"> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/properties.html"> <span class="cicon-home" aria-hidden="true"></span> <span class="group-title-text">Property, housing and neighbourhoods</span> <span class="group-title-desc">Includes water, waste, tax, and programs for your home and local community</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/transportation.html"> <span class="cicon-car" aria-hidden="true"></span> <span class="group-title-text">Transportation</span> <span class="group-title-desc">Moving around our city - by driving, walking, cycling, public transit, and more</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/development.html"> <span class="cicon-hammer-solid" aria-hidden="true"></span> <span class="group-title-text">Development and building</span> <span class="group-title-desc">Managing how we improve our city and share our spaces</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/public-personal-safety.html"> <span class="cicon-bylaws-public-safety" aria-hidden="true"></span> <span class="group-title-text">Public and personal safety</span> <span class="group-title-desc">Supporting safety with bylaws, programs, alerts and emergency preparation resources</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/for-business.html"> <span class="cicon-cash-register-solid" aria-hidden="true"></span> <span class="group-title-text">For business owners</span> <span class="group-title-desc">Setup, operation, and support for small and large businesses</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/parks-recreation.html"> <span class="cicon-parks-recreation" aria-hidden="true"></span> <span class="group-title-text">Parks and recreation</span> <span class="group-title-desc">Outdoor and indoor spaces to enjoy and play</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/planning.html"> <span class="cicon-map-pen" aria-hidden="true"></span> <span class="group-title-text">City planning</span> <span class="group-title-desc">Growing our city for today and for our future</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/social-services.html"> <span class="cicon-social-services" aria-hidden="true"></span> <span class="group-title-text">Social programs and services</span> <span class="group-title-desc">Services and support for various groups</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/buy-sell.html"> <span class="cicon-sack-dollar-solid" aria-hidden="true"></span> <span class="group-title-text">Buy and sell with The City</span> <span class="group-title-desc">Purchase from or supply goods and services to The City</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/pets.html"> <span class="cicon-paw" aria-hidden="true"></span> <span class="group-title-text">Pets</span> <span class="group-title-desc">Sharing the city with our animal friends</span> </a> </li> <li class="col-lg-3 nav-p-0-mobile"> <a class="group-title" href="/environment.html"> <span class="cicon-leaf" aria-hidden="true"></span> <span class="group-title-text">Climate and environment</span> <span class="group-title-desc">Climate, nature, and the city's urban habitat</span> </a> </li> </ul> </div> </li>        <li class="nav-item has-dropdown"> <a href="#">Get involved<span class="cicon-angle-down" aria-hidden="true"></span></a> <div id="sub-nav-1" class="sub-nav" role="dialog" aria-hidden="true" aria-label="Menu item get involved sub navigation"> <button class="cui btn-close-sub-nav-group" aria-label="Close navigation dialog" aria-controls="sub-nav-1"> Close<span class="cicon-close-thin-large" aria-hidden="true"></span> </button> <div class="row nav-group"> <div class="col-lg-12 menu-topic"> <a class="menu-topic-header" href="/get-involved.html">Get involved</a> <p>Experience and participate in making life better every day in Calgary</p> </div> </div> <ul class="row nav-group cui catalogue-group"> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/events.html"> <span class="cicon-calendar" aria-hidden="true"></span> <span class="group-title-text">Events</span> <span class="group-title-desc">Join in activities, sessions, and celebrations throughout the year</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/volunteer.html"> <span class="cicon-hand-heart-solid" aria-hidden="true"></span> <span class="group-title-text">Volunteer opportunities</span> <span class="group-title-desc">Help fellow Calgarians experience our city</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/info-requests.html"> <span class="cicon-call-center-person" aria-hidden="true"></span> <span class="group-title-text">Citizen information requests</span> <span class="group-title-desc">How to report issues and concerns and request information from the City</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/accountability.html"> <span class="cicon-balance-scale" aria-hidden="true"></span> <span class="group-title-text">Government accountability programs</span> <span class="group-title-desc">Share your concerns about conduct and integrity of City representatives</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/engagement.html"> <span class="cicon-comments" aria-hidden="true"></span> <span class="group-title-text">Public Engagement and Participation opportunities</span> <span class="group-title-desc">Provide input on initiatives or present your own ideas</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/get-involved/elections.html"> <span class="cicon-times-square" aria-hidden="true"></span> <span class="group-title-text">City elections</span> <span class="group-title-desc">Your vote matters. Learn how you can participate in city elections.</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/awards.html"> <span class="cicon-trophy" aria-hidden="true"></span> <span class="group-title-text">Civic awards and recognition</span> <span class="group-title-desc">Celebrate those contributing to life in our city</span> </a> </li> <li class="nav-p-0-mobile col-lg-3"> <a class="group-title" href="/appeals.html"> <span class="cicon-gavel" aria-hidden="true"></span> <span class="group-title-text">Appeals and appeal boards</span> <span class="group-title-desc">How to make an appeal on decisions made by the City</span> </a> </li> </div> </li>         <li class="nav-item has-dropdown"> <a href="#" aria-expanded="false" aria-haspopup="true">City Council<span class="cicon-angle-down" aria-hidden="true"></span></a> <div id="sub-nav-2" class="sub-nav" role="dialog" aria-hidden="true" aria-label="Menu item council sub navigation"> <button class="cui btn-close-sub-nav-group" aria-label="Close navigation dialog" aria-controls="sub-nav-2"> Close<span class="cicon-close-thin-large" aria-hidden="true"></span> </button> <div class="row nav-group"> <div class="col-lg-12 menu-topic"> <a class="menu-topic-header" href="/council/citycouncil.html">City council</a> <p>Calgary's elected officials and the City's main governing body</p> <div class="row menu-call-to-action-container"> <div class="col-lg-12"> <a class="cui btn-sm utility-btn-solid " href="/council/findyourcouncillor.html">Find your councillor & ward</a> <a class="cui btn-sm utility-btn-solid " href="/council/dyncrm-councillors-contact.html">Contact your Councillor</a> <a class="cui btn-sm utility-btn-solid" href="/council/council-and-committee-webcasts.html">Watch live Council webcasts</a> </div> </div> </div> </div> <ul class="row nav-group"> <li class="nav-p-0-mobile col-lg-6"> <ul class="cui catalogue-group "> <li> <ul class="group-links mb-0"> <li> <a href="/council/mayor.html" class="bold-font">Office of the Mayor - Jyoti Gondek</a> </li> </ul> </li> <li> <ul class="group-links col-count-2"> <li><a href="/council/ward-1/warddefault.html" class="bold-font">Ward 1 - Sonya Sharp</a></li> <li><a href="/council/ward-2/warddefault.html" class="bold-font">Ward 2 - Jennifer Wyness</a></li> <li><a href="/council/ward-3/warddefault.html" class="bold-font">Ward 3 - Jasmine Mian</a></li> <li><a href="/council/ward-4/warddefault.html" class="bold-font">Ward 4 - Sean Chu</a></li> <li><a href="/council/ward-5/warddefault.html" class="bold-font">Ward 5 - Raj Dhaliwal</a></li> <li><a href="/council/ward-6/warddefault.html" class="bold-font">Ward 6</a></li> <li><a href="/council/ward-7/warddefault.html" class="bold-font">Ward 7 - Terry Wong</a></li> <li><a href="/council/ward-8/warddefault.html" class="bold-font">Ward 8 - Courtney Walcott</a></li> <li><a href="/council/ward-9/warddefault.html" class="bold-font">Ward 9 - Gian-Carlo Carra</a></li> <li><a href="/council/ward-10/warddefault.html" class="bold-font">Ward 10 - Andre Chabot</a></li> <li><a href="/council/ward-11/warddefault.html" class="bold-font">Ward 11 - Kourtney Penner</a></li> <li><a href="/council/ward-12/warddefault.html" class="bold-font">Ward 12 - Evan Spencer</a></li> <li><a href="/council/ward-13/warddefault.html" class="bold-font">Ward 13 - Dan McLean</a></li> <li><a href="/council/ward-14/warddefault.html" class="bold-font">Ward 14 - Peter Demong</a></li> </ul> </li> </ul> </li> <li class="nav-p-0-mobile col-lg-6 border-left"> <ul class="cui catalogue-group"> <li> <ul class="group-links"> <li> <a href="/council/meetings/legislative-services.html">Council meetings</a> </li> <li> <a href="/council/city-council-accountability.html">Accountability</a> </li> <li> <a href="/council/about-calgary-city-council.html">About council</a> </li> <li> <a href="/council/councillors-and-wards.html">General ward information</a> </li> </ul> </li> </ul> </li> </ul> </div> </li>      <li class="nav-item has-dropdown"> <a href="#">Our organization<span class="cicon-angle-down" aria-hidden="true"></span></a> <div id="sub-nav-1" class="sub-nav" role="dialog" aria-hidden="true" aria-label=" Menu item our organization sub navigation"> <button class="cui btn-close-sub-nav-group" aria-label="Close navigation dialog" aria-controls="sub-nav-1"> Close<span class="cicon-close-thin-large" aria-hidden="true"></span> </button> <div class="row nav-group"> <div class="col-lg-12 menu-topic"> <a class="menu-topic-header" href="/about-us.html">Our organization</a> <p>Calgary's administration and staff</p> </div> </div> <ul class="row nav-group cui catalogue-group"> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/service-lines.html"> <span class="cicon-person-pie-chart" aria-hidden="true"></span> <span class="group-title-text">Service plans and budgets</span> <span class="group-title-desc">Information on services The City delivers to Calgarians, including performance metrics and budgets</span> </a> </li> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/our-finances.html"> <span class="cicon-chart-mixed-solid" aria-hidden="true"></span> <span class="group-title-text">Our finances</span> <span class="group-title-desc">Financial facts, reports, and planning information</span> </a> </li> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/our-leadership.html"> <span class="cicon-people-group-solid" aria-hidden="true"></span> <span class="group-title-text">Our leadership</span> <span class="group-title-desc">The senior administration of City staff</span> </a> </li> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/major-projects.html"> <span class="cicon-helmet-safety-solid" aria-hidden="true"></span> <span class="group-title-text">Major projects and initiatives</span> <span class="group-title-desc">Ongoing City-directed efforts with large impacts for our city</span> </a> </li> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/our-strategy/overview.html"> <span class="cicon-arrows-turn-to-dots-solid" aria-hidden="true"></span> <span class="group-title-text">Our strategy</span> <span class="group-title-desc">How we are aligned to deliver on Council's direction</span> </a> </li> <li class="nav-p-0-mobile col-lg-4"> <a class="group-title" href="/our-services.html"> <span class="cicon-sitemap" aria-hidden="true"></span> <span class="group-title-text">About City of Calgary services</span> <span class="group-title-desc">How we work and how we are structured as an organization</span> </a> </li> </ul> </div> </li>   </ul>  <nav id="sub-nav" class="cui utility-nav mobile"> <ul class="nav-menu"> <li class="nav-item"> <a href="/content/www/en/home/311.html">311</a> </li> <li class="nav-item"> <a href="/content/www/en/home/careers.html">Careers</a> </li>    </ul> </nav> <nav id="related-links" class="cui related-links mobile"> <ul class="nav-menu"> <span class="title">Also explore:</span> <li class="nav-item"> <a href="https://newsroom.calgary.ca/" target="_blank">News</a> </li> <li class="nav-item"> <a href="https://maps.calgary.ca" target="_blank">Maps</a> </li> </ul> </nav> </nav> </header> </div> </div> </div> <div class="header"> <script src="/etc.clientlibs/www/components/content/fp-emotive-search/clientlibs.min.js"></script> <div class="cui homepage-banner-search emotive-small emotive-container top-banner p-0 mb-responsive disable-slogan" data-component="FPEmotiveSearch" id="emotive-header" style="opacity: 1;"> <div class="cui text-on-image simple"> <div class="comp-media"> <div class="background-image"> <div class="fixed-image background-image bg-pos-x-center bg-pos-y-bottom false" aria-hidden="true" style="background-image: url(/home/_jcr_content/emotivesearch/image.img.85.1280.jpg);"> </div> <div id="cocis-maincontent" class="comp-body animated slideInLeft fast _2"> <div class="title bg-red" style="white-space:pre;">MAKING LIFE BETTER EVERY DAY</div> </div> <form action="search.html" method="get"> <div class="inline-search-bar"> <div class="cui search-box d-sm-block"> <p class="search-message">What can we help you find?</p> <label for="q" class="sr-only">Search</label> <input id="q" name="q" class="form-control search-box-input" type="text" placeholder="Find services, bylaws and more..."/>  <span class="cui search-box-btn search-submit-icon-only btn-md icon-only primary d-sm-none" aria-hidden="true"> <span class="cicon-search" aria-hidden="true"></span> <span class="sr-only">Search</span> </span>  <button type="submit" class="cui search-box-btn search-submit-btn btn-md icon-only primary d-none d-sm-flex"> <span class="cicon-search" aria-hidden="true"></span> <span class="sr-only">Submit search</span> </button> </div> <div class="toggled_search bg-medium"> <button type="button" class="cui btn-sm primary-text search-toggle-btn-mobile">Close</button> <div class='inner'> <button type="button" class="cui btn-sm primary-text search-toggle-btn">Close</button> <h3 class="text-large mt-sm mb-xs"><strong>Search Suggestions</strong></h3> <button class="cui btn-sm src-btn coc-search-suggestion">Council agenda</button> <button class="cui btn-sm src-btn coc-search-suggestion">Calgary landfill</button> <button class="cui btn-sm src-btn coc-search-suggestion">What goes where</button> <button class="cui btn-sm src-btn coc-search-suggestion">Traffic cameras</button> <button class="cui btn-sm src-btn coc-search-suggestion">Garbage collection</button> </div> <div class="typeahead"> </div> </div> </div> </form> </div> </div> </div> </div> </div> <script> // JS to reset modal content $( '.articleBtn' ).click( function() { window.setTimeout(function() { $('.modal-body').scrollTop(0); }, 0); }); </script> <div class="background-wrapper coc-content-wrapper"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="homepage-event-alert aem-GridColumn aem-GridColumn--default--12">  <script> var COC = COC || {}; COC.CardSetAnalytics = (function($) { $(document).ready(function(){ // Basic $('.card-set').find('.card-inherit-row-size').find('a').click(function(){ console.log("--- Card basic click"); var title = $(this).find('.card-title').text().replace(/[^a-zA-Z 0-9]+/g, ''); CollectWTCard("Card-Button", title); }); // Video $('.card-set').find('.card-inherit-row-size').find('.btn-video').click(function(){ console.log("--- Card video click"); var title = $(this).closest('.cui.card').find('.card-body').find('.card-title').text().replace(/[^a-zA-Z 0-9]+/g, ''); CollectWTCard("Card-Video", title); }); }); function CollectWTCard(name, strBtnTitle) { COC.Analytics.wt({ dcCreator: COC.Analytics.GetMetaDCCreatorContent(), dcTitle: COC.Analytics.GetMetaDCTitleContent(), name: name, comment: strBtnTitle }); } })(jQuery); </script> </div> <div class="contentparHomePage aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> </div> </div> <div class="homepage-card-set card-set aem-GridColumn aem-GridColumn--default--12"> <div class="container container-home cta-background anim-fade-up initiatives-slider swiper-container-initialized swiper-container-horizontal" style=" overflow: hidden; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); cursor: grab;"> <div class="subtitle-block red-underline cui initiatives-desktop-header"> <h2>Popular for February 27, 2025</h2> <hr aria-hidden="true"/> </div>      </div> <style> .par-style{margin-top: 200px;} .card-set.cq-Editable-dom .newpar { width:94%; margin:0 auto; } .card-set.cq-Editable-dom .row-masonry .newpar { position:absolute; bottom:-55px; left:3%; margin:0; } .aem-AuthorLayer-Edit .card-set { padding-bottom:65px !important; position:relative; } } </style> </div> <div class="homepage-button aem-GridColumn aem-GridColumn--default--12"> <div class="container"> <div class="desktop-popular-list mb-responsive anim-fade-up" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"> <div class="row-equal-height-tiles"> <div class="col"> <div class="cui card with-icon block-link"> <div class="card-media spaced"> <span class="cui cicon-lg cicon-trash" aria-hidden="true"> </span> </div> <div class="card-body"> <h3 class="card-title"> <a href="https://www.calgary.ca/waste/residential/garbage-schedule" data-track-ga="Calgary.ca-home-page,Popular-icon-card-click,Garbage and recycling schedule">Garbage and recycling schedule</a> </h3> <p></p> </div> </div> </div> <div class="col"> <div class="cui card with-icon block-link"> <div class="card-media spaced"> <span class="cui cicon-lg cicon-road" aria-hidden="true"> </span> </div> <div class="card-body"> <h3 class="card-title"> <a href="https://www.calgary.ca/roads/conditions/traffic.html" data-track-ga="Calgary.ca-home-page,Popular-icon-card-click,Traffic report and road closures">Traffic report and road closures</a> </h3> <p></p> </div> </div> </div> <div class="col"> <div class="cui card with-icon block-link"> <div class="card-media spaced"> <span class="cui cicon-lg cicon-taxes-property-assessment" aria-hidden="true"> </span> </div> <div class="card-body"> <h3 class="card-title"> <a href="https://www.calgary.ca/property-owners/assessment-tax.html" data-track-ga="Calgary.ca-home-page,Popular-icon-card-click,Property assessment & tax">Property assessment & tax</a> </h3> <p></p> </div> </div> </div> <div class="col"> <div class="cui card with-icon block-link"> <div class="card-media spaced"> <span class="cui cicon-lg cicon-social-services" aria-hidden="true"> </span> </div> <div class="card-body"> <h3 class="card-title"> <a href="https://www.calgary.ca/social-services/low-income/fair-entry-subsidy.html" data-track-ga="Calgary.ca-home-page,Popular-icon-card-click,Fair Entry">Fair Entry</a> </h3> <p></p> </div> </div> </div> <div class="col"> <div class="cui card with-icon block-link"> <div class="card-media spaced"> <span class="cui cicon-lg cicon-plumbing-gas" aria-hidden="true"> </span> </div> <div class="card-body"> <h3 class="card-title"> <a href="https://www.calgary.ca/water/customer-service/water-outages.html" data-track-ga="Calgary.ca-home-page,Popular-icon-card-click,Water outages and main breaks">Water outages and main breaks</a> </h3> <p></p> </div> </div> </div> </div> </div> </div>  <div class="mobile-popular-list more-less-button"> <ul class="cui list-widget group-links"> <li> <a href="https://www.calgary.ca/waste/residential/garbage-schedule" class="cui btn-md primary-text p-xs" data-track-ga="Calgary.ca-home-page,Popular-icon-card-click,Garbage and recycling schedule"> <span class="cui cicon-trash mr-sm" aria-hidden="true"></span><span>Garbage and recycling schedule <span class="subtitle-text"></span></span> </a> </li> <li> <a href="https://www.calgary.ca/roads/conditions/traffic.html" class="cui btn-md primary-text p-xs" data-track-ga="Calgary.ca-home-page,Popular-icon-card-click,Traffic report and road closures"> <span class="cui cicon-road mr-sm" aria-hidden="true"></span><span>Traffic report and road closures <span class="subtitle-text"></span></span> </a> </li> <li> <a href="https://www.calgary.ca/property-owners/assessment-tax.html" class="cui btn-md primary-text p-xs" data-track-ga="Calgary.ca-home-page,Popular-icon-card-click,Property assessment & tax"> <span class="cui cicon-taxes-property-assessment mr-sm" aria-hidden="true"></span><span>Property assessment & tax <span class="subtitle-text"></span></span> </a> </li> <li> <a href="https://www.calgary.ca/social-services/low-income/fair-entry-subsidy.html" class="cui btn-md primary-text p-xs" data-track-ga="Calgary.ca-home-page,Popular-icon-card-click,Fair Entry"> <span class="cui cicon-social-services mr-sm" aria-hidden="true"></span><span>Fair Entry <span class="subtitle-text"></span></span> </a> </li> <li> <a href="https://www.calgary.ca/water/customer-service/water-outages.html" class="cui btn-md primary-text p-xs" data-track-ga="Calgary.ca-home-page,Popular-icon-card-click,Water outages and main breaks"> <span class="cui cicon-plumbing-gas mr-sm" aria-hidden="true"></span><span>Water outages and main breaks <span class="subtitle-text"></span></span> </a> </li> </ul> </div> </div> <div class="fp-programs-and-services aem-GridColumn aem-GridColumn--default--12"> <div class="container mb-responsive program-service"> <div class="d-none d-md-block"> <div class="subtitle-block red-underline cui"> <h2>Programs and services</h2> <hr aria-hidden="true"/> </div> </div> <div class="cui toggle-container" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"> <div class="content-body"> <div class="row-equal-height-cards">   <div class="col-md-6"> <div class="cui card with-icon services-group block-link"> <div class="card-media spaced services-item"> <span class="cui cicon-home" aria-hidden="true"> </span> </div> <div class="card-body media-body"> <p class="card-title services-title"> <a href="/content/www/en/home/properties">Properties, housing and neighbourhoods</a> </p> <p class="mb-0">Includes water, waste, tax, and programs for your home and local community</p> </div> </div> </div> <div class="col-md-6"> <div class="cui card with-icon services-group block-link"> <div class="card-media spaced services-item"> <span class="cui cicon-cash-register-solid" aria-hidden="true"> </span> </div> <div class="card-body media-body"> <p class="card-title services-title"> <a href="/content/www/en/home/for-business">For business owners</a> </p> <p class="mb-0">Setup, operation, and support for small and large businesses</p> </div> </div> </div> <div class="col-md-6"> <div class="cui card with-icon services-group block-link"> <div class="card-media spaced services-item"> <span class="cui cicon-map-pen" aria-hidden="true"> </span> </div> <div class="card-body media-body"> <p class="card-title services-title"> <a href="/content/www/en/home/planning">City planning</a> </p> <p class="mb-0">Growing our city for today and for our future</p> </div> </div> </div> <div class="col-md-6"> <div class="cui card with-icon services-group block-link"> <div class="card-media spaced services-item"> <span class="cui cicon-sack-dollar-solid" aria-hidden="true"> </span> </div> <div class="card-body media-body"> <p class="card-title services-title"> <a href="/content/www/en/home/buy-sell">Buy and sell with The City</a> </p> <p class="mb-0">Purchase from or supply goods and services to The City</p> </div> </div> </div> <div class="col-md-6"> <div class="cui card with-icon services-group block-link"> <div class="card-media spaced services-item"> <span class="cui cicon-environment" aria-hidden="true"> </span> </div> <div class="card-body media-body"> <p class="card-title services-title"> <a href="/content/www/en/home/environment">Climate and environment</a> </p> <p class="mb-0">Climate, nature, and the city's urban habitat</p> </div> </div> </div> <div class="col-md-6"> <div class="cui card with-icon services-group block-link"> <div class="card-media spaced services-item"> <span class="cui cicon-hammer-solid" aria-hidden="true"> </span> </div> <div class="card-body media-body"> <p class="card-title services-title"> <a href="/content/www/en/home/development">Development and building</a> </p> <p class="mb-0">Managing how we improve our city and share our spaces</p> </div> </div> </div> <div class="col-md-6"> <div class="cui card with-icon services-group block-link"> <div class="card-media spaced services-item"> <span class="cui cicon-parks-recreation" aria-hidden="true"> </span> </div> <div class="card-body media-body"> <p class="card-title services-title"> <a href="/content/www/en/home/parks-recreation">Parks and recreation</a> </p> <p class="mb-0">Outdoor and indoor spaces to enjoy and play</p> </div> </div> </div> <div class="col-md-6"> <div class="cui card with-icon services-group block-link"> <div class="card-media spaced services-item"> <span class="cui cicon-car" aria-hidden="true"> </span> </div> <div class="card-body media-body"> <p class="card-title services-title"> <a href="/content/www/en/home/transportation">Transportation</a> </p> <p class="mb-0">Moving around our city - by driving, walking, cycling, public transit, and more</p> </div> </div> </div> <div class="col-md-6"> <div class="cui card with-icon services-group block-link"> <div class="card-media spaced services-item"> <span class="cui cicon-paw" aria-hidden="true"> </span> </div> <div class="card-body media-body"> <p class="card-title services-title"> <a href="/content/www/en/home/pets">Pets</a> </p> <p class="mb-0">Sharing the city with our animal friends</p> </div> </div> </div> <div class="col-md-6"> <div class="cui card with-icon services-group block-link"> <div class="card-media spaced services-item"> <span class="cui cicon-social-services" aria-hidden="true"> </span> </div> <div class="card-body media-body"> <p class="card-title services-title"> <a href="/content/www/en/home/social-services">Social programs and services</a> </p> <p class="mb-0">Services and support for various groups</p> </div> </div> </div> <div class="col-md-6"> <div class="cui card with-icon services-group block-link"> <div class="card-media spaced services-item"> <span class="cui cicon-bylaws-public-safety" aria-hidden="true"> </span> </div> <div class="card-body media-body"> <p class="card-title services-title"> <a href="/content/www/en/home/safety">Public and personal safety</a> </p> <p class="mb-0">Supporting safety with bylaws, program, alerts and emergency preparation resources</p> </div> </div> </div> </div> </div>  <div class="content-media background-image bg-pos-x-left bg-pos-y-top" style="background-image: url(/home/_jcr_content/root/programsAndServices/image.img.85.800.jpg);"> </div> </div> <a href="#" role="button" tabindex="0" data-bs-toggle="modal" class="cui card toggle-btn mb-md animate__animated animate__fadeInUp" data-bs-target="#modal-programs-and-services"> <div class="card-body"> <div class="subtitle-block red-underline cui pt-0 pb-0 text-left"> <h2>Programs and services</h2> <hr aria-hidden="true"/> </div> </div> <div class="card-media"> <div class="background-image bg-pos-x-center bg-pos-y-center background-image ratio-16x9" style="background-image: url(/content/dam/www/uep/esm/publishingimages/climate-symposium-buildings.jpg);"> </div> <div class="true programe-service-toggle-bg-image background-image ratio-16x9" style="background-image: url(/home/_jcr_content/root/programsAndServices/image.img.85.800.jpg);"></div> </div> <div class="card-body"> <p class="card-context-title text-left">City programs and services are here to help you do business and have fun</p> <p class="card-cta-text text-left"> View programs and services</p> </div> </a> </div>  <div id="modal-programs-and-services" data-component="Modal" class="cui modal toggle-modal" tabindex="-1" role="dialog" aria-labelledby="modal-programs-and-services" aria-hidden="true"> <div class="modal-dialog modal-fs animate__animated animate__fadeInDown" role="document"> <div class="modal-content modal-contents"> <div class="modal-header"> <button type="button" class="btn-modal-close cui btn-md primary-text" data-bs-dismiss="modal">Close</button> </div> <div class="background-image bg-pos-x-center bg-pos-y-center" style="background-image: url(/content/dam/www/uep/esm/publishingimages/climate-symposium-buildings.jpg);"> </div> <div class="true programe-service-toggle-bg-image background-image bg-pos-x-left bg-pos-y-top" style="background-image: url(/home/_jcr_content/root/programsAndServices/image.img.85.800.jpg);"> </div> <div class="modal-body"> <div class="col-12 subtitle-block red-underline cui pt-0"> <h2>Programs and services</h2> <hr aria-hidden="true"/> </div> <nav class="toggle-container-menu-list"> <ul> <li> <a href="/content/www/en/home/properties"> <span class="cui cicon-responsive cicon-home " aria-hidden="true"></span> Properties, housing and neighbourhoods </a> </li> <li> <a href="/content/www/en/home/for-business"> <span class="cui cicon-responsive cicon-cash-register-solid " aria-hidden="true"></span> For business owners </a> </li> <li> <a href="/content/www/en/home/planning"> <span class="cui cicon-responsive cicon-map-pen " aria-hidden="true"></span> City planning </a> </li> <li> <a href="/content/www/en/home/buy-sell"> <span class="cui cicon-responsive cicon-sack-dollar-solid " aria-hidden="true"></span> Buy and sell with The City </a> </li> <li> <a href="/content/www/en/home/environment"> <span class="cui cicon-responsive cicon-environment " aria-hidden="true"></span> Climate and environment </a> </li> <li> <a href="/content/www/en/home/development"> <span class="cui cicon-responsive cicon-hammer-solid " aria-hidden="true"></span> Development and building </a> </li> <li> <a href="/content/www/en/home/parks-recreation"> <span class="cui cicon-responsive cicon-parks-recreation " aria-hidden="true"></span> Parks and recreation </a> </li> <li> <a href="/content/www/en/home/transportation"> <span class="cui cicon-responsive cicon-car " aria-hidden="true"></span> Transportation </a> </li> <li> <a href="/content/www/en/home/pets"> <span class="cui cicon-responsive cicon-paw " aria-hidden="true"></span> Pets </a> </li> <li> <a href="/content/www/en/home/social-services"> <span class="cui cicon-responsive cicon-social-services " aria-hidden="true"></span> Social programs and services </a> </li> <li> <a href="/content/www/en/home/safety"> <span class="cui cicon-responsive cicon-bylaws-public-safety " aria-hidden="true"></span> Public and personal safety </a> </li> </ul> </nav> <a class="cui btn-sm utility-btn" href="https://www.calgary.ca/ca/city-manager/about-us/ourservices.html">View supporting service lines</a> </div> </div> </div> </div> </div> <div class="maincontentparHomePage aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="background-image-block aem-GridColumn aem-GridColumn--default--12"> <div class="cui background-image-block edge-to-edge bg-pos-x-center bg-pos-y-top standard mb-responsive " style="background-image: url(/home/_jcr_content/root/maincontentparHomePage/responsivegrid/background_image_blo/image.img.85.960.jpg);"> <div class="comp-body md"> <div class="subtitle-block cui red-underline "> <h2>Major initiatives</h2> <hr aria-hidden="true"/> </div> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="grid-layout aem-GridColumn aem-GridColumn--default--12"> <div class=" "> <div class="row"> <div class="col-12 col-md-12"> <div class="card-set-scrolling"> <script src="/etc.clientlibs/www/components/content/card-set-scrolling/clientlibs.min.js"></script> <script src="/etc.clientlibs/www/components/content/card-set/clientlibs.min.js"></script>    <div data-component="CardScroller" class="cui swiper-container swiper-slide-3 swiper-container-horizontal mb-responsive reset">  <div class="swiper-button-container hidden"> <div class="swiper-button-prev cui btn-md utility-btn-solid swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"></div> <div class="swiper-button-next cui btn-md utility-btn-solid" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> </div> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-active" style="margin-right: 18px;">  <div class="pre-wrap"> <div class="cui card block-link"> <div class="card-media" aria-hidden="true"> <div class="background-image bg-pos-x-center bg-pos-y-center ratio-16x9" style=" background-image: url('/home/_jcr_content/root/maincontentparHomePage/responsivegrid/background_image_blo/responsivegridA/grid_layout/column-1583c98c-9551-4885-80d4-8cd3a71af7b60/card_set_scrolling/cards/card_item_copy/image.img.85.640.jpg');"> </div> </div> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="https://www.calgary.ca/csps/cema/covid19/support/business/businesses-and-covid-19.html">Business and Economy</a> </h3> </div> <div> <p>Information to enable your business success.</p> </div> </div> </div>   </div> </div> <div class="swiper-slide swiper-slide-active" style="margin-right: 18px;">  <div class="pre-wrap"> <div class="cui card block-link"> <div class="card-media" aria-hidden="true"> <div class="background-image bg-pos-x-center bg-pos-y-center ratio-16x9" style=" background-image: url('/home/_jcr_content/root/maincontentparHomePage/responsivegrid/background_image_blo/responsivegridA/grid_layout/column-1583c98c-9551-4885-80d4-8cd3a71af7b60/card_set_scrolling/cards/card_item_1623149703/image.img.85.640.jpg');"> </div> </div> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="https://www.calgary.ca/major-projects/scotia-place.html">Scotia Place</a> </h3> </div> <div> <p>Learn more about Calgary's future event centre and its role in Calgary鈥檚 renewal as a global city and international destination, and as part of a total package that supports the downtown recovery.</p> </div> </div> </div>   </div> </div> <div class="swiper-slide swiper-slide-active" style="margin-right: 18px;">  <div class="pre-wrap"> <div class="cui card block-link"> <div class="card-media" aria-hidden="true"> <div class="background-image bg-pos-x-center bg-pos-y-center ratio-16x9" style=" background-image: url('/home/_jcr_content/root/maincontentparHomePage/responsivegrid/background_image_blo/responsivegridA/grid_layout/column-1583c98c-9551-4885-80d4-8cd3a71af7b60/card_set_scrolling/cards/card_item/image.img.85.640.jpg');"> </div> </div> <div class="card-body"> <div class="card-header-wrapper"> <h3 class="card-title"> <a href="/communities/housing-in-calgary.html">Housing in Calgary</a> </h3> </div> <div> <p>Information related to The City's Housing Strategy implementation.</p> </div> </div> </div>   </div> </div> </div>  <div class="swiper-pagination swiper-pagination-progressbar">  </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="grid-layout aem-GridColumn aem-GridColumn--default--12"> <div class="container "> <div class="row"> <div class="col-12 col-md-12"> <div class="heading"> <div class="subtitle-block cui red-underline "> <h2> Featured news </h2> <hr aria-hidden="true"/> </div> </div> <div class="card-set-scrolling">    <div data-component="CardScroller" class="cui swiper-container swiper-slide-4 swiper-container-horizontal mb-0 reset">  <div class="swiper-button-container hidden"> <div class="swiper-button-prev cui btn-md utility-btn-solid swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"></div> <div class="swiper-button-next cui btn-md utility-btn-solid" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div> </div> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-active" style="margin-right: 18px;">  <div class="pre-wrap">  <div class="small cui card block-link" x-cq-linkchecker="valid"> <div class="card-media" aria-hidden="true"> <div class="background-image bg-pos-x-center bg-pos-y-center ratio-16x9" style=" background-image: url('/home/_jcr_content/root/maincontentparHomePage/responsivegrid/grid_layout/column-0fbfbd55-c075-4c4e-8bda-f1de1dfffe870/card_set_scrolling_c/cards/card_item_copy_13553/image.img.85.640.jpg');"> </div> </div> <div class="card-body"> <h3 class="card-title"> <a href="https://newsroom.calgary.ca/results-for-america-awards-the-city-of-calgary-with-the-bloomberg-philanthropies-what-works-cities-gold-certification-for-exceptional-use-of-data/" target="_blank">City of Calgary is only Canadian city to ever receive Gold Certification</a> </h3> </div> </div>  </div> </div> <div class="swiper-slide swiper-slide-active" style="margin-right: 18px;">  <div class="pre-wrap">  <div class="small cui card block-link" x-cq-linkchecker="valid"> <div class="card-media" aria-hidden="true"> <div class="background-image bg-pos-x-center bg-pos-y-center ratio-16x9" style=" background-image: url('/home/_jcr_content/root/maincontentparHomePage/responsivegrid/grid_layout/column-0fbfbd55-c075-4c4e-8bda-f1de1dfffe870/card_set_scrolling_c/cards/card_item_copy_1355361109/image.img.85.640.jpg');"> </div> </div> <div class="card-body"> <h3 class="card-title"> <a href="https://newsroom.calgary.ca/city-of-calgary-and-rocky-view-county-approve-prairie-economic-gateway-agreement-driving-7-billion-in-regional-growth/" target="_blank">City of Calgary and Rocky View County approve Prairie Economic Gateway</a> </h3> </div> </div>  </div> </div> <div class="swiper-slide swiper-slide-active" style="margin-right: 18px;">  <div class="pre-wrap">  <div class="small cui card block-link" x-cq-linkchecker="valid"> <div class="card-media" aria-hidden="true"> <div class="background-image bg-pos-x-center bg-pos-y-center ratio-16x9" style=" background-image: url('/home/_jcr_content/root/maincontentparHomePage/responsivegrid/grid_layout/column-0fbfbd55-c075-4c4e-8bda-f1de1dfffe870/card_set_scrolling_c/cards/card_item_copy_1064580677/image.img.85.640.jpg');"> </div> </div> <div class="card-body"> <h3 class="card-title"> <a href="https://newsroom.calgary.ca/council-approves-15-million-for-the-capital-conservation-grant-to-support-community-associations-and-social-recreation-organizations/" target="_blank">Council approves $15 million for the Capital Conservation Grant</a> </h3> </div> </div>  </div> </div> <div class="swiper-slide swiper-slide-active" style="margin-right: 18px;">  <div class="pre-wrap">  <div class="small cui card block-link" x-cq-linkchecker="valid"> <div class="card-media" aria-hidden="true"> <div class="background-image bg-pos-x-center bg-pos-y-top ratio-16x9" style=" background-image: url('/home/_jcr_content/root/maincontentparHomePage/responsivegrid/grid_layout/column-0fbfbd55-c075-4c4e-8bda-f1de1dfffe870/card_set_scrolling_c/cards/card_item_copy_13553_1732864823/image.img.85.640.jpg');"> </div> </div> <div class="card-body"> <h3 class="card-title"> <a href="https://newsroom.calgary.ca/psa-get-ready-for-warmer-temperatures/" target="_blank">PSA: Get ready for warmer temperatures</a> </h3> </div> </div>  </div> </div> </div>  <div class="swiper-pagination swiper-pagination-progressbar">  </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> </div> </div> <div class="button">   <a href="https://newsroom.calgary.ca/" class="cui btn-md utility-btn-solid mb-responsive" target="_blank"> Visit the Newsroom </a>  </div> <div class="heading"> <div class="subtitle-block cui red-underline "> <h2 id="stayconnected"> Stay connected </h2> <hr aria-hidden="true"/> </div> </div> <div class="grid-layout"> <div class=" "> <div class="row"> <div class="col-12 col-md-12"> <div class="card-set">  <script> var COC = COC || {}; COC.CardSetAnalytics = (function($) { $(document).ready(function(){ // Basic $('.card-set').find('.card-inherit-row-size').find('a').click(function(){ console.log("--- Card basic click"); var title = $(this).find('.card-title').text().replace(/[^a-zA-Z 0-9]+/g, ''); CollectWTCard("Card-Button", title); }); // Video $('.card-set').find('.card-inherit-row-size').find('.btn-video').click(function(){ console.log("--- Card video click"); var title = $(this).closest('.cui.card').find('.card-body').find('.card-title').text().replace(/[^a-zA-Z 0-9]+/g, ''); CollectWTCard("Card-Video", title); }); }); function CollectWTCard(name, strBtnTitle) { COC.Analytics.wt({ dcCreator: COC.Analytics.GetMetaDCCreatorContent(), dcTitle: COC.Analytics.GetMetaDCTitleContent(), name: name, comment: strBtnTitle }); } })(jQuery); </script> <div id="content-card_set_copy" class="cui card-sets disabled-mobile-view mb-0">    <div class="row"> <div class="col-12"> </div> </div>  <ul class="row row-equal-height-cards card-row-size-3 "> <li class='card-inherit-row-size'>  <div class="pre-wrap">  <div class="small cui card block-link" x-cq-linkchecker="valid"> <div class="card-media" aria-hidden="true"> <div class="background-image bg-pos-x-center bg-pos-y-center ratio-4x3" style=" background-image: url('/home/_jcr_content/root/maincontentparHomePage/responsivegrid/grid_layout/column-0fbfbd55-c075-4c4e-8bda-f1de1dfffe870/grid_layout_20596071/column-4a04b83f-2438-4c77-a738-3ab6cbc783970/card_set_copy/cards/card_item_copy/image.img.85.640.jpg');"> </div> </div> <div class="card-body"> <p class="card-title"> <a href="https://www.calgary.ca/livingincalgary">Living in Calgary newsletter. Email updates on events, programs & services.</a> </p> </div> </div>  </div> </li> <li class='card-inherit-row-size'>  <div class="pre-wrap">  <div class="small cui card block-link" x-cq-linkchecker="valid"> <div class="card-media" aria-hidden="true"> <div class="background-image bg-pos-x-left bg-pos-y-center ratio-4x3" style=" background-image: url('/home/_jcr_content/root/maincontentparHomePage/responsivegrid/grid_layout/column-0fbfbd55-c075-4c4e-8bda-f1de1dfffe870/grid_layout_20596071/column-4a04b83f-2438-4c77-a738-3ab6cbc783970/card_set_copy/cards/card_item_copy_copy/image.img.85.640.jpg');"> </div> </div> <div class="card-body"> <p class="card-title"> <a href="https://www.calgary.ca/calgaryconversations">Calgary Conversations podcast. Dive deep into priorities shaping our city.</a> </p> </div> </div>  </div> </li> </ul>  </div> <style> .card-set.cq-Editable-dom .newpar { width:94%; margin:0 auto; } .card-set.cq-Editable-dom .row-masonry .newpar { position:absolute; bottom:-55px; left:3%; margin:0; } .aem-AuthorLayer-Edit .card-set { padding-bottom:65px !important; position:relative; } </style> </div> </div> </div> </div> </div> <div class="grid-layout"> <div class=" "> <div class="row"> <div class="col-12 col-md-2"> <div class="button">    <a href="https://www.instagram.com/cityofcalgary" class="cui btn-md utility-btn-solid btn-fluid mb-responsive" target="_blank"> <span class="cicon-instagram left" aria-hidden="true"></span> Instagram </a> </div> </div> <div class="col-12 col-md-2"> <div class="button">    <a href="https://www.facebook.com/CityofCalgary" class="cui btn-md utility-btn-solid btn-fluid mb-responsive" target="_blank"> <span class="cicon-facebook-square left" aria-hidden="true"></span> Facebook </a> </div> </div> <div class="col-12 col-md-2"> <div class="button">    <a href="https://www.linkedin.com/company/city-of-calgary" class="cui btn-md utility-btn-solid btn-fluid mb-responsive" target="_blank"> <span class=" cicon-linkedin-square left" aria-hidden="true"></span> LinkedIn </a> </div> </div> <div class="col-12 col-md-2"> <div class="button">    <a href="https://twitter.com/cityofcalgary" class="cui btn-md utility-btn-solid btn-fluid mb-responsive" target="_blank"> <span class="cicon-twitter-square left" aria-hidden="true"></span> X (Twitter) </a> </div> </div> <div class="col-12 col-md-2"> <div class="button">    <a href="https://www.youtube.com/c/thecityofcalgary" class="cui btn-md utility-btn-solid btn-fluid mb-responsive" target="_blank"> <span class="cicon-youtube-square left" aria-hidden="true"></span> YouTube </a> </div> </div> <div class="col-12 col-md-2"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="subsite-analytics aem-GridColumn aem-GridColumn--default--12"> <div class="global-inline-package-container"> <div id="actionName" data-action-name="home"/></div> <div data-site-id="6LfUR-AUAAAAAMqhmlsjqZMmbg21a-mJZheYciac" id="siteID"></div> <style> .grecaptcha-badge { width: 70px !important; overflow: hidden !important; transition: all 0.3s ease !important; left: 4px !important; } .grecaptcha-badge:hover { width: 256px !important; } </style> <script> function onRecaptchaLoadCallback() { console.log('recaptcha is ready'); // not showing grecaptcha.ready(function() { var siteID = $('#siteID').data('site-id'); var preactionName = $('#actionName').data('action-name'); var actionName = preactionName.replace(/-/g, '_'); grecaptcha.execute(siteID, {action: actionName}).then(function(token) { var actionName = $('#actionName').data('action-name'); console.log('recaptchav3 executed on: '+ actionName+'.html' ); }); }); } </script> <script defer async src="https://www.google.com/recaptcha/api.js?render=6LfUR-AUAAAAAMqhmlsjqZMmbg21a-mJZheYciac&onload=onRecaptchaLoadCallback"></script> <script> ////////////////////////////////////// // Global Mega Nav Clicks Top Level // ////////////////////////////////////// $(document).ready(function() { $('#nav-mega > ul > li > a').click(function(e) { var gaCategory = "Global Mega Nav Clicks Top Level"; var ClickfromPage = window.location.href; var eventAction = $(this).text().trim(); ///////Find Menu Items With Sub Menu////////////// ///////Capeture Click on Closed Items Only//////// if ($(e.target).parent().hasClass('nav-item has-dropdown') ) { if ( $(e.target).parent().hasClass('open')) { ga('send', 'event', gaCategory, eventAction , ClickfromPage ); } } ////////Find Menu Items With no Sub Menu////////////// else { ga('send', 'event', gaCategory, eventAction , ClickfromPage ); COC.Analytics.DelayClickthrough(this); } }); }); </script> </div> </div> </div> </div> </div> </div> <div class="footer"><div class="site-footer section"> <footer class="cui coc-footer "> <div class="footer-inner"> <div class="footer-links-vert footer-section row"> <div class="col-12 text-center"> <ul> <li><a href="/about-us.html">About us</a></li> <li><a href="/info-requests/contact-us.html">Contact us</a></li> <li><a href="/research.html">Research and data</a></li> <li><a href="/careers.html">Careers</a></li> <li><a href="/events.html">Events</a></li> </ul> </div> <div class="col-12"> <h2 class="group-title h3"><span>Other City of Calgary websites</span></h2> <ul class="flex-list"> <li><a class="icon-label cui" href="https://calgary-cwiprod.motorolasolutions.com" target="_blank"><span class="cicon-call-center-person" aria-hidden="true"></span><span class="icon-descript">311</span></a></li> <li><a class="icon-label cui" href="http://engage.calgary.ca" target="_blank"><span class="cicon-comments" aria-hidden="true"></span><span class="icon-descript">Engage</span></a></li> <li><a class="icon-label cui" href="https://myid.calgary.ca" target="_blank"><span class="cicon-user" aria-hidden="true"></span><span class="icon-descript">myID</span></a></li> <li><a class="icon-label cui" href="http://newsroom.calgary.ca" target="_blank"><span class="cicon-bullhorn" aria-hidden="true"></span><span class="icon-descript">News</span></a></li> <li><a class="icon-label cui" href="https://maps.calgary.ca" target="_blank"><span class="cicon-map-marker" aria-hidden="true"></span><span class="icon-descript">Maps</span></a></li> <li><a class="icon-label cui" href="http://cityonline.calgary.ca" target="_blank"><span class="cicon-dollar" aria-hidden="true"></span><span class="icon-descript">City Online</span></a></li> <li><a class="icon-label cui" href="https://liveandplay.calgary.ca/" target="_blank"><span class="cicon-clipboard-user" aria-hidden="true"></span><span class="icon-descript">Live and Play</span></a></li> </ul> <h2 class="group-title h3"><span>City of Calgary social media</span></h2> <ul class="flex-list"> <li> <a class="icon-label stacked cui" href="https://twitter.com/cityofcalgary" target="_blank"> <span class="cicon-twitter-square"></span> <span class="icon-descript">Twitter</span> </a> </li> <li> <a class="icon-label stacked cui" href="https://www.facebook.com/CityofCalgary" target="_blank"> <span class="cicon-facebook-square"></span> <span class="icon-descript">Facebook</span> </a> </li> <li> <a class="icon-label stacked cui" href="https://www.youtube.com/c/thecityofcalgary" target="_blank"> <span class="cicon-youtube-square"></span> <span class="icon-descript">Youtube</span> </a> </li> <li> <a class="icon-label stacked cui" href="https://www.linkedin.com/company/city-of-calgary" target="_blank"> <span class="cicon-linkedin-square"></span> <span class="icon-descript">Linkedin</span> </a> </li> <li> <a class="icon-label stacked cui" href="https://www.instagram.com/cityofcalgary" target="_blank"> <span class="cicon-instagram"></span> <span class="icon-descript">Instagram</span> </a> </li> </ul> <h2 class="group-title h3"><span>For City of Calgary employees</span></h2> <ul class="flex-list mb-0">  <li><a class="icon-label cui" href="/employees/employee-portal.html"><span class="icon-descript">Employee Portal sign in</span></a></li> <li><a class="icon-label cui" href="/employees.html"><span class="icon-descript">Employee resources</span></a></li> </ul> </div> </div> <hr/> <div class="footer-links-horz footer-section"> <h2 class="sr-only">Additional resources</h2> <ul> <li><a href="/general/privacy-policy.html">Privacy Policy</a></li> <li><a href="/general/terms-of-use.html">Terms of Use</a></li> <li><a href="/general/accessibility.html">Accessibility</a></li> <li><a href="/general/search-tips.html">Search Tips</a></li> </ul> </div> <div class="footer-copyright"> <p>© 2025. Official web site of The City of Calgary, located in Calgary, Alberta, Canada.</p> </div> </div> </div> </body> </html>

CINXE.COM

The City of Calgary - Home Page