Subscription - Urban Renewal Authority

<!DOCTYPE html>   <html class="no-js lang-en" lang="en">  <head> <meta charset="utf-8"> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <link rel="alternate" hreflang="en" href="/en/subscription/subscribe" /> <link rel="alternate" hreflang="zh-hk" href="/tc/subscription/subscribe" /> <link rel="alternate" hreflang="zh-cn" href="/sc/subscription/subscribe" /> <link rel="alternate" hreflang="x-default" href="/en/subscription/subscribe" /> <link rel="canonical" href="https://www.ura.org.hk/en/subscription/subscribe" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" href="/assets/img/favicon/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/assets/img/favicon/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/assets/img/favicon/site.webmanifest"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <link rel="preload" href="/assets/css/fonts/lato-bold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/css/fonts/lato-regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/css/fonts/lato-light.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/css/fonts/Raleway-Regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/css/fonts/Raleway-SemiBold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/css/fonts/fontello/fontello.woff2" as="font" type="font/woff2" crossorigin> <meta name="msapplication-config" content="/assets/img/favicon/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <meta name="twitter:image" content="https://www.ura.org.hk/assets/img/logo_share.png" /> <meta property="og:image" content="https://www.ura.org.hk/assets/img/logo_share.png" /> <meta property="og:image:width" content="4952" /> <meta property="og:image:height" content="3052" /> <base href="//www.ura.org.hk/en/" />   <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-W6BKM6Z');</script>  <title>Subscription - Urban Renewal Authority - URA</title> <link rel="stylesheet" href="/assets/css/style.css?1706520730" media="all"> <link rel="stylesheet" href="/assets/css/print.css?1706520730" media="print"> <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-53342768-1', 'auto', {'name': 'tracker1'}); ga('tracker1.require', 'eventTracker'); ga('tracker1.require', 'outboundLinkTracker'); ga('tracker1.require', 'urlChangeTracker'); ga('tracker1.send', 'pageview'); </script> <script async src='https://www.google-analytics.com/analytics.js'></script> <script async src='/assets/lib/autotrack.js'></script>  <script async src="/assets/js/lib/default.min.js"></script> <meta name="p:domain_verify" content="8ab1460b63459c4e6a54945f992b4392"/>  <style type="text/css"> html { scroll-behavior: smooth;} .page-content--theme-20th {background: url('/f/upload/208/URA_20th_pattern_update.png') repeat left top 30px #b0d6eb;} .timeline-slider {margin-bottom: 20px; padding-top: 10px; padding-bottom:10px; background-color:#fff;} .timeline-slider .slider__item:first-child a{border-left: 0;} .timeline-slider .slider__item a {display:block; font-size: 20px; text-align: center;; padding: 0 10px; border-left: 1px solid #ccc; line-height: 1.1; font-weight: 700;} .timeline-slider .slider__item a:hover, .timeline-slider .slider__item a:focus{color:#114668; text-decoration:none; outline: 0;} .timeline-slider.scroll-to-fixed-fixed {box-shadow: 0px 0px 25px #dfdfdf; } .anniversary-20 table:not(.no-timeline-table) {width: 100%!important;} .anniversary-20 table:not(.no-timeline-table) td:nth-child(1){width: 45%;} .anniversary-20 table:not(.no-timeline-table) td:nth-child(3){width: 45%;} .timeline-slider .slick-arrow:before{color:#337ba8; font-size:22px; background:#fff;} .rte-img--left-center { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; margin-top: 50px; margin-bottom: 75px; } .rte-img--left-center:before { position: absolute; right: 0; top: -35px; z-index: -1; width: calc(100% - 130px); height: calc(100% + 80px); content: ''; background-color: #1767A6; } .rte-img--left-center .rte-img__container { margin-right: 55px; } .rte-img--left-center .rte-img__content { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; max-width: 100%; padding-right: 40px; } .media-table th, .media-table td {width: 50%; padding: 10px 15px 40px;} @media screen and (max-width: 991px) { .timeline-slider .slider__item a {font-size: 18px;} .anniversary-20 span[style*='480%'] { font-size: 350%!important;} } @media screen and (max-width: 767px) { .timeline-slider:before, .timeline-slider:after{position: absolute; top:0; right:100%;width:100%; height: 100%; content:''; background: #fff;} .timeline-slider:before{right:100%; box-shadow: -20px 0px 25px #dfdfdf;} .timeline-slider:after{left:100%; box-shadow: 20px 0px 25px #dfdfdf;} .timeline-slider .slider__item a {font-size: 16px; } .timeline-slider .slick-arrow {top:0; margin-top: 7px;} .timeline-slider .slick-next {right: -5px;} .timeline-slider .slick-prev {left: -5px;} .anniversary-20 table, .anniversary-20 tbody, .anniversary-20 thead, .anniversary-20 tr, .anniversary-20 td {display: block;} .anniversary-20 tr {margin-bottom:35px} .anniversary-20 tr:after {display: table; clear: both; content: '';} .anniversary-20 table tr:nth-child(odd) td:nth-child(1){display: none;} .anniversary-20 table tr:nth-child(odd) td:nth-child(2){float: left; width: 25%; padding-left: 0; } .anniversary-20 table tr:nth-child(odd) td:nth-child(3){float: left; width: 75%;} .anniversary-20 table tr:nth-child(even) td:nth-child(1){float: right; width: 75%;} .anniversary-20 table tr:nth-child(even) td:nth-child(2){float: left; width: 25%; padding-left: 0; } .anniversary-20 table tr:nth-child(even) td:nth-child(3){display: none;} .anniversary-20 table.no-timeline-table tr {margin-bottom:0;} .anniversary-20 table.no-timeline-table td {float: none!important; display: block!important; width: 100%!important; padding: 0; margin-bottom: 40px;} .anniversary-20 table.no-timeline-table td img {width: 100%!important;} .anniversary-20 span[style*='480%'] { font-size: 220%!important; display: block;} .anniversary-20 span[style*='300%'] { font-size: 210%!important;} .anniversary-20 span[style*='200%'] { font-size: 180%!important;} .anniversary-20 span[style*='160%'] { font-size: 130%!important;} .rte-img--left-center {display: block; margin-top:-70px; margin-bottom:20px;} .rte-img--left-center:before { top: 0; width: 100%; height: 100%; } .rte-img--left-center .rte-img__container { max-width: 100%; margin-right: 0;} .rte-img--left-center .rte-img__content {padding: 20px 20px 0;} .media-table tr {display:flex; flex-wrap:wrap; margin-bottom:50px!important;} .media-table th, .media-table td {margin-bottom: 0!important;} .media-table tr:nth-child(even) td:nth-child(1){order:2} .media-table tr:nth-child(even) td:nth-child(1){order: 1;} .media-table tr:nth-child(even) td:nth-child(1) *{text-align: left!important;} .media-table p {margin-bottom: 10px;} } </style>  </head> <body class="lang-en ">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W6BKM6Z" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="subscription" id="subscription"> <h1 class="subscription__head">Subscribe and Stay Connected</h1> <form class="form form--subscription" method="post"> <div class="ckec"> <div class='content_general'><div class="content-block"><p>Please fill in the following information to receive the latest news and updates from the URA.<br /> <small><em>(all fields mandatory)</em></small></p> </div></div> </div> <div class="form-groups"> <div class="form-group"> <label class="form-group__label" for="subscribe_last_name">Last name</label> <div class="form-group__body"> <input class="form-control" id="subscribe_last_name" type="text" name="last_name" required> </div> </div> <div class="form-group"> <label class="form-group__label" for="subscribe_first_name">First name</label> <div class="form-group__body"> <input class="form-control" id="subscribe_first_name" type="text" name="first_name" required> </div> </div> <div class="form-group"> <label class="form-group__label" for="subscribe_email">Email</label> <div class="form-group__body"> <input class="form-control" id="subscribe_email" type="email" name="email" required> </div> </div> <div class="form-group"> <label class="form-group__label">Subscription items</label> <div class="form-group__body"> <label class="form-group__body-label"><input title="Press Releases" type="checkbox" name="items[]" value="pr" required>Press Releases</label> <label class="form-group__body-label"><input title="Managing Director's Blog" type="checkbox" name="items[]" value="md" required>Managing Director's Blog</label> <label class="form-group__body-label"><input title="Feature Stories" type="checkbox" name="items[]" value="fs" required>Feature Stories</label> <label class="form-group__body-label"><input title="Reaching Out" type="checkbox" name="items[]" value="ro" required>Reaching Out</label> <label class="form-group__body-label"><input title="Commentaries" type="checkbox" name="items[]" value="cm" required>Commentaries</label> <label class="form-group__body-label"><input title="Know More About Urban Renewal" type="checkbox" name="items[]" value="km" required>Know More About Urban Renewal</label> </div> </div> <div class="form-group"> <label class="form-group__label"></label> <div class="form-group__body"> <div class="recaptcha"> <script src="https://www.google.com/recaptcha/api.js?hl=en-GB" async defer></script> <div class="g-recaptcha" data-sitekey="6Lf-QSsUAAAAADjGpwTOzqxTkXyp5S5715Z9e8Vk" data-callback="recaptchaCallback"></div> <input type="hidden" id="hiddenRecaptcha" name="hiddenRecaptcha" required> </div> <input type="hidden" name="v6InaZ1q" value="wBTetrAsbMvXaGxzK8Ok7FV1q4hoplRED9C2"> <button class="btn btn--submit" type="submit">Send</button> <button class="btn btn--reset" type="reset">Reset</button> </div> </div> </div> </form> </div> <script src="/assets/js/projectbase.js?1706520730"></script>  <script> $(function() { $('.slider--timeline-slider').slick({ speed: 300, pauseOnHover: false, slidesToScroll: 1, slidesToShow: 5, infinite: false, responsive: [ { breakpoint: 768, settings: { slidesToShow: 3 } } ] }) $('.js-to-anchor').each(function() { var $this = $(this), rel = $this.attr("rel"); $this.on("click", function(e) { e.preventDefault(); var $target = $("[id]").filter("[id='" + rel + "']"), headerHeight = $('.page-head').outerHeight(), timelineHeight = $('.timeline-slider').outerHeight(); if ($target.length) { var scrollToElemOffsetTop = $target.offset().top - headerHeight - timelineHeight - 30; //$("html, body").css({scrollTop: scrollToElemOffsetTop}); window.scrollTo(0, scrollToElemOffsetTop); } }); }) $('.timeline-slider').scrollToFixed({ marginTop: function() { return $('.page-head').outerHeight() } }); }); if($('.anniversary-20').length) { $('.page-content').addClass('page-content--theme-20th'); } </script>  </body> </html>

CINXE.COM

Subscription - Urban Renewal Authority - URA