1<!DOCTYPE html> 2<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" class="sticky-header-html"> 3 <head> 4 <meta charset="utf-8" /> 5<link rel="canonical" href="https://www.croydon.gov.uk/" /> 6<link rel="shortlink" href="https://www.croydon.gov.uk/" /> 7<meta name="twitter:card" content="summary" /> 8<meta name="twitter:title" content="Croydon Council" /> 9<meta name="twitter:site" content="@yourcroydon" /> 10<meta name="twitter:description" content="Delivering 24 hour council services to residents, visitors and businesses in Croydon" /> 11<meta name="twitter:creator" content="@yourcroydon" /> 12<meta name="twitter:image" content="https://www.croydon.gov.uk/themes/contrib/localgov_base_croydon/screenshot.png" /> 13<meta name="Generator" content="Drupal 10 (LocalGov Drupal | https://localgovdrupal.org)" /> 14<meta name="MobileOptimized" content="width" /> 15<meta name="HandheldFriendly" content="true" /> 16<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 17<link rel="icon" href="/core/misc/favicon.ico" type="image/vnd.microsoft.icon" />
18<script src="/sites/default/files/eu_cookie_compliance/eu_cookie_compliance.script.js?tlr1zd" defer></script>
18 19 20 <title>Welcome to croydon.gov.uk | Croydon Council</title> 21 <link rel="stylesheet" media="all" href="/sites/default/files/css/css_8RRlBfmUyCb-S0BhVxoxPtbUKglh9FEIMzFcz-F3ofI.css?delta=0&language=en&theme=localgov_base_croydon&include=eJyFkmuOgzAMhC9EypGQk7hgYewoD2huv-lW2la06f5Cnm8kxhNjmZzqStg-W2ACcTjiB3GyEHFgqFry5Ck53THWMR_qlAdWBzzrPgFjzM0rgnF8HZ4WCwkfyHxEVm-GSdZ00q-F-STNrBbO4oaewByUF5Pxlt-oFLMByUkPMKNJ6DKpnP-cMrm1mgXBn9NOLmr1Ko-FOuw-dNCnDZ6wkEcjsHf410CLbnhfqoMZ4crYSxwi7kbe2vvjrSgVD7Gae59dU9zJoXEZjG2W9R8fg3iS2XxJnbFNvY2zBnLtdFI7rELcr-aoiY46m5Qr48tjp2ITZUyjSkutXDYxraQbWcZ31xQgwhwhLGn8BocXn48lAF-eyqVIKLZlXtAPqaaM2--5_AB8KmtG" /> 22<link rel="stylesheet" media="all" href="/sites/default/files/css/css_5qrItXGMHnGNfrQDz81gact2zQrQWnvNVgXTrOrAwvw.css?delta=1&language=en&theme=localgov_base_croydon&include=eJyFkmuOgzAMhC9EypGQk7hgYewoD2huv-lW2la06f5Cnm8kxhNjmZzqStg-W2ACcTjiB3GyEHFgqFry5Ck53THWMR_qlAdWBzzrPgFjzM0rgnF8HZ4WCwkfyHxEVm-GSdZ00q-F-STNrBbO4oaewByUF5Pxlt-oFLMByUkPMKNJ6DKpnP-cMrm1mgXBn9NOLmr1Ko-FOuw-dNCnDZ6wkEcjsHf410CLbnhfqoMZ4crYSxwi7kbe2vvjrSgVD7Gae59dU9zJoXEZjG2W9R8fg3iS2XxJnbFNvY2zBnLtdFI7rELcr-aoiY46m5Qr48tjp2ITZUyjSkutXDYxraQbWcZ31xQgwhwhLGn8BocXn48lAF-eyqVIKLZlXtAPqaaM2--5_AB8KmtG" /> 23<link rel="stylesheet" media="print" href="/sites/default/files/css/css_KDSQX4d40fUgXReI70Pxtr7kU8xQkT1ZN6iPkIDE3mQ.css?delta=2&language=en&theme=localgov_base_croydon&include=eJyFkmuOgzAMhC9EypGQk7hgYewoD2huv-lW2la06f5Cnm8kxhNjmZzqStg-W2ACcTjiB3GyEHFgqFry5Ck53THWMR_qlAdWBzzrPgFjzM0rgnF8HZ4WCwkfyHxEVm-GSdZ00q-F-STNrBbO4oaewByUF5Pxlt-oFLMByUkPMKNJ6DKpnP-cMrm1mgXBn9NOLmr1Ko-FOuw-dNCnDZ6wkEcjsHf410CLbnhfqoMZ4crYSxwi7kbe2vvjrSgVD7Gae59dU9zJoXEZjG2W9R8fg3iS2XxJnbFNvY2zBnLtdFI7rELcr-aoiY46m5Qr48tjp2ITZUyjSkutXDYxraQbWcZ31xQgwhwhLGn8BocXn48lAF-eyqVIKLZlXtAPqaaM2--5_AB8KmtG" /> 24<link rel="stylesheet" media="all" href="/sites/default/files/css/css_qqdyBxyXtWV2oMUbT0mFTwFbKm_ZXMbd2Yd-HRTmq5c.css?delta=3&language=en&theme=localgov_base_croydon&include=eJyFkmuOgzAMhC9EypGQk7hgYewoD2huv-lW2la06f5Cnm8kxhNjmZzqStg-W2ACcTjiB3GyEHFgqFry5Ck53THWMR_qlAdWBzzrPgFjzM0rgnF8HZ4WCwkfyHxEVm-GSdZ00q-F-STNrBbO4oaewByUF5Pxlt-oFLMByUkPMKNJ6DKpnP-cMrm1mgXBn9NOLmr1Ko-FOuw-dNCnDZ6wkEcjsHf410CLbnhfqoMZ4crYSxwi7kbe2vvjrSgVD7Gae59dU9zJoXEZjG2W9R8fg3iS2XxJnbFNvY2zBnLtdFI7rELcr-aoiY46m5Qr48tjp2ITZUyjSkutXDYxraQbWcZ31xQgwhwhLGn8BocXn48lAF-eyqVIKLZlXtAPqaaM2--5_AB8KmtG" /> 25 26
26<script src="https://kit.fontawesome.com/370d72143d.js" defer crossorigin="anonymous" data-search-pseudo-elements></script>
26 27 28 <link rel="apple-touch-icon" sizes="180x180" href="/themes/contrib/localgov_base_croydon/assets/images/favicons/apple-touch-icon.png"> 29 <link rel="icon" type="image/png" sizes="32x32" href="/themes/contrib/localgov_base_croydon/assets/images/favicons/favicon-32x32.png"> 30 <link rel="icon" type="image/png" sizes="16x16" href="/themes/contrib/localgov_base_croydon/assets/images/favicons/favicon-16x16.png"> 31 <link rel="manifest" href="/themes/contrib/localgov_base_croydon/assets/images/favicons/site.webmanifest"> 32 <link rel="shortcut icon" href="/themes/contrib/localgov_base_croydon/assets/images/favicons/favicon.ico"> 33 <meta name="msapplication-config" content="favicons/browserconfig.xml"> 34 35 <link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700,700i"> 36 <link rel="mask-icon" href="/themes/contrib/localgov_base_croydon/assets/images/favicons/safari-pinned-tab.svg" color="#ffffff"> 37 <meta name="msapplication-TileColor" content="#ffffff"> 38 <meta name="theme-color" content="#ffffff"> 39 </head> 40 <body class="sticky-header no-js path-frontpage page-node-type-localgov-subsites-overview"> 41
41<script> 42 document.querySelector('body').classList.remove('no-js'); 43 </script>
43 44 <a href="#main-content" class="visually-hidden focusable skip-link"> 45 Skip to main content 46 </a> 47 48 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 49 50 51 52 53 54<header class="lgd-header"> 55 <div class="lgd-container"> 56 <div class="lgd-row"> 57 <div class="lgd-row__full"> 58 <div class="lgd-header__inner"> 59 60 61 62 63 64 65 <div class="lgd-region lgd-region--header region region-header"> 66 67 68 <div class="lgd-region__inner lgd-region__inner--header"> 69 <div id="block-localgov-base-croydon-localgov-sitebranding" class="block block-system block-system-branding-block"> 70 71 72 73 <div class="branding"> 74 <div class="branding__item branding__item--logo"> 75 <img src="/themes/contrib/localgov_base_croydon/print-logo.jpg" alt="Croydon Council" class="print__logo"/> 76 <a href="/" rel="home" class="branding__logo"> 77 <img src="/themes/contrib/localgov_base_croydon/logo.svg" alt="Croydon Council" /> 78 79 </a> 80 </div> 81 </div> 82 </div> 83 84 </div> 85 86 87 </div> 88 89 90 <div class="lgd-header__toggles"> 91 <button 92 class="lgd-header__toggle lgd-header__toggle--secondary" 93 data-target="lgd-header__nav--secondary" 94 aria-controls="lgd-header__nav--secondary" 95 aria-expanded="false" 96 aria-label="Services: jump to services" 97 > 98 <span class="lgd-header__toggle-text lgd-header__toggle-text--secondary">Services</span> 99 <span class="lgd-header__toggle-icon lgd-header__toggle-icon--secondary"></span> 100 </button> 101 102 <button 103 class="lgd-header__toggle lgd-header__toggle--primary" 104 data-target="lgd-header__nav--primary" 105 aria-controls="lgd-header__nav--primary" 106 aria-expanded="false" 107 > 108 <span class="lgd-header__toggle-text lgd-header__toggle-text--primary">Menu</span> 109 <span class="lgd-header__toggle-icon lgd-header__toggle-icon--primary"></span> 110 </button> 111 </div> 112 113 <div id="lgd-header__nav--primary" class="lgd-header__nav lgd-header__nav--primary"> 114 115 116 117 118 119 <div class="lgd-region lgd-region--primary-menu region region-primary-menu"> 120 121 122 <div class="lgd-region__inner lgd-region__inner--primary-menu"> 123 124 125 126 127<nav aria-labelledby="block-localgov-base-croydon-localgov-mainnavigation-menu" id="block-localgov-base-croydon-localgov-mainnavigation" class="block block-menu navigation navigation--main"> 128 129 <h2 class="visually-hidden" id="block-localgov-base-croydon-localgov-mainnavigation-menu">Main navigation</h2> 130 131 132 133 134 135 136 <ul class="menu menu--main"> 137 <li class="menu-item"> 138 <a href="/your-area" title="In your area" data-drupal-link-system-path="node/7435">In your area</a> 139 </li> 140 <li class="menu-item"> 141 <a href="/jobsatcroydon?src=D7" title="Jobs" data-drupal-link-query="{"src":"D7"}" data-drupal-link-system-path="node/4288">Jobs</a> 142 </li> 143 <li class="menu-item"> 144 <a href="https://news.croydon.gov.uk/" title="News">News</a> 145 </li> 146 <li class="menu-item"> 147 <a href="/council-and-elections/communications/my-account-services" class="my-account-link" data-drupal-link-system-path="node/4621">My Account</a> 148 </li> 149 </ul> 150 151 152 153 </nav> 154 155 </div> 156 157 158 </div> 159 160 161 162 163 164 165 166 <div class="lgd-region lgd-region--search region region-search"> 167 168 169 <div class="lgd-region__inner lgd-region__inner--search"> 170 <div class="search-block-form google-cse block block-search block-search-form-block" data-drupal-selector="search-block-form" novalidate="novalidate" id="block-localgov-base-croydon-searchform" role="search"> 171 172 173 <form action="/search/google" method="get" id="search-block-form" accept-charset="UTF-8"> 174 <div class="js-form-item form-item js-form-type-search form-item-keys js-form-item-keys form-no-label"> 175 <label for="edit-keys" class="visually-hidden">Search</label>
176 <input title="Enter the terms you wish to search for." placeholder="Search" class="form-control form-search" data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" /> 177 178 </div> 179<div data-drupal-selector="edit-actions--3" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--3--7ya4Xg22t4U"> 180 181 <button class="btn icon-search" type="submit" value="Search" aria-label="Search this website" title="Search this website"><span class="fa fa-search" aria-hidden="true"></span></button> 182</div> 183 184</form> 185 186 </div> 187 188 </div> 189 190 191 </div> 192 193 </div> 194 195 196 <div id="lgd-header__nav--secondary" class="lgd-header__nav lgd-header__nav--secondary"> 197 198 199 200 201 202 <div class="lgd-region lgd-region--secondary-menu region region-secondary-menu"> 203 204 205 <div class="lgd-region__inner lgd-region__inner--secondary-menu"> 206 207 208 209<nav aria-labelledby="block-localgov-servicesmenu-base-croydon-menu" id="block-localgov-servicesmenu-base-croydon" class="block block-menu navigation navigation--localgov-services-menu"> 210 211 <h2 id="block-localgov-servicesmenu-base-croydon-menu">Services</h2> 212 213 214 215 216 217 218 <ul class="menu menu--localgov-services-menu"> 219 <li class="menu-item"> 220 <a href="/council-and-elections/communications/my-account-services" title="My Account" data-drupal-link-system-path="node/4621">My Account</a> 221 </li> 222 <li class="menu-item"> 223 <a href="/adult-health-and-social-care" title="Adult health and social care" data-drupal-link-system-path="node/55">Adult health and social care</a> 224 </li> 225 <li class="menu-item"> 226 <a href="/benefits" title="Benefits" data-drupal-link-system-path="node/2009">Benefits</a> 227 </li> 228 <li class="menu-item"> 229 <a href="/rubbish-and-recycling" title="Bins and recycling" data-drupal-link-system-path="node/503">Bins and recycling</a> 230 </li> 231 <li class="menu-item"> 232 <a href="/births-deaths-marriages-and-citizenship" title="Births, deaths, marriages and citizenship" data-drupal-link-system-path="node/256">Births, deaths, marriages and citizenship</a> 233 </li> 234 <li class="menu-item"> 235 <a href="/business-licences-and-tenders" title="Business, licences and tenders" data-drupal-link-system-path="node/994">Business, licences and tenders</a> 236 </li> 237 <li class="menu-item"> 238 <a href="/children-young-people-and-families" title="Children, young people and families" data-drupal-link-system-path="node/992">Children, young people and families</a> 239 </li> 240 <li class="menu-item"> 241 <a href="/community-and-safety" title="Community and safety" data-drupal-link-system-path="node/3327">Community and safety</a> 242 </li> 243 <li class="menu-item"> 244 <a href="/council-tax" title="Council Tax" data-drupal-link-system-path="node/2014">Council Tax</a> 245 </li> 246 <li class="menu-item"> 247 <a href="/council-and-elections" title="Council and elections" data-drupal-link-system-path="node/871">Council and elections</a> 248 </li> 249 <li class="menu-item"> 250 <a href="/environment" title="Environment" data-drupal-link-system-path="node/3197">Environment</a> 251 </li> 252 <li class="menu-item"> 253 <a href="/health-and-wellbeing" title="Health and wellbeing" data-drupal-link-system-path="node/3426">Health and wellbeing</a> 254 </li> 255 <li class="menu-item"> 256 <a href="/housing" title="Housing" data-drupal-link-system-path="node/720">Housing</a> 257 </li> 258 <li class="menu-item"> 259 <a href="/libraries-leisure-and-culture" title="Libraries, leisure and culture" data-drupal-link-system-path="node/3145">Libraries, leisure and culture</a> 260 </li> 261 <li class="menu-item"> 262 <a href="/parking" data-drupal-link-system-path="node/7486">Parking</a> 263 </li> 264 <li class="menu-item"> 265 <a href="/planning-and-regeneration" title="Planning and regeneration" data-drupal-link-system-path="node/239">Planning and regeneration</a> 266 </li> 267 <li class="menu-item"> 268 <a href="/schools-and-education" title="Schools and education" data-drupal-link-system-path="node/1707">Schools and education</a> 269 </li> 270 <li class="menu-item"> 271 <a href="/streets-roads-and-transport" title="Parking, streets and transport" data-drupal-link-system-path="node/1899">Streets, roads and transport</a> 272 </li> 273 </ul> 274 275 276 277 </nav> 278 279 </div> 280 281 282 </div> 283 284 </div> 285 286 </div> 287 </div> 288 </div> 289 </div> 290 </header> 291 292 293 294 295 296 297 <div class="lgd-region lgd-region--banner region region-banner"> 298 299 300 <div class="lgd-region__inner lgd-region__inner--banner"> 301 <div id="block-localgov-base-croydon-localgov-alert-banner" class="block block-localgov-alert-banner block-localgov-alert-banner-block"> 302 303 304 305 306 307 308 309 310 311<article class="hidden js-localgov-alert-banner localgov-alert-banner localgov-alert-banner--announcement localgov-alert-banner--homepage localgov-alert-banner--no-link" data-dismiss-alert-token="alert-79--84f8c193eeef2f2263e868df71a924ae31fd7be5"> 312 <div class="lgd-container padding-horizontal"> 313 <div class="localgov-alert-banner__inner"> 314 <div class="localgov-alert-banner__content"> 315 <h2 class="localgov-alert-banner__title"> 316 Find what you need faster. 317 </h2> 318 319 <div class="localgov-alert-banner__body"> 320 321 <div class="field field--name-short-description field--type-text-long field--label-hidden field__item"><p><span>Get help and advice anytime from our AI assistant, </span><a href="#" class="js-chatbot__open-button"><span>Ask Croydon Council</span></a>.</p></div> 322 323 </div> 324 325 </div> 326 <div class="localgov-alert-banner__actions"> 327 <div class="localgov-alert-banner__dismiss"> 328 <button class="localgov-alert-banner__close js-localgov-alert-banner__close" aria-label="Hide alert">Hide</button> 329 </div> 330 </div> 331 </div> </div> </article> 332 </div> 333<div class="jumbotron jumbotron-fluid banner-full home-1" style="background-image: url(/sites/default/files/styles/cds_original_ratio_114
3330_width/public/2024-11/croydon-council-banner.png?itok=QXIR4KRa)" role="search"> 334 <div class="banner-full-tint h-100"> 335 <div class="container-fluid site-max h-100"> 336 <div class="row align-items-center h-100"> 337 <div class="col-12"> 338 <div class="paragraph paragraph--type--cds-banner-homepage paragraph--view-mode--full"> 339 340 <div class="field field--name-localgov-title field--type-string field--label-hidden field__item"><h1>How can we help?</h1></div> 341 342 <div class="field field--name-localgov-subsites-banner-text field--type-string-long field--label-hidden field__item">Welcome to Croydon</div> 343 344 </div> 345 346 <form action="/search/google" method="get" id="search-block-form-banner" accept-charset="UTF-8" data-drupal-form-fields="edit-keys-banner" class="form-inline justify-content-center"> 347 <label for="edit-keys-banner" class="visually-hidden">Search</label> 348 <input id="block-localgov-base-croydon-subsitebanner-homepage" class="form-control col-sm-6 col-8" type="search" placeholder="I'm looking for..." onfocus="this.placeholder = ''" onblur="this.placeholder = 'I'm looking for..." aria-label="Search" data-drupal-selector="edit-keys-banner" name="keys" /> 349 <button class="btn btn-primary col-2 d-flex justify-content-between align-items-center" type="submit"><span class="d-none d-md-flex">Search</span><span class="fas fa-search d-flex" aria-label="Submit search"></span></button> 350 </form> 351 </div> 352 </div> 353 </div> 354 </div> 355</div> 356 357 </div> 358 359 360 </div> 361 362 363 364 365 366 367 368 369 <div class="lgd-region lgd-region--messages region region-messages"> 370 371 <div class="lgd-container padding-horizontal"> 372 373 <div class="lgd-region__inner lgd-region__inner--messages"> 374 <div data-drupal-messages-fallback class="hidden"></div> 375 376 </div> 377 378 </div> 379 380 </div> 381 382 383<main class="main" id="main-content" tabindex="-1"> 384 385 386 387 388 389 390 <div class="lgd-region lgd-region--content region region-content"> 391 392 393 <div class="lgd-region__inner lgd-region__inner--content"> 394 <div id="block-localgov-base-croydon-localgov-mainpagecontent--2" class="block block-system block-system-main-block"> 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409<article data-component-id="localgov_base:display-full" class="localgov-subsites-overview node node--view-mode-full node--type-localgov-subsites-overview"> 410 411 <div class="lgd-container padding-horizontal"> 412 413 414 415 416 417 <div class="localgov-subsites-overview__content node__content"> 418 419 </div> 420 </div> 421 422 423 <div class="field field--name-localgov-subsites-content field--type-entity-reference-revisions field--label-hidden field__items"> 424 <div class="field__item"> 425 426 427 428 429 430 431 432 433<div class="lgd-page-section lgd-container padding-horizontal lgd-page-section--no-bg-colour paragraph paragraph--type--page-section paragraph--view-mode--default"> 434 435 436 <div class="layout layout--onecol layout--onecol__flexible lgd-row"> 437 <div class="layout__region layout__region--content lgd-row__full"> 438 <div class="paragraph paragraph--type--localgov-text paragraph--view-mode--default"> 439 440 <div class="field field--name-localgov-text field--type-text-long field--label-hidden field__item"><h2 class="homepage-header">Do it online</h2></div> 441 442 </div> 443 444 </div> 445 </div> 446 447 448 449</div> 450 451</div> 452 <div class="field__item"> 453 454 455 456 457 458 459 460 461<div class="lgd-page-section lgd-container padding-horizontal lgd-page-section--no-bg-colour paragraph paragraph--type--page-section paragraph--view-mode--default"> 462 463 464 <div class="layout layout--onecol layout--onecol__flexible lgd-row"> 465 <div class="layout__region layout__region--content lgd-row__full"> 466 467 468 469 470 471 <div class="box-links-listing box-links-listing--boxes paragraph paragraph--type--localgov-box-links-listing paragraph--view-mode--default"> 472 473 <ul class="box-links-listing__list lgd-row"> 474 475 476 477 <li class="box-links-listing__list-item lgd-row__full"> 478 479 480 481 482 483 484<article class="box-link paragraph paragraph--type--localgov-box-link paragraph--view-mode--default"> 485 486 487 <h2 class="box-link__title"> 488 <a class="box-link__link" href="/rubbish-and-recycling/bins/rubbish-bins/report-rubbish-collection-
488problem" 489 > 490 Report a missed bin collection 491 </a> 492 </h2> 493 494 495</article> 496</li> 497 498 499 <li class="box-links-listing__list-item lgd-row__full"> 500 501 502 503 504 505 506<article class="box-link paragraph paragraph--type--localgov-box-link paragraph--view-mode--default"> 507 508 509 <h2 class="box-link__title"> 510 <a class="box-link__link" href="/parking/parking-fines-penalty-charge-notices-or-pcns/pay-parking-fine-penalty-charge-notice-or-pcn" 511 > 512 Pay a parking fine 513 </a> 514 </h2> 515 516 517</article> 518</li> 519 520 521 <li class="box-links-listing__list-item lgd-row__full"> 522 523 524 525 526 527 528<article class="box-link paragraph paragraph--type--localgov-box-link paragraph--view-mode--default"> 529 530 531 <h2 class="box-link__title"> 532 <a class="box-link__link" href="/rubbish-and-recycling/fly-tipping" 533 > 534 Report fly-tipping 535 </a> 536 </h2> 537 538 539</article> 540</li> 541 542 </ul> 543 </div> 544 545 546 547 548 549 <div class="box-links-listing box-links-listing--boxes paragraph paragraph--type--localgov-box-links-listing paragraph--view-mode--default"> 550 551 <ul class="box-links-listing__list lgd-row"> 552 553 554 555 <li class="box-links-listing__list-item lgd-row__full"> 556 557 558 559 560 561 562<article class="box-link paragraph paragraph--type--localgov-box-link paragraph--view-mode--default"> 563 564 565 <h2 class="box-link__title"> 566 <a class="box-link__link" href="/housing/information-council-tenants/home-maintenance-safety-and-improvements/repairs-council-homes" 567 > 568 Report a housing repair 569 </a> 570 </h2> 571 572 573</article> 574</li> 575 576 577 <li class="box-links-listing__list-item lgd-row__full"> 578 579 580 581 582 583 584<article class="box-link paragraph paragraph--type--localgov-box-link paragraph--view-mode--default"> 585 586 587 <h2 class="box-link__title"> 588 <a class="box-link__link" href="/council-tax" 589 > 590 Council tax 591 </a> 592 </h2> 593 594 595</article> 596</li> 597 598 599 <li class="box-links-listing__list-item lgd-row__full"> 600 601 602 603 604 605 606<article class="box-link paragraph paragraph--type--localgov-box-link paragraph--view-mode--default"> 607 608 609 <h2 class="box-link__title"> 610 <a class="box-link__link" href="https://publicaccess3.croydon.gov.uk/online-applications/" 611 > 612 Search for planning applications 613 </a> 614 </h2> 615 616 617</article> 618</li> 619 620 </ul> 621 </div> 622 623 </div> 624 </div> 625 626 627 628</div> 629 630</div> 631 <div class="field__item"> 632 633 634 635 636 637 638 639 640<div class="lgd-page-section lgd-container padding-horizontal lgd-page-section--no-bg-colour paragraph paragraph--type--page-section paragraph--view-mode--default"> 641 642 643 <div class="layout layout--onecol lgd-row"> 644 <div class="layout__region layout__region--content lgd-row__full"> 645 646 </div> 647 </div> 648 649 650 651</div> 652 653</div> 654 <div class="field__item"> 655 656 657 658 659 660 661 662 663<div class="lgd-page-section lgd-container padding-horizontal lgd-page-section--no-bg-colour paragraph paragraph--type--page-section paragraph--view-mode--default"> 664 665 666 <div class="layout layout--twocol lgd-row"> 667 <div class="layout__region layout__region--top lgd-row__full"> 668 669 </div> 670 671 <div class="layout__region layout__region--first lgd-row__one-half"> 672 673 674 675 <section class="paragraph paragraph--type--localgov-media-with-text paragraph--view-mode--default media-with-text media-with-text--default media-with-text--media-top"> 676 <div class="media-with-text__inner"> 677 <div class="media-with-text__media"> 678 679 <div class="field field--name-localgov-media-item field--type-entity-reference field--label-hidden field__item"><div> 680 681 682 <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> 683 <div class="field__label visually-hidden">Image</div> 684 <div class="field__item"> <picture> 685 <source srcset="/sites/default/files/styles/large_3_2_2x/public/2026-06/croydon-skyline-cropped.jpg?itok=lZbsLFvG 1x" media="(min-width: 768px)" type="image/jpeg" width="1536" height="1024"/> 686 <img loading="eager" width="768" height="512" src="/sites/default/files/styles/large_3_2_768x512/public/2026-06/croydon-skyline-cropped.jpg?itok=2uyCQUxw" alt="Photograph of the croydon skyline" /> 687 688 </picture> 689 690</div> 691 </div> 692 693</div> 694</div> 695 696 </div> 697 <div class="media-with-text__body"> 698 <h2>Property licensing schemes launched</h2> 699 700 <a href="/housing/landlords-and-managing-agents/property-licensing-schemes/about-our-new-housing-licensing-schemes" class="media-with-text__link">Find out more</a> 701 </div> 702 </div> 703 </section> 704 705 </div> 706 707 <div class="layout__region layout__region--second lgd-row__one-half"> 708 709 710 711 <section class="paragraph paragraph--type--localgov-media-with-text paragraph--view-mode--default media-with-text media-with-text--default media-with-text--media-top"> 712 <div class="media-with-text__inner"> 713 <div class="media-with-text__media"> 714 715 <div class="field field--name-localgov-media-item field--type-entity-reference field--label-hidden field__item"><div> 716 717 718 <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> 719 <div class="field__label visually-hidden">Image</div> 720 <div class="field__item"> <picture> 721 <source srcset="/sites/default/files/styles/large_3_2_2x/public/2026-06/family-hub-pic.jpg?itok=uz5N__t5 1x" media="(min-width: 768px)" type="image/jpeg" width="1536" height="1024"/> 722 <img loading="eager" width="768" height="512" src="/sites/default/files/styles/large_3_2_768x512/public/2026-06/family-hub-pic.jpg?itok=MKz9We2S" alt="Parents holding their baby" /> 723 724 </picture> 725 726</div> 727 </div> 728 729</div> 730</div> 731 732 </div> 733 <div class="media-with-text__body"> 734 <h2>Discover Croydon's Family Hubs</h2> 735 736 <a href="/children-young-people-and-families/family-hubs" class="media-with-text__link">Find out more</a> 737 </div> 738 </div> 739 </section> 740 741 </div> 742 743 <div class="layout__region layout__region--bottom lgd-row__full"> 744 745 </div> 746 </div> 747 748 749 750</div> 751 752</div> 753 <div class="field__item"> 754 755 756 757 758 759 760 761 762<div class="lgd-page-section lgd-container padding-horizontal lgd-page-section--no-bg-colour paragraph paragraph--type--page-section paragraph--view-mode--default"> 763 764 765 <div class="layout layout--onecol layout--onecol__flexible lgd-row"> 766 <div class="layout__region layout__region--content lgd-row__full"> 767 <div class="paragraph paragraph--type--localgov-text paragraph--view-mode--default"> 768 769 <div class="field field--name-localgov-text field--type-text-long field--label-hidden field__item"><a href="/do-more-online-0"><button class="btn btn-primary col-10 col-md-3 d-flex justify-content-between align-items-center mr-auto ml-auto mt-4" type="submit">Do more online<span class="fas fa-chevron-right" aria-label="Show more" aria-hidden="true"></span></button></a></div> 770 771 </div> 772 773 </div> 774 </div> 775 776 777 778</div> 779 780</div> 781 <div class="field__item"> 782 783 784 785 786 787 788 789 790<div class="lgd-page-section lgd-container padding-horizontal lgd-page-section--no-bg-colour paragraph paragraph--type--page-section paragraph--view-mode--default"> 791 792 793 <div class="layout layout--onecol layout--onecol__flexible lgd-row"> 794 <div class="layout__region layout__region--content lgd-row__full"> 795 796 797 798 <section class="paragraph paragraph--type--localgov-media-with-text paragraph--view-mode--default media-with-text media-with-text--featured media-with-text--media-left"> 799 <div class="media-with-text__inner"> 800 <div class="media-with-text__media"> 801 802 <div class="field field--name-localgov-media-item field--type-entity-reference field--label-hidden field__item"><div> 803 804 805 <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> 806 <div class="field__label visually-hidden">Image</div> 807 <div class="field__item"> <picture> 808 <source srcset="/sites/default/files/styles/large_3_2_2x/public/2026-01/ne
808ws-site-mayor-perry.jpg?itok=N6yjp5Vd 1x" media="(min-width: 768px)" type="image/jpeg" width="1536" height="1024"/> 809 <img loading="eager" width="768" height="512" src="/sites/default/files/styles/large_3_2_768x512/public/2026-01/news-site-mayor-perry.jpg?itok=oUIFgq7V" alt="Mayor Perry" /> 810 811 </picture> 812 813</div> 814 </div> 815 816</div> 817</div> 818 819 </div> 820 <div class="media-with-text__body"> 821 <h2> Updates from Jason Perry, Executive Mayor of Croydon</h2> 822 823 <div class="field field--name-localgov-text field--type-text-long field--label-hidden field__item"><a href="/council-and-elections/mayors-croydon/elected-mayor-croydon/mayor-perrys-weekly-update/" class="btn btn-primary mt-4">More from the Mayor<span class="fas fa-chevron-right ml-2" aria-label="Show more" aria-hidden="true"></span></a></div> 824 825 826 </div> 827 </div> 828 </section> 829 830 </div> 831 </div> 832 833 834 835</div> 836 837</div> 838 <div class="field__item"> 839 840 841 842 843 844 845 846 847<div class="lgd-page-section lgd-container padding-horizontal lgd-page-section--no-bg-colour paragraph paragraph--type--page-section paragraph--view-mode--default"> 848 849 850 <div class="layout layout--twocol lgd-row"> 851 <div class="layout__region layout__region--top lgd-row__full"> 852 853 </div> 854 855 <div class="layout__region layout__region--first lgd-row__one-half"> 856 857<div class="news-list row"> 858 <div class="col-sm-4 p-0"> 859 <a href="https://news.croydon.gov.uk/croydon-prepares-for-launch-of-new-landlord-licensing-schemes/"> 860 <div class="field field--name-localgov-newsroom-teaser-image field--type-entity-reference field--label-hidden field__item"><div> 861 862 863 <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> 864 <div class="field__label visually-hidden">Image</div> 865 <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/cds_small_3_2/public/2026-04/main_web_-_600_400px_3.png?itok=1zXmmdB_" width="300" height="200" alt="A close up of a model house with keys next to it" /> 866 867 868</div> 869 </div> 870 871</div> 872</div> 873 </a> 874 </div> 875 <div class="col-sm-8 p-0"> 876 <h3 class="mt-1 mb-3 ml-sm-3"> 877 <a href="https://news.croydon.gov.uk/croydon-prepares-for-launch-of-new-landlord-licensing-schemes/"> 878 Croydon prepares for launch of new landlord licensing schemes 879 </a> 880 </h3> 881 </div> 882</div> 883 884<div class="news-list row"> 885 <div class="col-sm-4 p-0"> 886 <a href="https://news.croydon.gov.uk/croydon-joins-new-crackdown-on-illegal-subletting-of-council-homes/"> 887 <div class="field field--name-localgov-newsroom-teaser-image field--type-entity-reference field--label-hidden field__item"><div> 888 889 890 <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> 891 <div class="field__label visually-hidden">Image</div> 892 <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/cds_small_3_2/public/2026-09/airbnb_fraud_1.png?itok=LtsFXTQU" width="300" height="200" alt="Property listing displayed on smartphone outside terraced house." /> 893 894 895</div> 896 </div> 897 898</div> 899</div> 900 </a> 901 </div> 902 <div class="col-sm-8 p-0"> 903 <h3 class="mt-1 mb-3 ml-sm-3"> 904 <a href="https://news.croydon.gov.uk/croydon-joins-new-crackdown-on-illegal-subletting-of-council-homes/"> 905 Croydon joins new crackdown on illegal subletting of council homes 906 </a> 907 </h3> 908 </div> 909</div> 910 911<div class="news-list row"> 912 <div class="col-sm-4 p-0"> 913 <a href="https://news.croydon.gov.uk/cabinet-to-consider-consultation-on-council-tax-support-scheme/"> 914 <div class="field field--name-localgov-newsroom-teaser-image field--type-entity-reference field--label-hidden field__item"><div> 915 916 917 <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> 918 <div class="field__label visually-hidden">Image</div> 919 <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/cds_small_3_2/public/2024-01/news-town-hall.jpg?itok=3fJyiFkS" width="300" height="200" alt="Croydon Town Hall" /> 920 921 922</div> 923 </div> 924 925</div> 926</div> 927 </a> 928 </div> 929 <div class="col-sm-8 p-0"> 930 <h3 class="mt-1 mb-3 ml-sm-3"> 931 <a href="https://news.croydon.gov.uk/cabinet-to-consider-consultation-on-council-tax-support-scheme/">
932 Cabinet to consider consultation on Council Tax Support scheme 933 </a> 934 </h3> 935 </div> 936</div> 937 938 </div> 939 940 <div class="layout__region layout__region--second lgd-row__one-half"> 941 942 943 944 <section class="paragraph paragraph--type--localgov-media-with-text paragraph--view-mode--default media-with-text media-with-text--featured media-with-text--media-top"> 945 <div class="media-with-text__inner"> 946 <div class="media-with-text__media"> 947 948 <div class="field field--name-localgov-media-item field--type-entity-reference field--label-hidden field__item"><div> 949 950 951 <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> 952 <div class="field__label visually-hidden">Image</div> 953 <div class="field__item"> <picture> 954 <source srcset="/sites/default/files/styles/large_3_2_2x/public/2026-03/live-well-croydon-homepage-v1.png?itok=HC5skCMB 1x" media="(min-width: 768px)" type="image/png" width="1536" height="1024"/> 955 <img loading="eager" width="768" height="512" src="/sites/default/files/styles/large_3_2_768x512/public/2026-03/live-well-croydon-homepage-v1.png?itok=p-h2tdz9" alt="Smiling lady promoting Live Smoke Free" /> 956 957 </picture> 958 959</div> 960 </div> 961 962</div> 963</div> 964 965 </div> 966 <div class="media-with-text__body"> 967 <h2>Live smoke free</h2> 968 969 <a href="/live-well-croydon/live-smoke-free" class="media-with-text__link">Read more about Live Well</a> 970 </div> 971 </div> 972 </section> 973 974 </div> 975 976 <div class="layout__region layout__region--bottom lgd-row__full"> 977 978 </div> 979 </div> 980 981 982 983</div> 984 985</div> 986 <div class="field__item"> 987 988 989 990 991 992 993 994 995<div class="lgd-page-section lgd-container padding-horizontal lgd-page-section--no-bg-colour paragraph paragraph--type--page-section paragraph--view-mode--default"> 996 997 998 <div class="layout layout--onecol layout--onecol__flexible lgd-row"> 999 <div class="layout__region layout__region--content lgd-row__full"> 1000 <div class="paragraph paragraph--type--localgov-text paragraph--view-mode--default"> 1001 1002 <div class="field field--name-localgov-text field--type-text-long field--label-hidden field__item"><a href="https://news.croydon.gov.uk"><button class="btn btn-primary col-10 col-md-3 d-flex justify-content-between align-items-center mr-auto ml-auto mt-4">Read more news<span class="fas fa-chevron-right" aria-label="Read more news" aria-hidden="true"></span></button></a></div> 1003 1004 </div> 1005 1006 </div> 1007 </div> 1008 1009 1010 1011</div> 1012 1013</div> 1014 </div> 1015 1016 1017 1018 1019</article> 1020 1021 </div> 1022 1023 </div> 1024 1025 1026 </div> 1027 1028 1029 1030 1031 1032 1033 1034 <div class="lgd-region lgd-region--content-bottom region region-content-bottom"> 1035 1036 <div class="lgd-container padding-horizontal"> 1037 1038 <div class="lgd-region__inner lgd-region__inner--content-bottom"> 1039 <div id="block-localgov-base-croydon-feedback-webform-embed" class="block block-block-content block-block-content2d06f841-b808-404c-962c-ad0f62744849"> 1040 1041 1042 1043 <div class="field field--name-body field--type-text-with-summary field--label-hidden field__item"><iframe id="feedback-webform-embed" src="https://forms.croydon.gov.uk/webform/croydon_feedback_form/share/iframe-resizer/4.2.10" title="Help us improve croydon.gov.uk | Croydon Council" class="webform-share-iframe" frameborder="0" allow="geolocation; microphone; camera" allowtransparency="true" allowfullscreen="true" style="width:1px;min-width:100%"></iframe>
1044<script src="//cdn.jsdelivr.net/gh/davidjbradshaw/[email protected]/js/iframeResizer.min.js"></script>
vendor: 1 bytes, line 1044
1044
1045<script>document.getElementById('feedback-webform-embed').src += "?ref=" + encodeURIComponent(window.location.href) + "&title=" + encodeURIComponent(window.document.title.replace(' | Croydon Council', '')); iFrameResize({}, '.webform-share-iframe');</script>
1045</div> 1046 1047 </div> 1048 1049 </div> 1050 1051 </div> 1052 1053 </div> 1054 1055 </main> 1056 1057 1058 <footer class="lgd-footer"> 1059 1060 <div class="lgd-footer__pre-footer"> 1061 <div class="lgd-container"> 1062 <div class="lgd-row"> 1063 <div class="lgd-row__one-third"> 1064 1065 1066 1067 1068 1069 <div class="lgd-region lgd-region--footer-first region region-footer-first"> 1070 1071 <div class="lgd-container padding-horizontal"> 1072 1073 <div class="lgd-region__inner lgd-region__inner--footer-first"> 1074 <div id="block-contact-us" class="block block-block-content block-block-content41fe0afd-8870-45b7-9cb1-b2d96bd61e34"> 1075 1076 <h2>Stay up to date</h2> 1077 1078 1079 <div class="field field--name-body field--type-text-with-summary field--label-hidden field__item"><ul class="iconlist"> 1080 <li> 1081 <p>Get the latest Croydon news in your inbox.</p> 1082 </li> 1083 <li class="mb-2"> 1084 <i class="fas fa-bell fa-fw" aria-hidden="true"></i> 1085 <a href="/council-and-elections/communications/your-croydon">Subscribe to our newsletter</a> 1086 </li> 1087</ul> 1088<p>Keep up to date through your favourite social media account.</p> 1089<ul class="socials"> 1090 <li> 1091 <a href="https://x.com/intent/user?screen_name=yourcroydon"> 1092 <i class="fab fa-square-x-twitter" aria-hidden="true"></i> 1093 <span class="visually-hidden">Follow us on Twitter</span> 1094 </a> 1095 </li> 1096 <li> 1097 <a href="https://www.facebook.com/ilovecroydon"> 1098 <i class="fab fa-facebook-square" aria-hidden="true"></i> 1099 <span class="visually-hidden">Follow us on Facebook</span> 1100 </a> 1101 </li> 1102 <li> 1103 <a href="https://www.youtube.com/user/croydoncouncil/featured"> 1104 <i class="fab fa-youtube-square" aria-hidden="true"></i> 1105 <span class="visually-hidden">Follow us on Youtube</span> 1106 </a> 1107 </li> 1108 <li> 1109 <a href="https://www.instagram.com/yourcroydon"> 1110 <i class="fab fa-instagram-square" aria-hidden="true"></i> 1111 <span class="visually-hidden">Follow us on Instagram</span> 1112 </a> 1113 </li> 1114 <li> 1115 <a href="https://www.whatsapp.com/channel/0029VadmcXgKbYMQZPWAKu2k"> 1116 <i class="fa-brands fa-square-whatsapp" aria-hidden="true"></i> 1117 <span class="visually-hidden">Contact us on WhatsApp</span> 1118 </a> 1119 </li> 1120 <li> 1121 <a href="https://nextdoor.co.uk/agency-detail/england/london/croydon-council/"> 1122 <i class="fa-kit fa-nextdoor-square" aria-hidden="true"></i> 1123 <span class="visually-hidden">Follow us on Nextdoor</span> 1124 </a> 1125 </li> 1126</ul> 1127</div> 1128 1129 </div> 1130 1131 </div> 1132 1133 </div> 1134 1135 </div> 1136 1137 </div> 1138 1139 <div class="lgd-row__one-third"> 1140 1141 1142 1143 1144 1145 <div class="lgd-region lgd-region--footer-second region region-footer-second"> 1146 1147 <div class="lgd-container padding-horizontal"> 1148 1149 <div class="lgd-region__inner lgd-region__inner--footer-second"> 1150 <div id="block-our-address" class="block block-block-content block-block-contente5751c06-de91-45a7-9304-1416116db4c7"> 1151 1152 <h2>Get in touch</h2> 1153 1154 1155 <div class="field field--name-body field--type-text-with-summary field--label-hidden field__item"><ul class="iconlist"> 1156 <li class="mb-2"> 1157 <i class="fas fa-phone fa-fw" aria-hidden="true"></i> 1158 <a href="/how-contact-us">Contact us</a> 1159 </li> 1160 <li class="mb-2"> 1161 <i class="fas fa-envelope fa-fw" aria-hidden="true"></i> 1162 <a href="/council-and-elections/make-comment-or-complaint-and-have-your-say/comments-and-complaints-procedures/customer-feedback">Make a complaint or compliment</a> 1163 </li> 1164 <li> 1165 <i class="fas fa-map-marker-alt" aria-hidden="true"></i> 1166 <span class="flex-break"> 1167 <strong>Croydon Council</strong> 1168 <span class="flex-break">Bernard Weatherill House</span> 1169 <span class="flex-break">8 Mint Walk</span> 1170 <span class="flex-break">Croydon, CR0 1EA</span> 1171 </span> 1172 </li> 1173</ul></div> 1174 1175 </div> 1176 1177 </div> 1178 1179 </div> 1180 1181 </div> 1182 1183 </div> 1184 1185 <div class="lgd-row__one-third"> 1186 1187 1188 1189 1190 1191 <div class="lgd-region lgd-region--footer-third region region-footer-third"> 1192 1193 <div class="lgd-container padding-horizontal"> 1194 1195 <div class="lgd-region__inner lgd-region__inner--footer-third"> 1196 <div id="block-accessibility" class="block block-block-content block-block-contentf8ae951f-a417-43cd-8e83-791c871ffa56"> 1197 1198 <h2>Accessibility</h2> 1199 1200 1201 <div class="field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>We are committed to making our website accessible to all visitors.</p><p>Read our <a href="/accessibility-statement-croydon-council-0" data-entity-type="node" data-entity-uuid="f5b61f20-553e-43e6-911f-6bd19608c1f0" data-entity-substitution="canonical" title="Accessibility statement for Croydon Council">accessibility statement</a></p><h2 id="translation">Translation</h2><p>How to <a href="/translating-our-pages" data-entity-type="node" data-entity-uuid="ae3016c8-4a6b-429d-b84e-7e30bd8e948a" data-entity-substitution="canonical" title="Translating our pages">translate our pages to BSL or to your preferred language</a>.</p><p> </p></div> 1202 1203 </div> 1204<div id="block-localgov-base-croydon-chatbot-markup" class="block block-block-content block-block-content559f9b80-0fc7-4101-8dd0-d4130780e79c"> 1205 1206 1207 1208 <div class="field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 1209 .chatbot__container { 1210 position: fixed; 1211 right: 0; 1212 bottom: 0; 1213 z-index: 99999; 1214 } 1215 1216 .chatbot__container section { 1217 margin-bottom: 0; 1218 } 1219 1220 .chatbot-button__container { 1221 position: fixed; 1222 right: 0; 1223 bottom: 20px; 1224 z-index: 99999; 1225 } 1226 1227 .chatbot__open-button { 1228 cursor: pointer; 1229 font-size: var(--font-size-largest, 1.5rem);
1230 font-weight: var(--heading-font-weight, 700); 1231 background-color: var(--color-teal, #008080); 1232 border: none; 1233 border-radius: 30px; 1234 color: white; 1235 height: 227px; 1236 width: 115px; 1237 padding: 30px 15px; 1238 display: flex; 1239 flex-direction: column; 1240 align-items: center; 1241 } 1242 1243 .chatbot__open-button h3 { 1244 text-align: left; 1245 margin-top: 10px; 1246 font-size: var(--font-size-largest, 1.5rem); 1247 } 1248 1249 .chatbot__open-button img, 1250 .chatbot__open-button svg { 1251 width: 90px; 1252 height: 90px; 1253 } 1254 1255 .chatbot__open-button .fa-chevron-up { 1256 display: none; 1257 } 1258 1259 .chatbot__open-button:hover { 1260 background-color: #023d3e; 1261 text-decoration: none; 1262 } 1263 1264 .chatbot__open-button:focus { 1265 background-color: #023d3e; 1266 outline: 5px solid var(--color-black, #000) !important; 1267 } 1268 1269 .chatbot__open-button:focus i:before { 1270 color: var(--color-black, #000); 1271 } 1272 1273 .chatbot__min { 1274 padding: 10px; 1275 text-align: right; 1276 } 1277 1278 .js-chatbot__min-button { 1279 background: none; 1280 border: none; 1281 color: var(--color-black, #000); 1282 font-size: 1rem; 1283 cursor: pointer; 1284 display: inline-flex; 1285 align-items: center; 1286 gap: 8px; 1287 padding: 0; 1288 outline: none; 1289 } 1290 1291 .js-chatbot__min-button:hover { 1292 background-color: initial !important; 1293 color: var(--carbon) !important; 1294 text-decoration: underline; 1295 outline: none; 1296 } 1297 1298 .js-chatbot__min-button:focus { 1299 background: var(--color-focus, #ffeb3b); 1300 text-decoration: underline; 1301 outline: none; 1302 } 1303 1304 .chatbot-button__container.chatbot__min-toggle .fa-chevron-up { 1305 display: block; 1306 padding-left: 15px; 1307 } 1308 1309 .chatbot-button__container.chatbot__min-toggle { 1310 display: flex; 1311 justify-content: flex-end; 1312 width: 100%; 1313 bottom: 0; 1314 } 1315 1316 .chatbot-button__container.chatbot__min-toggle .chatbot__open-button { 1317 height: 50px; 1318 width: auto; 1319 border-radius: 0; 1320 padding: 10px; 1321 flex-direction: row; 1322 } 1323 1324 .chatbot-button__container.chatbot__min-toggle .chatbot__open-button h3 { 1325 font-size: var(--font-size-large, 1.125rem); 1326 margin-left: 15px; 1327 padding-right: 0; 1328 } 1329 1330 .chatbot-button__container.chatbot__min-toggle .chatbot__open-button img, 1331 .chatbot-button__container.chatbot__min-toggle .chatbot__open-button svg { 1332 width: 40px; 1333 height: 40px; 1334 } 1335 1336 .chatbot__chat-container { 1337 display: none; 1338 border: var(--border-width-large, 3px) var(--border-style, solid) var(--border-color-dark, #333); 1339 width: 440px; 1340 height: calc(100vh - (var(--spacing, 20px) * 2)); 1341 max-height: 650px; 1342 flex-direction: column; 1343 margin: 0 var(--spacing-small, 10px) 0 0; 1344 background-color: var(--color-white, #fff); 1345 } 1346 1347 .chatbot__header { 1348 color: var(--color-white, #fff); 1349 background: var(--color-accent, #880088); 1350 flex: 0; 1351 display: flex; 1352 justify-content: space-between; 1353 font-size: var(--font-size-larger, 1.25rem); 1354 } 1355 1356 .chatbot__header button { 1357 display: inline-block; 1358 width: 60px; 1359 height: 60px; 1360 border: none; 1361 flex: none; 1362 background: var(--color-link, #0066cc); 1363 color: white; 1364 cursor: pointer; 1365 } 1366 1367 .chatbot__header button:hover { 1368 background: var(--color-indigo, #4b0082); 1369 } 1370 1371 .chatbot__header button:focus { 1372 background: var(--color-focus, #ffeb3b); 1373 } 1374 1375 .chatbot__header button:focus i:before { 1376 color: var(--color-black, #000); 1377 } 1378 1379 .lgd-footer h2.chatbot__heading { 1380 padding: 1rem 0 1rem 3.125rem; 1381 margin: 0; 1382 color: var(--color-white, #fff); 1383 font-size: var(--font-size-largest, 1.5rem); 1384 text-align: center; 1385 position: relative; 1386 } 1387 1388 .js-chatbot__terminate-button { 1389 position: absolute; 1390 } 1391 1392 .chatbot__friendly { 1393 padding: var(--spacing-smaller, 8px); 1394 margin: 0; 1395 color: var(--color-black, #000); 1396 text-align: center; 1397 background-color: var(--purple-tint, #f8eef8); 1398 border-bottom: 2px var(--border-style, solid) var(--border-color-dark, #333); 1399 } 1400 1401 .chatbot__friendly p { 1402 font-size: var(--font-size-large, 1.125rem); 1403 margin: 0; 1404 } 1405 1406 .chatbot__chat-content { 1407 flex: 1; 1408 overflow: hidden; 1409 } 1410 1411 .webchat__text-content__markdown p, 1412 .webchat__text-content--is-plain p { 1413 font-size: var(--font-size, 1rem); 1414 } 1415 1416 .webchat__text-content__markdown p a, 1417 .webchat__text-content--is-plain p a { 1418 color: var(--color-link, #0066cc); 1419 } 1420 1421 .webchat__render-markdown__external-link-icon { 1422 display: inline; 1423 } 1424 1425 .webchat__send-box { 1426 flex-shrink: 0; 1427 padding: 1rem; 1428 background-color: var(--purple-tint, #f8eef8); 1429 border-top: 2px var(--border-style, solid) var(--border-color-dark, #333); 1430 position: relative; 1431 } 1432 1433 .webchat__send-box::before { 1434 content: "Ask a question"; 1435 display: block; 1436 font-size: var(--font-size-large, 1.125rem);
1437 font-weight: var(--heading-font-weight, 700); 1438 color: var(--color-black, #000); 1439 margin-bottom: 0.5rem; 1440 } 1441 1442 .webchat__send-box-text-box .webchat__send-box-text-box__input { 1443 padding-left: var(--spacing-small, 10px) !important; 1444 padding-right: var(--spacing-small, 10px) !important; 1445 border: 2px var(--border-style, solid) var(--border-color-dark, #333) !important; 1446 } 1447 1448 .webchat__send-box-text-box ::placeholder { 1449 color: var(--color-black, #000); 1450 } 1451 1452 .chatbot__chat-content .webchat__send-box__text-box { 1453 margin-bottom: 0; 1454 padding: 0; 1455 } 1456 1457 .webchat__send-box__main { 1458 background-color: initial !important; 1459 min-height: 50px !important; 1460 } 1461 1462 .webchat__send-box-text-box__input { 1463 background-color: var(--white) !important; 1464 } 1465 1466 .webchat__activity-status span { 1467 font-size: var(--font-size-smaller, 0.875rem) !important; 1468 color: #444; 1469 } 1470 1471 .ac-textBlock .webchat__render-markdown p { 1472 font-size: 1.125rem; 1473 font-weight: 700; 1474 color: var(--color-black, #000); 1475 } 1476 1477 summary .webchat__link-definitions__header-text { 1478 color: #444; 1479 font-size: var(--font-size-smaller, 0.875rem); 1480 } 1481 1482 summary .webchat__link-definitions__header-text:hover { 1483 text-decoration: underline; 1484 } 1485 1486 summary .webchat__link-definitions__header-text:focus { 1487 text-decoration: none; 1488 color: var(--color-black, #000); 1489 background-color: var(--color-focus, #ffeb3b); 1490 } 1491 1492 .webchat__link-definitions .webchat__link-definitions__list-item-box { 1493 border: none !important; 1494 border-radius: 8px !important; 1495 } 1496 1497 .webchat__link-definitions .webchat__link-definitions__list-item-text, 1498 .webchat__link-definitions__open-in-new-window-icon { 1499 color: var(--color-link, #0066cc) !important; 1500 } 1501 1502 button.webchat__suggested-action { 1503 border-color: var(--color-link, #0066cc) !important; 1504 color: var(--color-link, #0066cc) !important; 1505 font-weight: 700; 1506 border-width: 3px !important; 1507 } 1508 1509 button.webchat__suggested-action:hover { 1510 border-color: var(--color-link, #0066cc) !important; 1511 color: var(--color-white, #fff) !important; 1512 background-color: var(--color-link, #0066cc) !important; 1513 text-decoration: none !important; 1514 } 1515 1516 button.webchat__suggested-action:focus { 1517 border-color: var(--color-black, #000) !important; 1518 color: var(--color-black, #000) !important; 1519 background-color: var(--color-focus, #ffeb3b) !important; 1520 text-decoration: none !important; 1521 } 1522 1523 .webchat__suggested-actions__item-box { 1524 padding: 5px 10px 5px 0 !important; 1525 } 1526 1527 .webchat__suggested-actions__item-box .react-film__filmstrip__item { 1528 padding: 0 !important; 1529 } 1530 1531 .webchat__keyboard-help { 1532 font-size: 1.125rem; 1533 color: var(--color-black, #000); 1534 } 1535 1536 a.webchat__render-markdown__pure-identifier { 1537 color: #880088; 1538 } 1539 1540 .webchat--css-pwmig-kdgeig.webchat__render-markdown .webchat__render-markdown__pure-identifier::before, 1541 .webchat--css-pwmig-kdgeig.webchat__render-markdown .webchat__render-markdown__pure-identifier::after { 1542 color: #121212; 1543 } 1544 1545 .lgd-footer__post-footer { 1546 padding-top: clamp(1rem, 10vw, var(--section-spacing-vertical-post-footer)); 1547 padding-bottom: 5rem; 1548 } 1549 1550 .webchat__send-button { 1551 background-color: var(--green) !important; 1552 padding: 8px 16px !important; 1553 cursor: pointer; 1554 display: flex !important; 1555 align-items: center; 1556 justify-content: center; 1557 position: relative; 1558 overflow: hidden; 1559 width: auto !important; 1560 min-width: 60px; 1561 margin-left: 10px; 1562 outline: 0; 1563 } 1564 1565 .webchat__send-button svg { 1566 display: none !important; 1567 } 1568 1569 .webchat__send-button::before { 1570 content: "Send" !important; 1571 color: white !important; 1572 font-size: 16px !important; 1573 font-weight: bold !important; 1574 line-height: 1; 1575 margin: 0 !important; 1576 padding: 0 !important; 1577 position: relative; 1578 z-index: 2; 1579 } 1580 1581 .webchat__send-button:focus { 1582 background-color: var(--yellow) !important; 1583 } 1584 1585 .webchat__send-button:focus::before { 1586 color: var(--carbon) !important; 1587 } 1588 1589 .webchat__send-button:hover::before { 1590 color: var(--white) !important; 1591 } 1592 1593 /* Android keyboard fix */ 1594 @media screen and (max-width: 768px) { 1595 .chatbot__container { 1596 top: 0; 1597 } 1598 1599 .chatbot-button__container { 1600 display: flex; 1601 justify-content: flex-end; 1602 width: 100%; 1603 bottom: 0; 1604 } 1605 1606 .chatbot__min { 1607 display: none; 1608 } 1609 1610 .chatbot__open-button { 1611 height: 50px; 1612 width: auto; 1613 border-radius: 0; 1614 padding: 10px; 1615 flex-direction: row; 1616 } 1617 1618 .chatbot__open-button h3 { 1619 font-size: var(--font-size-large, 1.125rem); 1620 margin-left: 15px; 1621 padding-right: 0; 1622 } 1623 1624 .chatbot__open-button img, 1625 .chatbot__open-button svg { 1626 width: 40px; 1627 height: 40px; 1628 } 1629 1630 .chatbot__chat-container { 1631 width: 100vw; 1632 height: 100vh; 1633 height: 100dvh; /* Dynamic viewport height for mobile */ 1634 max-height: none; 1635 margin: 0; 1636 position: fixed; 1637 top: 0; 1638 left: 0; 1639 right: 0; 1640 bottom: 0; 1641 } 1642 1643 /* Ensure chat content scrolls properly when keyboard appears */ 1644 .chatbot__chat-content { 1645 overflow-y: auto; 1646 -webkit-overflow-scrolling: touch; 1647 } 1648 1649 .lgd-footer h2.chatbot__heading { 1650 font-size: var(--font-size-h4, 1.25rem); 1651 } 1652 } 1653</style> 1654</head> 1655<body> 1656 <div class="chatbot__container"> 1657 <div class="js-chatbot__chat-container chatbot__chat-container"> 1658 <div class="chatbot__header"> 1659 <h2 class="chatbot__heading">Ask Croydon Council</h2> 1660 <button class="js-chatbot__terminate-button" aria-label="Close and delete chat session"> 1661 <i class="fas fa-times"></i> 1662 </button> 1663 <button class="js-chatbot__minimise-button chatbot__minimise-button" aria-label="Minimise chatbot"> 1664 <i class="fas fa-chevron-down"></i> 1665 </button> 1666 </div> 1667 <div class="chatbot__friendly"> 1668 <p>You are now chatting with a computer</p> 1669 </div> 1670 <div class="js-chatbot__chat-content chatbot__chat-content"></div> 1671 </div> 1672 </div> 1673 <div class='chatbot-button__container'> 1674 <button class="js-chatbot__open-button chatbot__open-button" aria-label="Open chatbot"> 1675 <img src="/themes/contrib/localgov_base_croydon/assets/img/robot-outline.svg" alt="Croydon AI Robot"> 1676 <h3>Ask Croydon Council</h3> 1677 <i class="fas fa-chevron-up" aria-hidden="true"></i> 1678 </button> 1679 <div class="chatbot__min"> 1680 <button class="js-chatbot__min-button" aria-label="Minimise Chatbot">
1681 <span class="label">Hide</span> 1682 <i class="fas fa-times"></i> 1683 </button> 1684 </div> 1685 </div> 1686
1686<script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js" crossorigin="anonymous"></script>
1686 1687
1687<script> 1688 (function() { 1689 let chatbotHasInit = false; 1690 1691 const styleOptions = { 1692 transitionDuration: '0s', 1693 hideUploadButton: true, 1694 hideTelephoneKeypadButton: true, 1695 bubbleBackground: '#F0F0F0', 1696 bubbleBorderColor: '#FFFFFF', 1697 bubbleBorderRadius: 12, 1698 bubbleBorderWidth: 0, 1699 bubbleNubOffset: 0, 1700 bubbleNubSize: 10, 1701 bubbleFromUserBackground: '#F8EEF8', 1702 bubbleFromUserBorderColor: '#F8EEF8', 1703 bubbleFromUserBorderRadius: 12, 1704 bubbleFromUserBorderWidth: 2, 1705 bubbleFromUserNubOffset: 0, 1706 bubbleFromUserNubSize: 10, 1707 bubbleFromUserTextColor: 'Black', 1708 bubbleMaxWidth: '85%', 1709 avatarBorderRadius: '50%', 1710 avatarSize: 40, 1711 botAvatarBackgroundColor: '#880088', 1712 botAvatarImage: '/themes/contrib/localgov_base_croydon/assets/img/robot-outline.svg', 1713 botAvatarInitials: 'CC', 1714 showAvatarInGroup: 'status', 1715 connectivityTextSize: '75%', 1716 failedConnectivity: '#C50F1F', 1717 slowConnectivity: '#EAA300', 1718 notificationText: '#5E5E5E', 1719 slowConnectionAfter: 15000, 1720 emojiSet: true, 1721 hideSendBox: false, 1722 microphoneButtonColorOnDictate: '#F33', 1723 sendBoxBackground: '#FFFFFF', 1724 uploadMultiple: true, 1725 sendAttachmentOn: 'send', 1726 sendBoxButtonColor: '#FFFFFF', 1727 sendBoxButtonShadeColor: '#77bb55', 1728 sendBoxButtonColorOnActive: '#121212', 1729 sendBoxButtonShadeColorOnActive: '#FFBB00', 1730 sendBoxButtonColorOnDisabled: '#FFFFFF', 1731 sendBoxButtonShadeColorOnDisabled: '#A0A0A0', 1732 sendBoxButtonColorOnFocus: '#121212', 1733 sendBoxButtonShadeColorOnFocus: '#FFBB00', 1734 sendBoxButtonColorOnHover: '#FFFFFF', 1735 sendBoxButtonShadeColorOnHover: '#540055', 1736 sendBoxButtonShadeBorderRadius: 0, 1737 sendBoxButtonShadeInset: 2, 1738 sendBoxButtonKeyboardFocusIndicatorBorderColor: '#FFBB00', 1739 sendBoxButtonKeyboardFocusIndicatorBorderRadius: 0, 1740 sendBoxButtonKeyboardFocusIndicatorBorderStyle: 'solid', 1741 sendBoxButtonKeyboardFocusIndicatorBorderWidth: 2, 1742 sendBoxButtonKeyboardFocusIndicatorInset: 0, 1743 sendBoxDisabledTextColor: '#FFFFFF', 1744 sendBoxHeight: 40, 1745 sendBoxMaxHeight: 200, 1746 sendBoxTextColor: 'Black', 1747 scrollToEndButtonBehavior: false, 1748 autoScrollSnapOnActivity: true, 1749 autoScrollSnapOnActivityOffset: 1, 1750 autoScrollSnapOnPage: false, 1751 autoScrollSnapOnPageOffset: 1 1752 }; 1753 1754 async function initChatbot(webchat) { 1755 if (chatbotHasInit) { 1756 return; 1757 } 1758 1759 chatbotHasInit = true; 1760 1761 const TOKEN_URL = new URL("https://chat.croydon.gov.uk/powervirtualagents/botsbyschema/cr578_agent/directline/token?api-version=2022-03-01-preview"); 1762 const locale = document.documentElement.lang || "en"; 1763 const apiVersion = TOKEN_URL.searchParams.get("api-version"); 1764 1765 try { 1766 const [directLineURL, token] = await Promise.all([ 1767 fetch(new URL(`/powervirtualagents/regionalchannelsettings?api-version=${apiVersion}`, TOKEN_URL)) 1768 .then(r => r.ok ? r.json() : Promise.reject("Failed to retrieve regional channel settings.")) 1769 .then(({channelUrlsById: {directline}}) => directline), 1770 fetch(TOKEN_URL) 1771 .then(r => r.ok ? r.json() : Promise.reject("Failed to retrieve Direct Line token.")) 1772 .then(({token}) => token) 1773 ]); 1774 1775 const directLine = WebChat.createDirectLine({ 1776 domain: new URL("v3/directline", directLineURL), 1777 token 1778 }); 1779 1780 const subscription = directLine.connectionStatus$.subscribe({ 1781 next(value) { 1782 if (value === 2) { 1783 directLine.postActivity({ 1784 localTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone, 1785 locale, 1786 name: "startConversation", 1787 type: "event" 1788 }).subscribe(); 1789 subscription.unsubscribe(); 1790 } 1791 } 1792 }); 1793 1794 window.WebChat.renderWebChat({directLine, locale, styleOptions}, webchat); 1795 1796 // Android keyboard fix: scroll input into view when focu
1796sed 1797 setTimeout(() => { 1798 const sendBoxInput = webchat.querySelector('.webchat__send-box-text-box__input'); 1799 if (sendBoxInput) { 1800 sendBoxInput.addEventListener('focus', function() { 1801 setTimeout(() => { 1802 this.scrollIntoView({ behavior: 'smooth', block: 'center' }); 1803 }, 300); 1804 }); 1805 } 1806 }, 1000); 1807 1808 } catch (error) { 1809 webchat.innerHTML = '<div style="padding: 20px; text-align: center; color: #C50F1F;">Unable to start chat. Please refresh the page and try again.</div>'; 1810 } 1811 } 1812 1813 const chatContainer = document.querySelector(".js-chatbot__chat-container"); 1814 const chatbuttonContainer = document.querySelector(".chatbot-button__container"); 1815 const chatContent = document.querySelector(".js-chatbot__chat-content"); 1816 const chatMin = document.querySelector(".chatbot__min"); 1817 1818 function waitAndFocus(maxAttempts = 20, interval = 200) { 1819 let attempts = 0; 1820 1821 const tryFocus = () => { 1822 attempts++; 1823 const markdown = document.querySelector(".webchat__render-markdown"); 1824 const sendBox = document.querySelector(".webchat__send-box-text-box__input"); 1825 1826 if (markdown) { 1827 markdown.focus(); 1828 return true; 1829 } else if (sendBox) { 1830 sendBox.focus(); 1831 return true; 1832 } else if (attempts < maxAttempts) { 1833 setTimeout(tryFocus, interval); 1834 } 1835 }; 1836 1837 setTimeout(tryFocus, 300); 1838 } 1839 1840 // Attach open handler to all open buttons 1841 document.querySelectorAll(".js-chatbot__open-button").forEach(button => { 1842 button.addEventListener("click", () => { 1843 chatContainer.style.display = "flex"; 1844 chatbuttonContainer.style.display = "none"; 1845 initChatbot(chatContent); 1846 waitAndFocus(); 1847 }); 1848 }); 1849 1850 // Attach terminate handler to all terminate buttons 1851 document.querySelectorAll(".js-chatbot__terminate-button").forEach(button => { 1852 button.addEventListener("click", () => { 1853 if (confirm('Are you sure you want to close and delete all chat messages?')) { 1854 window.location.reload(); 1855 } 1856 }); 1857 }); 1858 1859 // Attach minimise handler to all minimise buttons 1860 document.querySelectorAll(".js-chatbot__minimise-button").forEach(button => { 1861 button.addEventListener("click", () => { 1862 chatContainer.style.display = "none"; 1863 chatbuttonContainer.style.display = "flex"; 1864 }); 1865 }); 1866 1867 if (chatMin) { 1868 chatMin.addEventListener("click", () => { 1869 chatbuttonContainer.classList.add("chatbot__min-toggle"); 1870 chatMin.style.display = 'none'; 1871 1872 try { 1873 sessionStorage.setItem('chatbotMinimised', 'true'); 1874 } catch (e) {} 1875 }); 1876 } 1877 1878 function loadChatbotState() { 1879 try { 1880 if (sessionStorage.getItem('chatbotMinimised') === 'true') { 1881 chatbuttonContainer.classList.add("chatbot__min-toggle"); 1882 chatMin.style.display = 'none'; 1883 } 1884 } catch (e) {} 1885 } 1886 1887 loadChatbotState(); 1888 1889 document.addEventListener('visibilitychange', () => { 1890 if (!document.hidden && chatContainer.style.display === 'flex') { 1891 waitAndFocus(5, 500); 1892 } 1893 }); 1894 })(); 1895</script>
1895 1896</div> 1897 1898 </div> 1899 1900 </div> 1901 1902 </div> 1903 1904 </div> 1905 1906 </div> 1907 </div> 1908 </div> 1909 </div> 1910 1911 1912 <div class="lgd-footer__post-footer"> 1913 <div class="lgd-container"> 1914 <div class="lgd-row"> 1915 <div class="lgd-row__one-quarter"> 1916 <a class="" href="/" title="Go to London Borough of Croydon Homepage"> 1917 <img class="img-fluid" src="/themes/contrib/localgov_base_croydon/assets/img/footer-logo.png" alt="Croydon Council Footer Logo" /></a> 1918 </div> 1919 <div class="lgd-row__one-half"> 1920 <nav aria-label="Footer Navigation"> 1921 <ul> 1922 <li> 1923 <a href="https://www.croydon.gov.uk/council-and-elections/communications/my-account-services">My Account</a> 1924 </li> 1925 <li> 1926 <a href="https://www.croydon.gov.uk/aboutus">About us</a> 1927 </li> 1928 <li> 1929 <a href="https://www.croydon.gov.uk/accessibility">Accessibility</a> 1930 </li> 1931 <li> 1932 <a href="https://www.croydon.gov.uk/cookies">Cookies</a> 1933 </li> 1934 <li> 1935 <a href="https://www.croydon.gov.uk/privacy">Privacy</a> 1936 </li> 1937 <li> 1938 <a href="https://www.croydon.gov.uk/webdisclaimer">Disclaimer</a> 1939 </li> 1940 </ul> 1941 </nav> 1942 </div> 1943 <div class="lgd-row__one-quarter lgd-footer__copyright"> 1944 <p>© Croydon Council 2026</p> 1945 </div> 1946 </div> 1947 </div> 1948</div> 1949 1950 1951 </footer> 1952 1953 </div> 1954 1955 1956
1956<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/3029","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"google_analytics":{"account":"UA-16129237-1","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip","trackDomainMode":1},"eu_cookie_compliance":{"cookie_policy_version":"1.0.0","popup_enabled":true,"popup_agreed_enabled":false,"popup_hide_agreed":false,"popup_clicking_confirmation":false,"popup_scrolling_confirmation":false,"popup_html_info":"\u003Cdiv class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--categories cookies-notice\u0022 role=\u0022contentinfo\u0022 aria-label=\u0022cookienotice\u0022\u003E\n\u003Cdiv class=\u0022container-fluid site-max popup-content\u0022\u003E\n\t\u003Cdiv class=\u0022row\u0022\u003E\n\n \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message col-12 col-sm-8 col-md-9 py-2 pt-3\u0022\u003E\n \u003Cdiv class=\u0022row\u0022\u003E\u003Cdiv class=\u0022col-12 col-sm-6 col-md-4 text-left\u0022\u003E\u003Ch4\u003EHow we use cookies on croydon.gov.uk\u003C\/h4\u003E\u003C\/div\u003E\u003Cdiv class=\u0022col-12 col-sm-6 col-md-8 text-left\u0022\u003E\u003Cp\u003EWe would like to \u003Ca href=\u0022\/cookies\u0022\u003Euse cookies\u003C\/a\u003E to help give the best online experience. Please let us know if you agree to this.\u003C\/p\u003E\u003C\/div\u003E\u003C\/div\u003E\n \u003C\/div\u003E\n\n \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons eu-cookie-compliance-has-categories col-12 col-sm-4 col-md-3 py-2 pb-3 pb-sm-0 pt-sm-3 text-right\u0022\u003E\n \u003Cdiv class=\u0022row\u0022\u003E\n \u003Cdiv class=\u0022col-12 col-lg-2 d-none d-lg-block\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022col-12 col-lg-10 text-left\u0022\u003E\n \u003Ci class=\u0022fa fa-check pr-1\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/i\u003E\n \u003Ca href=\u0022#\u0022 class=\u0022agree-button eu-cookie-compliance-default-button\u0022\u003EYes, accept and close\u003C\/a\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022row\u0022\u003E\n \u003Cdiv class=\u0022col-12 col-lg-2 d-none d-lg-block\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022col-12 col-lg-10 text-left\u0022\u003E\n \u003Ci class=\u0022fa fa-cog pr-1\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/i\u003E\n \u003Ca href=\u0022\/cookies\u0022\u003ENo, manage my settings\u003C\/a\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n\u003C\/div\u003E\n\n\n \u003Cdiv id=\u0022eu-cookie-compliance-categories\u0022 class=\u0022hidden\u0022\u003E\n \u003Cinput type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-google_analytics\u0022 value=\u0022google_analytics\u0022 \u003E\n \u003Cinput type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-hotjar\u0022 value=\u0022hotjar\u0022 \u003E\n \u003Cinput type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-can\u0022 value=\u0022can\u0022 \u003E\n \u003C\/div\u003E","use_mobile_message":false,"mobile_popup_html_info":"\u003Cdiv class=\u0022eu-cookie-compliance-banner eu-cookie-compliance-banner-info eu-cookie-compliance-banner--categories cookies-notice\u0022 role=\u0022contentinfo\u0022 aria-label=\u0022cookienotice\u0022\u003E\n\u003Cdiv class=\u0022container-fluid site-max popup-content\u0022\u003E\n\t\u003Cdiv class=\u0022row\u0022\u003E\n\n \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message col-12 col-sm-8 col-md-9 py-2 pt-3\u0022\u003E\n \n \u003C\/div\u003E\n\n \u003Cdiv id=\u0022popup-buttons\u0022
1956class=\u0022eu-cookie-compliance-buttons eu-cookie-compliance-has-categories col-12 col-sm-4 col-md-3 py-2 pb-3 pb-sm-0 pt-sm-3 text-right\u0022\u003E\n \u003Cdiv class=\u0022row\u0022\u003E\n \u003Cdiv class=\u0022col-12 col-lg-2 d-none d-lg-block\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022col-12 col-lg-10 text-left\u0022\u003E\n \u003Ci class=\u0022fa fa-check pr-1\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/i\u003E\n \u003Ca href=\u0022#\u0022 class=\u0022agree-button eu-cookie-compliance-default-button\u0022\u003EYes, accept and close\u003C\/a\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n \u003Cdiv class=\u0022row\u0022\u003E\n \u003Cdiv class=\u0022col-12 col-lg-2 d-none d-lg-block\u0022\u003E\u003C\/div\u003E\n \u003Cdiv class=\u0022col-12 col-lg-10 text-left\u0022\u003E\n \u003Ci class=\u0022fa fa-cog pr-1\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/i\u003E\n \u003Ca href=\u0022\/cookies\u0022\u003ENo, manage my settings\u003C\/a\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n\u003C\/div\u003E\n\n\n \u003Cdiv id=\u0022eu-cookie-compliance-categories\u0022 class=\u0022hidden\u0022\u003E\n \u003Cinput type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-google_analytics\u0022 value=\u0022google_analytics\u0022 \u003E\n \u003Cinput type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-hotjar\u0022 value=\u0022hotjar\u0022 \u003E\n \u003Cinput type=\u0022checkbox\u0022 name=\u0022cookie-categories\u0022 id=\u0022cookie-category-can\u0022 value=\u0022can\u0022 \u003E\n \u003C\/div\u003E","mobile_breakpoint":768,"popup_html_agreed":false,"popup_use_bare_css":true,"popup_height":"auto","popup_width":"100%","popup_delay":0,"popup_link":"https:\/\/www.croydon.gov.uk\/privacy","popup_link_new_window":true,"popup_position":true,"fixed_top_position":false,"popup_language":"en","store_consent":false,"better_support_for_screen_readers":false,"cookie_name":"","reload_page":false,"domain":"croydon.gov.uk","domain_all_sites":false,"popup_eu_only":false,"popup_eu_only_js":false,"cookie_lifetime":100,"cookie_session":0,"set_cookie_session_zero_on_disagree":0,"disagree_do_not_show_popup":false,"method":"categories","automatic_cookies_removal":true,"allowed_cookies":"hide-alert-banner-token\r\ngoogle_analytics:__gads\r\ngoogle_analytics:_ga\r\ngoogle_analytics:_ga*\r\ngoogle_analytics:_gid\r\ngoogle_analytics:croydon_analytics\r\nhotjar:_hj*\r\ncan:mc\r\ncan:__qca\r\ncan:_fbp\r\ncan:d\r\ncan:UpTag\r\ncan:gtag","withdraw_markup":"\u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-tab\u0022\u003EPrivacy settings\u003C\/button\u003E\n\u003Cdiv aria-labelledby=\u0022popup-text\u0022 class=\u0022eu-cookie-withdraw-banner\u0022\u003E\n \u003Cdiv class=\u0022popup-content info eu-cookie-compliance-content\u0022\u003E\n \u003Cdiv id=\u0022popup-text\u0022 class=\u0022eu-cookie-compliance-message\u0022 role=\u0022document\u0022\u003E\n \u003Ch2\u
1956003EWe use cookies on this site to enhance your user experience\u003C\/h2\u003E\u003Cp\u003EYou have given your consent for us to set cookies.\u003C\/p\u003E\n \u003C\/div\u003E\n \u003Cdiv id=\u0022popup-buttons\u0022 class=\u0022eu-cookie-compliance-buttons\u0022\u003E\n \u003Cbutton type=\u0022button\u0022 class=\u0022eu-cookie-withdraw-button \u0022\u003EWithdraw consent\u003C\/button\u003E\n \u003C\/div\u003E\n \u003C\/div\u003E\n\u003C\/div\u003E","withdraw_enabled":false,"reload_options":0,"reload_routes_list":"","withdraw_button_on_info_popup":false,"cookie_categories":["google_analytics","hotjar","can"],"cookie_categories_details":{"google_analytics":{"uuid":"de30011c-d40e-43d6-b6ef-9e5ce38df3ae","langcode":"en","status":true,"dependencies":[],"id":"google_analytics","label":"Google Analytics","description":"This site uses Google Analytics to track how the website is used by recording clicks on links and information about the device used to browse the site.","checkbox_default_state":"unchecked","weight":-9},"hotjar":{"uuid":"6f54bd0b-f073-4a94-b979-376315699acc","langcode":"en","status":true,"dependencies":[],"id":"hotjar","label":"HotJar","description":"This site uses HotJar to record how the website is used and to collect information from users in polls or surveys.","checkbox_default_state":"unchecked","weight":-8},"can":{"uuid":"f7c882d1-0854-448c-b8fe-ab5e03f11916","langcode":"en","status":true,"dependencies":[],"id":"can","label":"Council Advertising Network","description":"This site uses Council Advertising Network cookies to record how the website is used.","checkbox_default_state":"unchecked","weight":-7}},"enable_save_preferences_button":true,"cookie_value_disagreed":"0","cookie_value_agreed_show_thank_you":"1","cookie_value_agreed":"2","containing_element":"body","
1956settings_tab_enabled":false,"olivero_primary_button_classes":"","olivero_secondary_button_classes":"","close_button_action":"close_banner","open_by_default":true,"modules_allow_popup":true,"hide_the_banner":false,"geoip_match":true},"deferred_scripts":"{\u0022google_analytics_tracking_file\u0022:\u0022\u003Cscript async src=\\\u0022https:\\\/\\\/www.googletagmanager.com\\\/gtag\\\/js?id=UA-16129237-1\\\u0022\u003E\u003C\\\/script\u003E\\n\u0022,\u0022google_analytics_tracking_script\u0022:\u0022\u003Cscript\u003Ewindow.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag(\\\u0022js\\\u0022, new Date());gtag(\\\u0022set\\\u0022, \\\u0022developer_id.dMDhkMT\\\u0022, true);\u003C!-- Google tag (gtag.js) --\u003E\\r\\n window.dataLayer = window.dataLayer || [];\\r\\n function gtag(){dataLayer.push(arguments);}\\r\\n gtag(\u0027js\u0027, new Date());\\r\\n\\r\\n gtag(\u0027config\u0027, \u0027G-QX58YH7PQT\u0027);gtag(\\\u0022config\\\u0022, \\\u0022UA-16129237-1\\\u0022, {\\\u0022groups\\\u0022:\\\u0022default\\\u0022,\\\u0022anonymize_ip\\\u0022:true,\\\u0022page_placeholder\\\u0022:\\\u0022PLACEHOLDER_page_path\\\u0022,\\\u0022allow_ad_personalization_signals\\\u0022:false});\u003C\\\/script\u003E\\n\u0022,\u0022hotjar_script_tag\u0022:\u0022\u003Cscript src=\\\u0022\\\/sites\\\/default\\\/files\\\/hotjar\\\/hotjar.script.js?tlr1zd\\\u0022\u003E\u003C\\\/script\u003E\\n\u0022}","googleCSE":{"cx":"017909480688212484739:xe-aqdmy9v0","language":"en","resultsWidth":600,"domain":"www.google.com","isDefault":true},"ajaxTrustedUrl":{"\/search\/google":true},"localgov_base":{"mobileBreakpointJS":768},"user":{"uid":0,"permissionsHash":"74eb558dc00f957dc6bfdee0edf0fe5110271aeaa5aafd7b1454250b464e1a10"}}</script>
vendor: 1 bytes, line 1956
1956
1957<script src="/sites/default/files/js/js__D_9PBx6ABsKsbCRNA5vFEZ3zkMdVv6CjmS6yJ02mYE.js?scope=footer&delta=0&language=en&theme=localgov_base_croydon&include=eJxtjVEOwyAMQy9ElyOhQD3GGshEWCduv0r7WIf2Zfs5kfH0UXXLOKQ8JHONIPyB7qq18wumBXTyF9uTS6pJ4LmyjJ6j0QycaGRJunsWtO4D14pG5_A9CWygG3hFW-428Vw4YYZ2bGxj-fz8dj42HatWSqKB5Q3pL17V"></script>
vendor: 1 bytes, line 1957
1957
1958<script src="/modules/contrib/eu_cookie_compliance/js/eu_cookie_compliance.min.js?v=10.6.13" defer></script>
vendor: 1 bytes, line 1958
1958
1959<script src="/sites/default/files/js/js_gKsAjMjqONEzr8KT5khtPNBI_1KcWlhy5xS4asPjen0.js?scope=footer&delta=2&language=en&theme=localgov_base_croydon&include=eJxtjVEOwyAMQy9ElyOhQD3GGshEWCduv0r7WIf2Zfs5kfH0UXXLOKQ8JHONIPyB7qq18wumBXTyF9uTS6pJ4LmyjJ6j0QycaGRJunsWtO4D14pG5_A9CWygG3hFW-428Vw4YYZ2bGxj-fz8dj42HatWSqKB5Q3pL17V"></script>
1959 1960 1961 </body> 1962</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.